*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,body{
	font-family:Arial, myrvetica, sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px;
	line-height:18px;
	background-color:#FFF;
}
img{
	padding:0;
	margin:0;
	border:none;	
}
.c, .c5, .c10, .c15, .c20, .c30, .c3, .c2 {
	clear: both;
}
.c {
	clear:both
}
.c2 {
	height: 2px;
}
.c3 {
	height: 3px;
}
.c5 {
	height: 5px;
}
.c10 {
	height: 10px;
}
.c15 {
	height: 15px;
}
.c20 {
	height: 20px;
}
.c30 {
	height: 30px;
}
.c35 {
	height: 35px;
}

.bg-light
{

}
.bg-w
{
	background-color:#FFF;
}
.bg-x
{
	background-image:url(../images/bg_x.png);
	padding-top:30px;
	padding-bottom:30px;
}


.logo
{
	width:100%;
	padding-top:10px;
}
.logo img
{
	max-width:100%;

}

.inner
{
	width:1200px;
	margin:auto;
}

.email-top {
	padding: 10px;
	font-size: 16px;
	color: #464646;
}
.email-top i {
	color: #ed3237;
	font-size: 16px;
}

.content-top{

}
.nick
{
	margin-top:4px;
	overflow:hidden;
}
.nick img {
	float: left;
	margin-left: 10px;
}
.nick div {
	border-top: dashed 1px #b1b1b1;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}

.pn-top
{
	background-color:#e40000;
	position:fixed;
	width:100%;
	z-index:9999
}

.baner
{
	position:fixed;
	z-index:10000;
	width:100%;
	background-color:#fff;
	top:32px;
	border-bottom:solid 1px #d7d7d7
}
.search-box {
    display: inline-block;
    padding-right: 30px;
    position: relative;
    width: 250px;
	height:36px;
	float:right	
}
.search-box input {
	width: 100%;
	max-width: 300px;
	border: none;
	background:#e40000;
	padding:8px;
	padding-bottom:9px;
	outline: none;
	color:#fff !important;
}
.btn-search {
	position: absolute;
	right:0px;
	top:0px;
	width: 30px;
	height: 36px;
	line-height: 32px;
	text-align: center;
	background: #e40000;
	color: #FFF;
	text-decoration: none;
}
.search-box input::-webkit-input-placeholder {
 color: #2E3192;
}
.search-box input:-moz-placeholder {
 color: #2E3192;
}
.search-box input::-moz-placeholder {
 color: #2E3192;
}
.search-box input:-ms-input-placeholder {
 color: #2E3192;
}


.email
{
	display:inline-block;
	background-image:url(../images/email.png);
	padding-left:24px;
	background-repeat:no-repeat;
	background-position:center left;
}
.hot-line{padding:0px;color:#FFF;line-height:32px;font-size:12px !important;font-size:14px;color:#444445;text-transform:uppercase;}



.hot-line .fa{color:#ffea00}



.phone-pc{display:inline-block;color:#ffea00}

.topmenu {
	margin: 0px;
	padding: 0px;
	float: right;
	color:#fff;

}
.topmenu li {
	list-style: none;
	float: left;
	border-right:solid 1px #f37777;
	line-height:33px
}
.topmenu > li:last-child
{

}
.topmenu a {
	text-decoration: none;
	color: #FFF;
	font-size: 14px;
	line-height:35px;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	display:block;
}
.topmenu a:hover {
	background-color:#c50303
}
.lang {
	float: right;
	padding: 5px;
	padding-top: 7px;
}
.lang a.vi {
	background-image: url(../images/flag.png);
	background-position: 0 0;
}
.lang a.en {
	background-image: url(../images/flag.png);
	background-position: 0 -21px;
}
.lang a {
	display: inline-block;
	width: 32px;
	height: 21px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: 10px;
}
.main-nav
{
   background-color:#b81906;
}

#nav {
    margin: 0 auto;
	height: 43px;
	width: 100%;
	padding-left: 0px;
	line-height: 36px;
	padding: 0px;
	font-family: "myb", Arial, myrvetica, sans-serif;
	text-transform: uppercase;
	
	
}



#nav li {
	list-style: none;
	float: left;
	font-size: 14px;
	position: relative;
	border-bottom: none;
	border-top: none;
	margin-top:26px
}
#nav li a {
	color: #505050;
	text-decoration: none;
	display: inherit;
	padding: 0px 15px;
	text-transform: uppercase;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#nav li:hover {
	color: #fff;
	background-color:#e40000;
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#nav li:hover a{
	color:#fff !important;
}
#nav li.active {
	color: #fff !important;
	background-color:#e40000;
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#nav li a:hover, #nav li.active a {
	color: #fff;
}
#nav li ul {
	position: absolute;
	top: 36px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 99999;
	width: 260px;
	display: none;
	background: #e40000;
	z-index: 999;
	font-family: Arial, myrvetica, sans-serif;
	border-top: solid 3px #e81818;
}
#nav>li>ul>li {
	text-transform: none;
	width: 100%;
	float: none;
	border: none;
	border-bottom: solid 1px #e81818;
	height: auto;
	padding: 0px;
	border-left: none;
	font-size: 12px;
	margin-top:0;
}
#nav li ul li:first-child {
	border-top: none;
}
#nav li ul li:hover, #nav li.active ul li:hover, #nav li.active ul li.active {
	background: #e81818;
	border: none;
	border-bottom: solid 1px #e81818;
	color:#fff !important;
	padding-top:0;
	border-radius:0;
}
#nav li ul li:last-child {
	border-bottom: none;
}
#nav li ul li a {
	color: #fff;
	height: auto;
	padding: 6px;
	line-height: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 13px;
	text-transform: none;
}
#nav li ul li:hover a {
	color: #fff;
}
#nav li ul li ul {
	position: absolute;
	left: 100%;
	border-top: none;
	width: 220px;
	top: -2px;
	display: none;
}
#nav li ul li a {
	color: #FFF !important;
}
.flex-prev,.flex-next
{
	position:absolute;
	top:45%;
	z-index:1000000
}
.flex-prev
{
	text-indent:-9999em !important;
	width:25px !important;
	line-height:42px !important;
	background-image:url(../images/btt_sl.png);
	background-position:0 0;
	background-repeat:no-repeat;
	left:10px;
	
}

.main-sl
{
	padding-top:105px;
}
.product-cat-title
{
	width:100%;
	text-align:center;
	text-align:center;
	background-image:url(../images/bg-line.png);
	background-repeat:repeat-x;
	background-position:center;
}

.text-title h2
{
	margin:0;
	padding:0;
	font-weight:normal;
	padding-bottom:0px;
}
.text-title{
	width:auto;
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	background-color:#FFF;
}
.text-title a
{
	color:#737373;
	text-decoration:none;
	font-size:24px;
	text-transform:uppercase;
	font-family:"myb";	
	width:auto;
	font-weight:normal;
	
}
.text-title a:hover
{
	color:#222;
}
.prolist
{
	margin-top:20px !important;
}
.product-cell
{
	background-color:#f7f7f7;
	border:solid 1px #e2dddb;
	margin-bottom:20px;
	position:relative;
	padding-left:0 !important;
	padding-right:0 !important;
}

.link-detait
{
	position:absolute;
	right:10px;
	bottom:10px;
}
.link-detait a
{
	text-decoration:none;
	color:#b81906;
	font-size:14px;
}
.link-detait a:hover
{
	color:#222;
}

.product-cell
{
	position:relative;
}
.mast
{
	position:absolute;
	width:100%;
	background-image:url(../images/tran.png);
	height:100%;
	left:0;
	top:0;
	display:none;
}
.inner-mast
{
	padding:20px;
	color:#fff;
	line-height:22px;
	position:relative;
	height:100%;
	display:block;
	text-decoration:none;
}
.inner-mast .title
{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	border-bottom: solid 1px #59a9e0;
	padding-bottom:5px;
}
.mast .attr-item
{
	font-weight:normal;
}

.product-cell img
{

}
.product-title
{
	margin:0;
	padding-bottom:6px;
	text-align:center;
}
.product-title a
{
	color:#0f75bd;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.product-title a:hover
{
	color:#de2e1b
}
.product-cell .intro
{
	color:#5d5c5c;
	font-family:"myr";
	line-height:20px;
	margin-top:10px;
	min-height:50px;
	padding-bottom:20px;
}
.info-home
{
	overflow:hidden;
}
.info-home h1
{
	margin:0;
	padding:0;
	
}
.info-home h1 a
{
	color:#db2107;
	font-family:"myb";
	text-transform:uppercase;
	text-decoration:none;
}
.intro-wc
{
	color:#636262;
	font-size:14px;
	text-align:justify;
	line-height:22px;
	margin-top:10px;
}
.news-home
{
	
}


.newsother-home
{
	margin-top:10px
}
.newsother-home .item-news-home
{
	margin-bottom:10px;
	overflow:hidden;
	border-bottom:dashed 1px #b9b9b9;
	padding-bottom:10px;
}
.newsother-home .item-news-home img
{
	float:left;
	margin-right:10px;
	width:130px;
	height:95px;
	border:solid 1px #e2dddb;
}
.newsother-home .item-news-home .news-home-title
{
	margin:0;
	padding:0;
	font-weight:normal;
	margin-bottom:0px;
}
.newsother-home .item-news-home .news-home-title a
{
	font-size:14px;
	color:#555454;
	text-decoration:none;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif;
}
.newsother-home .item-news-home .news-home-title a:hover
{
	color:#b62a26
}

.news-home-intro
{
	color:#5d5c5c;
	font-size:14px;
	text-align:justify;
	margin-top:10px;
}
.other-video-home
{
	margin:0;
	padding:0;
	padding:5px;
	padding-top:0;

}
.other-video-home li
{
	display:block;
	background-color:#f7f7f7;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:22px;
}
.other-video-home li:first-child a
{
	font-family:"myb";
	font-size:16px;
}
.other-video-home li a
{
	color:#bb120d;
	text-decoration:none;
	font-size:14px;
	font-family:"myr";
}
.title-box
{
	background-image:url(../images/bg-line.png);
	background-repeat:repeat-x;
	background-position:center;
	margin-bottom:10px;
	margin-top:0;
}
.title-box .text-title-box
{
	color: #737373;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    text-decoration: none;
    text-transform: uppercase;
	display:inline-block;
	padding-right:20px;
	padding-bottom:5px;
	background-color: #FFF
}

.plist-home
{
	padding-top:30px !important;
	padding-bottom:30px !important;
}
.plist-home .item-plist
{
	background-color:#f5f5f5;
}
.plist-home .item-plist a
{
	font-size:18px;
	color:#555454;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:normal;
	font-family:"myb";
	
}
.plist-home .item-plist a:hover
{
	color:#db2107;
}

.pname
{
	border-bottom:solid 3px #9c9d9c;
	padding-bottom:5px;
	margin:0;
	margin-top:5px;
	padding-bottom:10px;
}
.intro-p
{
	color:#676666;
	line-height:22px;
	margin-top:15px;
}

.pd-10
{
	padding:10px
}
.plist-home .item-plist img
{
	float:left;
	margin-right:10px;
}
.plist-home .item-plist .news-name-home
{
	text-decoration:none;
	color:#3f3d3d;
	font-size:14px;
	font-family:"myb";
	text-transform:uppercase;
}

.plist-home .item-plist .intro-p-home
{
	font-family:"myr";
	margin-top:10px;
}
.plist-home .item-plist .intro-p-home p
{
	color:#3f3d3d;
	line-height:20px;
}
.btn-view-more
{
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	width:auto;
float:right;
margin-top:20px;
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:center;
background-color:#ff0000;
}
.btn-view-more a
{
	color:#fff;
	font-family:"myb";
	text-decoration:none;
}
.copyright
{
	color:#222;
	background-color:#f4f4f4;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
}
.footer
{
	padding-top:40px;
	padding-bottom:30px;
	background-color:#ebebeb
}
.left-fot
{
	color:#58595b;
}
.ct-f
{
}
.ct-f img
{
	float:left;
	margin-right:10px;
	padding-bottom:40px;
}
.ct-f .title-f
{
	font-size:20px;
	text-transform:uppercase;
	color:#58595b;
	margin-bottom:10px;
}

.hd-mnu-footer
{
	font-size:24px;
	color:#ca2b2d;
	margin-bottom:10px;
}
.mnu-footer
{
	color:#ca2b2d;
}
.mnu-footer a
{
	color:#ca2b2d;
	text-decoration:none;
	font-size:18px;
	font-family:"myr";
	display: inline-block;
	padding-right:20px;
}
.chungchi
{
	text-align:right;
}
.chungchi img
{
	width:100%;
}
.link-smo-footer {
	padding: 0 !important;
	margin-bottom:20px;
	overflow:hidden;
}
.link-smo-footer a {
	display:block;
	float: right;
	margin-left:10px;
	width:auto;
	color: #ccc;
	font-weight: bold;
	text-decoration: none;
	font-weight: normal;
	-webkit-box-shadow: 5px 5px 5px 0 #FF75B6;
box-shadow: 5px 5px 5px 0 #FF75B6;
}
.link-smo-footer i {
	width: 37px;
	height: 37px;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	font-size: 20px;
	color: #fff;
	background: #999;
	text-shadow: none;
	padding: 4px;

}
.link-smo-footer a:last-child {
	margin-right: 0px;
}
.link-smo-footer .fa-facebook {
	background: #204185;
}
.link-smo-footer .fa-google-plus {
	background: #d4482b;
}
.link-smo-footer a i.fa-youtube {
	background: #e72625;
}
.link-smo-footer .fa-twitter {
	background: #2ca8e0;
}
.link-smo-footer .fa-linkedin {
	background: #026697;
}
.link-smo-footer .fa-pinterest {
	background: #c2242c;
}
.link-smo-footer a:hover i {
	color: #FFF;
}

.title-box-news
{
	background-color:#ed1b25;
	padding:10px;
	text-align:center;
	margin:0;
}
.title-box-news a
{
	color:#fff;
	font-size:16px;
	font-family:myb;
	text-transform:uppercase;
	text-decoration:none;
}
.o-news
{
	border:#acacac solid 1px;
	padding:30px;
	padding-top:10px;
	padding-bottom:10px;
	border-top: none
}
.intro-newsletter
{
	font-size:12px;
	text-transform:uppercase;
	font-family:"myb";
	line-height:20px;
	color:#020000;
	padding-top:5px;
	padding-bottom:10px;
	text-align:justify;
}
.frm-newslet
{
	padding-bottom:5px;
}
.frm-newslet input
{
	border:solid 1px #dcdcdc;
	padding:4px;
	width:70%;
}
.btn-newslet
{
	color:#dd1515;
	font-size:14px;
	display:inline-block;
	text-decoration:none;
}
.footer-content
{
	margin-top:40px;
}
#button-btt
{
	position:fixed;
	right:10px;
	bottom:40px;
}
.crumb {
	border: solid 1px #CCC;
	font-family:"myr";
	padding:7px;
	margin-top:15px;
}
.crumb a {
	color: #333;
	text-decoration: none;
    font-size: 13px;
}
.crumb a:first-child {
	font-size: 14px;
}
.crumb a:last-child {
	color: #333;
	font-weight: normal;
}
.right-page
{
	background-color:#fff;
}
.news-name-detail
{
	font-size:30px;
	text-transform:uppercase;
	color:#676767;
	font-weight:normal;
	font-family:"myb";
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:normal;
	background-image:url(../images/bg_x.png);
	background-repeat:repeat-x;
	background-position:center;

}
.news-name-detail span
{
	display:inline-block;
	padding-right:10px;
	background-color:#FFF
}
.intro-cat
{
	font-family:"myb";
	font-size:14px;
	line-height:20px;
}

.menuleft {
	padding: 0px;
	margin: 0px;
	border-top: none;
	background-color:#FFF;
	border-bottom: solid 1px #ed1b25;
}
.title-left
{
	background-color:#ed1b25;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
}
.title-left a
{
	color:#fff !important;
	font-size:20px !important;
	text-transform:uppercase;
	font-family:"myb";
	text-decoration:none;
	padding:10px;
}
.menuleft li.title-left a:hover
{
	color:#fff;
}
.menuleft li {
	list-style: none;
	border-bottom: solid 1px #ed1b25;
	position: relative;
	border-left:solid 1px #ed1b25;
	border-right:solid 1px #ed1b25;
	padding-left:15px;
	padding-right:15px;
}
.menuleft li a {
	color: #222;
	text-decoration: none;
	display: inherit;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:3px;
	padding-right: 0px;
	font-size: 13px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 8px 16px;
	display:inline-block
        
}
.menuleft li a:hover
{
	color:#b81906;
}
.menuleft li a i {
	color: #0f75bd;
    font-size: 4px;
}
.menuleft li:hover a, .menuleft li.active a {
	color: #b81906;
}
.menuleft li i {
	font-size: 14px;
	color:#0f75bd
}
.menuleft li ul {
	padding: 0px;
	margin: 0px;
}
.menuleft li ul li {
	padding-left: 20px;
	border: none;
	border-top: solid 1px #EDEDED;
}
.menuleft li.active ul li a {
	color: #5f5e5e;
}
.menuleft li.active ul li.active a, .menuleft li.active ul li a:hover {
	color: #b81906;
}
ul.subshow 
{
}



ul.subshow li
{
	padding-left:10px !important;
}


.menuleft li ul.subhover{
	padding:0px;
	margin:0px;
	position:absolute;
	left:100%;
	top:0px;
	width:230px;
	background:#FFF;
	border:solid 1px #ddd;
	display:none;
	z-index:999;
	
}
.menuleft li ul.subhover li{
	line-height:normal;
	border-bottom:solid 1px #ddd;
}
.menuleft li ul.subhover li a{
	padding:5px 10px;	
	color:#4c4c4c;
	font-weight:normal;
}
.menuleft li ul.subhover li:hover{
	background:#F5F5F5;	
}

.box-right{
	background-color:#FFF;
}
.title-box-right-pos
{
    margin-bottom: 10px;
    margin-top: 0;
	margin-top:0px;
	background-color:#ed1b25;
	padding:10px;
}
.title-box-right-pos a
{
    color: #fff;
    display: inline-block;
    font-family: "myb";
    font-size: 24px;
    text-decoration: none;
    text-transform: uppercase;
}

.title-box-right
{
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#b0110c;
}
.title-box-right a
{
	color:#fff !important;
	font-size:16px;
	text-transform:uppercase;
	font-family:"myb";
	text-decoration:none;
	padding:10px;
}
.item-news-left {
	margin-bottom:10px;

}
.item-news-left .img {
	float: left;
	margin-right: 10px;
	width:40%;
}
.item-news-left a {
	color: #373737;
	text-decoration: none;
    font-size: 15px;
	font-family:myb
}
.item-news-left a:hover {
	color: #db2107
}
.left-title-top1
{
	margin-bottom:10px;
}
.left-title-top1 a
{
	font-size:16px;
	color:#b2110c;
	font-family:"myb";
	text-transform:uppercase;
	text-decoration:none;
}
.news-top1-left
{
	padding-left:10px;
	padding-right:10px;
}
.intro-left
{
	font-family:"myr";
	color:#5d5c5c
}
.cat-left
{
	position:relative;
	margin-bottom:15px;
}
.cat-home-title
{
	position:absolute;
	background-image:url(../images/tran.png);
	padding:10px;
	width:100%;
	bottom:0;
	left:0;
	margin:0
}
.cat-home-title a
{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
}

.attr-item{
    font-weight: bold;
    margin: 5px 0px;
}

.gallery-top {
    border: solid 2px #e2dddb;
}
.gallery-thumbs-img{
    border: solid 2px #e2dddb;
    padding: 5px;
}


.product-contact{
    border-radius: 6px;
    padding: 5px 0px;
	width:120px;
	text-align:center;
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

    
    
}

.product-contact a{
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    
    
    
    
}

.product-hotline{
    
    border-radius: 3px;
    padding: 5px 30px;
    
    float: left;
    

background: #87e0fd; /* Old browsers */
background: -moz-linear-gradient(top,  #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
    
    
}

.product-hotline a{
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    
}

.pro-name-details
{
    margin: 0px;
    padding: 0px;
	font-size:18px;
	color:#b2110c;
	text-transform:uppercase;
	font-family: Arial, myrvetica, sans-serif;
	
	padding-bottom:10px;
	font-weight:bold;
}
.img-prodetails
{
	width:50%;
	float:left;
	margin-right:20px;
}
.content-detail-tab
{
	color:#303030;
	font-size:13px;
	line-height:20px;
	text-align:justify
}
.content-detail-tab img
{
	max-width:100% !important;
}
.product-price{
    font-size: 24px;
    font-weight: bold;
    color: #F00;
    text-align: center;
}
.cl3
{
	margin-top:10px;
}

.cl3 .cl1
{
	width:33.3333%;
	float:left;
	text-align:center;
	font-family:"myr"
}
.cl3 .cl1 img
{
	margin-bottom:10px;
}
.link-toshop
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdc903+0,fc9702+50,fb6701+100 */
background: #fdc903; /* Old browsers */
background: -moz-linear-gradient(top, #fdc903 0%, #fc9702 50%, #fb6701 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fdc903 0%,#fc9702 50%,#fb6701 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fdc903 0%,#fc9702 50%,#fb6701 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc903', endColorstr='#fb6701',GradientType=0 ); /* IE6-9 */
width:auto;
padding-left:10px;
padding-right:10px;
text-align:center;
width:120px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding-top:5px;
padding-bottom:5px;
}
.link-toshop a
{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-family:"myb";
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
}

.item-news {
	padding: 10px 0px;
}
.image-news {
	width: 250px;
	float: left;
	margin-right: 20px;
	border:solid 1px #f1f1f1;
	padding:2px;
}
.newsimage
{
	width: 250px;
	float: left;
	margin-right: 20px;
}
.image-news-big {
	width: 45%;
}
.news-name {
	font-size:24px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	color: #393939;
	margin-bottom:5px;
	font-family:"myb";
}
.intro-detail
{
	font-family:"myb";
	color:#333;
	line-height:24px;
	font-size:14px;
}
.news-name a {
	color: #393939;
	text-decoration: none;
	font-size:18px;
	text-transform:uppercase;
	font-family:"myb"
}
.content-detail
{
	font-size:14px;
}
.intro-service
{
	color:#5d5c5c;
	line-height:20px;
	font-size:14px;
	margin-bottom:10px;
}


.intro-hot-news {
	padding-top: 5px;
	text-align: justify;
}
.createdate {
	color: #767676;
	font-size: 12px;
}


.other-article {
	margin: 0px;
	padding: 0px;
}
.other-article li {
	padding: 0px;
	list-style: none;
	color: #858585;
	padding-bottom:7px;
}
.other-article li a {
	color: #313131;
	text-decoration: none;
}
.other-article li i.fa
{
	color:#034ea2;
}
.other-article li a:hover {
	text-decoration: underline;
}

.txt-contact {
	border: solid 1px #CCC;
	width: 100%;
	height: 28px;
	padding: 0px 5px;
}
.error {
	color: #FF0000;
}
.btn-send {
	background: #ED1C24;
	padding: 7px 25px;
	border: none;
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.btn-reset {
	background: #F8B02C;
	padding: 7px 25px;
	border: none;
	color: #FFF;
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.frm-reg {
	background-color: #f1f1f1;
	padding: 20px;
	margin-top: 30px;
	overflow:hidden
}
.title-frm-reg {
	font-size: 14px;
	color: #303030;
	font-family: "iCielGotham-Medium", Arial, myrvetica, sans-serif;
}
.title-frm-reg span{
	color:#F00;
}
.frm-reg .txt, .frm-reg .txt-contact {
	background-color: #fff;
	border: solid 1px #cbcaca;
	padding: 2px;
	color: #222;
	width: 100%;
	margin-top:10px;
	font-size: 14px;
}
.frm-reg .btt-reg {
	background-color: #ed1d25;
	text-transform: uppercase;
	text-align: center;
	width: 120px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	padding: 10px;
}
.frm-reg .btt-reg a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-weight: bold;
}
.frm-reg .btt-reg a:hover {
	color: #fff;
}
.error {

}
.frm-book textarea {
	height: 152px;
}
.frm-reg .tr_td
{
	margin-bottom:10px;
	overflow:hidden;
}
.frm-reg .td_td1
{
	float:left;
	width:25%;
}
.frm-reg .td_td
{
	float:left;
	width:75%;
}
.btn-td-submit
{
	background-color:#034ea2;
	padding:5px 20px;
	text-align:center;
	color:#FFF;
	border:none;
	-webkit-border-radius: 20px;
border-radius: 20px;
}
.btn-td-reset
{
	background-color:#f39d37;
padding:5px 20px;
color:#FFF;
	text-align:center;
	border:none;
	-webkit-border-radius: 20px;
border-radius: 20px;
}
#message_text
{
	font-size:11px;
	color:#F00;
}
#message_text .fa
{
	color:#F00;
}
.cat-path
{
	padding-top:5px;
	padding-bottom:5px;
	font-family:"myr";
}
.cat-path a
{
	color:#222;
	text-decoration:none;
}
.intro-search
{
	font-size:13px;
	color:#222;
	line-height:20px;
	font-family:"myr"
}

.cat-path a:hover
{
	text-decoration:underline;
}
.tran-top
{
	background-image:url(../images/tran-top.png);
	background-repeat:repeat-x;
	background-position:top;
}
.tran-top
{
	background-image:url(../images/tran-bot.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.news
{
}
.videos-x
{
	padding-top:20px;
}
.video-list
{
	margin-left:-10px;
	margin-right:-10px;
	
}
.video-list .cat-pro-name
{
}
.video-list .cat-pro-name a
{
	color:#333;
	text-decoration:none;
}
#playvideo
{
	margin-bottom:10px;
}
.img-fotter
{
	background-image:url(../images/img_fot.png);
	background-repeat:no-repeat;
	background-position:right;
	height:115px;

}
.img-fotter img
{
	display:block;
}
.pd-tb-30
{
	padding-top:30px;
	padding-bottom:30px;
}
.cell-1-2
{
	width:48%;
}
.service-home
{
	margin-top:20px !important;
}
.item-service-home
{
    position:relative;
}
.item-service-home h2
{
	margin:0;
	margin-bottom:10px;
	font-weight:normal
}
.item-service-home img
{
	width:100%;
	margin-bottom:10px;
}
.name
{
	font-family:myb;
	font-size:11px;
	line-height:22px
}
.name a
{
	color:#393939;
	text-decoration:none;
}
.name a:hover
{
	color:#1478be;
}
.item-service-home .intro
{
	line-height:22px;
	font-size:14px;
	color:#636262;
	padding-bottom:60px;
	padding-right:15px;
	text-align:justify;
}
.bnt-view
{
	background-color:#ed1b25;
	width:auto;
	padding:10px;
	padding-top:6px;
	padding-bottom:6px;
	-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
	display:inline-block;
}
.bnt-view a
{
	color:#fff;
	text-decoration:none;
	font-size:14px;
}
.item-service-home .bnt-view
{
	position:absolute;
	right:10px;
	bottom:10px;
}
.faq-home
{
	margin:0;
	padding:0;
}
.faq-home li
{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}
.faq-home li span
{
	background-color:#db2107;
	display:inline-block;
	padding:5px;
	color:#fff;
	font-family:myb
}
.faq-home li a
{
	color:#555454;
	text-decoration:none;
	font-size:14px;
	font-family:myb;
	display:inline-block;
	padding-left:5px;
	
}
.cleft
{
	margin-top:59px;
	float:right !important;
	padding-right:0 !important;
}
.cright
{
	margin-top:50px;
	float:left !important;
	padding-left:0 !important;
}
.title-footer a {
	color: #58595b;
	font-weight:bold;
	font-size: 16px;
	text-decoration:none;
	text-transform:uppercase;

}
.menufooter-col {
	color: #FFF;
	padding:0;
	margin:0;
	margin-top:10px;
}
.menufooter-col li
{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}

.menufooter-col a {
	text-decoration: none;
	color:#58595b;
	text-transform: none;
	white-space: nowrap;
	font-size: 13px;
	background-image:url(../images/bl1.png);
	background-repeat:no-repeat;
	background-position:center left;
	display:block;
	padding-left:15px;
}
.menufooter-col a:hover
{
	color:#0f75bd;
}
.partner-prev, .partner-next {
	height: 25px;
	width: 12px;
	text-align: center;
	line-height: 25px;
	color: #FFF;
	text-decoration: none;
	position: absolute;
	top: 30%;
}
.partner-prev {
	left: 0px;
	background-image:url(../images/btt_sl1.png);
	background-position:0 0;
}
.partner-next {
	right: 0px;
	background-image:url(../images/btt_sl1.png);
	background-position:-12px 0;
}
.faq-item
{
}


.faq-item .name-faq
{
	font-family:myb;
	font-size:18px;
	color:#b2110c;
	margin-bottom:10px;
}
.truncate_more_link {
	background-image: url(../images/plust.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 11px;
	height: 22px;
	text-indent: -9999em;
	margin-top: 3px;
	margin-left: 10px;
	background-position: center center;
}
.truncate_more {
}
.title-l-r {
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
}
.close-faq {
	background-image: url(../images/min.png);
}
.p-top
{
	background-color:#f1f1f1;
}
.pro-slide
{
	

}
.pro-slide .img
{
	border:solid 1px #959595;
	position:relative;
	-webkit-box-shadow: 5px 5px 5px 0 #AD9294;
box-shadow: 5px 5px 5px 0 #AD9294;
}
.pro-slide .pd-15
{
	padding:15px;
}
.code
{
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	color:#4c4c4c;
}



.price-list
{
	text-align:center;
}
.scroll-prev1 
{
	position:absolute;
	top:30%;
	background-image:url(../images/np.png);
	width:19px;
	height:41px;
	background-position:0 0;
	left:-30px;

	z-index:10000;
}
.gg
{
	position:absolute;
	top:20px;
	right:10px;
	z-index:10000;
	background-image:url(../images/gg.png);
	background-repeat:no-repeat;
	width:84px;
	height:84px;
}
.scroll-next1
{
	position:absolute;
	top:30%;
	background-image:url(../images/np.png);
	width:19px;
	height:41px;
	background-position:-19px 0;
	right:-30px;

	z-index:10000;
}
.price-list1
{
}
.price-list strong
{
	color:#ff0000;
	display:inline-block;
	padding-left:20px;
}
.price-list del
{
	color:#4c4c4c;
	padding-right:20px;
	display:inline-block;
}

.news-scroll-name
{
	margin:0;
	text-align:center;
}
.news-scroll-name a
{
	text-decoration:none;
	color:#0f75bd;
	font-size:14px;
}
.nav-footer
{
	background-color:#e40000;
	overflow:hidden;
}
.nav-footer ul
{
	margin:0;
	padding:0;
}
.nav-footer ul li
{
	display:block;
	float:left;
}
.nav-footer ul li a
{
	display:block;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}
.nav-footer ul li a:hover
{
	background-color:#d00000
}
.thongke
{
	border:solid 1px #fff;
}
.thongke .hd-thongke
{
	background-color:#FFF;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
	font-size:14px;
	font-family:myb;
	text-transform:uppercase;
}
.content-thongke
{
	padding:15px;
}

.title-numbers {
	background: #ed1b25;
	height: 44px;
	color: #FFF;
	text-align: left;
	text-transform: uppercase;
	font-family: "myb", Arial, Helvetica, sans-serif;
	line-height: 44px;
	position: relative;
	padding: 0px 32px 0px 32px;
	font-size:16px;
	overflow:hidden;
}
.title-numbers .arrowleft, .title-numbers .arrowright {
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	color: #d5d5d5;
	z-index:10000;
	font-size:30px;
	display:none;
}
.title-numbers .arrowleft {
	left: 10px;
	top:-115px;
}
.title-numbers .arrowright {
	right: 10px;
	top:-115px;
}
.title-numbers .yellow1, .title-numbers .yellow2 {
	background: #f7aa1b;
	width: 13px;
	height: 24px;
	position: absolute;
	top: -8px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: block;
}
.title-numbers .yellow1 {
	left: 37px;
}
.title-numbers .yellow2 {
	right: 37px;
}
.slidehomeconent
{
	 height:220px; padding:0px; position:relative; margin:0px 0px; overflow:hidden;
	 border:solid 1px #a1a1a1;
	 border-bottom:none;
	 margin-top:20px;
}
.box-fan
{
	background-color:#ebebeb;
	padding:20px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	margin-top:4px;
	margin-bottom:20px;
}
.pt
{
	background-image:url(../images/bg_x.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:10px;
}
.page-pro
{
	margin-top:30px;
	padding-left:0 !important;
	padding-right:0 !important;
}
.left-prodetails
{
	padding-left:0 !important;
}
.right-prodetails
{
	padding-right:0 !important;
}
.search-box
{
	border:solid 1px #fa575f;
	border-bottom:none;
	border-top:none;
	background-color:#cb131c
	
}
#txtsearch
{
	color:#fff;	
	padding:10px;
}
.tab-menu
{
	display:block;
	margin:0;
	padding:0;
	margin-top:60px;
	margin-bottom:60px;

}
.tab-menu li
{
	display:block;
	float:left;
	position:relative;
	margin-bottom:5px;
}
.tab-menu li>a
{
	display:block;
	padding:10px 15px;
	text-decoration:none;
	border:solid 1px #a1a1a1;
	margin-right:5px;
	-webkit-border-radius: 6px;
border-radius: 6px;
color:#474747;
text-transform:uppercase;
font-family:myb;
}
.tab-menu li>a:hover,.tab-menu li>a.active
{
	background-color:#2a98d5;
	color:#FFF;
	font-family:myb
}

.tab-menu li:hover ul.sub-hover
{
	display:block;
}
ul.sub-hover
{
	display:none;
	margin:0;
	padding:10px;
	border:solid 1px #d7d7d7;
	position:absolute;
	top:40px;
	z-index:11111;
	left:0;
	background-color:#fff;
	width:240px;
	padding-top:0;
	padding-bottom:0;
}
ul.sub-hover li
{
	display:block;
	border-bottom:solid 1px #d7d7d7;
	float:none;
}
ul.sub-hover li a
{
	display:block;
	padding:10px 0px;
	border:none;
}
ul.sub-hover>li>a:hover
{
	background-color:#fff !important;
	color:#000 !important;
}

.paging{ text-align:center}
.paging1{border:solid 1px #cccccc;width:auto;border-left:none; display:inline-block;}
.paging1 i{font-size:16px;}
.page{text-decoration:none;font-size:12px;color:#000000;line-height:26px;width:auto;display:block; float:left;background-color:transparent;border-left:solid 1px #ccc; font-weight:bold; padding:6px 12px;}
.page:hover{ background-color:#b81906; color:#fff;}
.clicked{text-decoration:none;font-weight:bold;font-size:12px; background-color:#b81906; color:#fff;border-left:solid 1px #b81906}


.e
{
	text-transform:none;
}

.cart
{
	border:solid 1px #d7d7d7;
	margin-top:20px;
	margin-bottom:20px;
}
.cart a
{
	text-decoration:none;
	color:#222;
	font-size:12px;
}

.cart .fa
{
	font-size:18px;
}

.btn-cart-3,.btn-cart-2,.btn-cart-1{
		padding:8px 0px;
		width:100%;
		border:none;
		color:#FFF;
		white-space:pre-wrap;
		font-weight:bold;
	}
	.btn-cart-1{
		background: #f5791f;
		border:solid 2px #f5791f;	
	}
	.btn-cart-2{
		background: #999;	
		border:solid 2px #999;
	}
	.btn-cart-3{
		background: #00904c;
		border:solid 2px #00904c;	
	}
	.cart-price{
		color:#F00;
		font-weight:bold;
	}
	.total-payment{
		color:#333;
		font-weight:bold;
		font-size:16px;	
	}
	.txt-input
	{
		border:solid 1px #d7d7d7;
		padding:5px;
		font-weight:bold;
		margin-top:10px;
		margin:auto;
	}
	
	.cart-message,.cart-message-error {
		color: #468847;
		background-color: #dff0d8;
		border-color: #d6e9c6;
		text-align:center;
		padding: 8px 35px 8px 14px;
		margin-bottom: 20px;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		background-color: #fcf8e3;
		border: 1px solid #fbeed5;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.cart-message-error{
		color: #b94a48;
		background-color: #f2dede;
		border-color: #eed3d7;
	}
	.cart-title{
		background:#EEE;
		padding:8px 5px;	
		font-weight:bold;
		margin-bottom:10px;
		font-size:14px;
	}
	.cart-note{
		 white-space:nowrap; font-size:12px; color:#666; font-weight:normal;
	}
	.cart-info-text{
		width:100%;
		height:30px;
		border:solid 1px #d7d7d7;
	}
	.cart-info-textarea{
		width:100%;
		height:80px;	
		border:solid 1px #d7d7d7;
	}
	.cart-label{
		font-weight:bold;	
	}
	.cart-red{
		color:#FF0000;	
	}
	.border-cc{
		border-bottom:solid 1px #eee;	
		clear:both;
		padding:5px 0px;
	}
	a.fa-trash{
		color:#333;
		text-decoration:none;	
	}
	a.fa-trash:hover{
		color:#FF0000;	
	}
	.other-video
	{
		margin:0;
		padding:10px;
		border: solid 1px #d7d7d7;
		border-top:none
	}
	.other-video li
	{
		display:block;
		padding-top:8px;
		padding-bottom:8px;
		border-bottom:dashed 1px #d7d7d7;
	}
	.other-video li a
	{
		color:#555454;
		text-decoration:none;
	}
	.other-video li a:hover
	{
		color:#000;
		text-decoration:none;
	}
	.hot-line-mob
	{
		display:none;
	}
	
	.hotlineFooter
	{
		position:fixed;
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		background-color:#e40000;
		bottom:0;
		left:0;
		z-index:10000;
		text-align:center;
		font-weight:bold;
		display:none;
	}
	.hotlineFooter a
	{
		color:#fff;
		font-size:16px;
		text-decoration:none;
	}
	
.cell-mobile-1-2
{
	width:48%;
}

.catmobile
{
	display:none;
}
.item-catmobile
{
	margin-bottom:20px;
	text-align:center;
}
.item-catmobile img
{
	display:block;
	width:100%;
	margin-bottom:10px;
	border:solid 2px #d7d7d7;
}
.item-catmobile a
{
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
	color:#1478be;
	text-decoration:none;
}
.item-catmobile a:hover
{
	color:#222;
}



.hdfrmOrder
{
	background-color:#e40000;
	color:#fff;
	padding:12px 15px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
}
.frmOrder
{
	border:solid 1px #d7d7d7;
	padding:25px;
}
.frm-line
{
	margin-bottom:10px;
}
.frm-line .lbl-frm
{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
.frm-line input,.frm-line textarea
{
	width:100%;
	border:solid 1px #d7d7d7;
	padding:10px;
}
.btn-order
{
	display:block;
	text-align:center;
	padding:12px;
	background-color:#e40000;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.mes
{
	color:#F00;
	font-size:13px;
	margin-top:10px;
	font-weight:bold;
}


.product-contact{
    border-radius: 6px;
    padding: 5px 0px;
	width:120px;
	display:inline-block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-weight:700;
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

    
    
}
.map iframe
{
	width:100% !important;
	height:460px !important;
	border:solid 1px #CCC; padding:3px
}


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



.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: #00aff2;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: #EB278D;opacity: 1;}



.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {border-color: #bfebfc;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: #EB278D;}



.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: #00aff2;}



.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: #EB278D;}



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

@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: 10px;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: none}

.item-video
{
	min-height:300px;
}