@charset "utf-8";
/* CSS Document */
#playvideo iframe
{
	height:450px;
}
.view-site-pc
{
	width:1200px;
	margin:auto;
}
.view-site-pc .grid {
	width: 1200px;
	margin: 0 auto;
}
.is-show {
	display: none;
}
.box-search {
	display: none;
	position: absolute;
	width: 100%;
	top:34px;
	left: 0;
	background-color: #222;
	padding: 5px;
	border: solid 1px #333;
}
.box-search .inner-box-search {
	position: relative;
}
.box-search .inner-box-search input {
	width: 90%;
	background-color: #333;
	border: solid 1px #333;
	padding: 4px;
	color: #fff;
}
.box-search .inner-box-search .btn-search-res {
	display: block;
	position: absolute;
	top: 2px;
	right: 5px;
	color: #fff;
	font-size: 20px;
}
.show-mobile {
	display: none
}
.toprow-1 {
	display: none;
	left: 0;
	top: 0;
	z-index: 100000;
	position: relative;
	background-color: #e40000;
	padding-left:0px;
	padding-right:0px;
	height:35px;
	width:100%;
}
.swipe-control {
	display: block;
	float:right;
	height: 34px;
	text-align: center;
	z-index: 100;
	width: 40px;
	text-align: center;
	line-height: 38px;
	background-color:#f7aa1b
}
.swipe-control i {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}
#OpSeach {
}
.top-search {
	color: #fff;
	font-size: 20px;
	width: 40px;
	float: left;
	line-height: 34px;
	position: relative;
	height:34px;
	text-align:center;
}
.top-search a{
	color:#FFF;
	text-align:center;
}
.top-search input {
	background-color: transparent;
	color: #fff;
	float: right;
	border: none;
	width: 100%;
	padding: 5px;
}
.menufooter .mnu-container
{
	padding-left:10px;
	padding-right:10px;
}
 @media (min-width: 1000px) and (max-width: 1199px) {
#playvideo iframe
{
	height:400px;
}
.grid,.inner {
	width: 1000px;
}
.hot-line
{
	font-size:12px !important;
}
.title-box a
{
	font-size:18px;
}
.videos-x
{
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
.news
{
	margin-top:0
}
.newsother-home .item-news-home img
{
	width:90px;
	height:auto
}
.newsother-home .item-news-home .news-home-title a
{
	font-size:12px;
}
.newsother-home
{
	padding:5px;
}
.top1 .news-home-title a
{
	font-size:16px;
}
.hd-mnu-footer
{
	font-size:18px;
}
.mnu-footer a
{
	font-size:14px;
}
.box-newsletter
{
	padding:5px;
	font-size:12px;
}
.intro-newsletter
{
	font-size:11px;
}
.frm-newslet input
{
	width:85%;
}
.footer-content
{
	margin-top:15px;
}
#nav
{
	width:auto;
	margin:auto;
}
#nav li
{
	line-height:34px;
}
#nav li a
{
	font-size:14px;
	padding:0 10px;
}
.menubar
{
	height:36px;
	border-bottom-width:2px;
}
.nav li a {
	font-size: 12px;
}
.right-banner
{
	width:700px;
}
.menufooter .mnu-container
{
	width:1000px;
	margin:auto;
}
.cleft
{
	padding-right:0;
}
.menuleft li a
{
	font-size:13px;
}
.title-box-right-pos a
{
	font-size:14px;
}
#button-btt
{
	top:102px
}
.menufooter a
{
	display:block;
	padding-left:10px;
}
.left-title-top1 a
{
	font-size:13px;
}
.news-name-detail
{
	font-size:20px;
	margin:0;
	margin-bottom:20px
}
.title-box-home-text-center a
{
	font-size:18px;
}
.product-title a
{
	font-size:13px;
}
.footer
{
	padding-top:20px;
	padding-bottom:20px;
}
.right-page
{
	min-height:1238px;
}
.pro-name-details
{
	font-size:14px;
}
.inner-mast
{
	padding:10px;
	font-size:12px;
}
}
 @media (min-width: 768px) and (max-width: 999px) {
	 .scroll-prev1
	 {
		 left:10px;
	 }
	 .scroll-next1
	 {
		 right:10px;
	 }
	 
	 
.page-pro
{
	padding-left:10px !important;
	padding-right:10px !important;
}
.main-sl
{
	border-bottom:none;
}
#playvideo iframe
{
	height:350px;
}
.inner
{
	width:auto;
}
.right-page
{
	width:100%;
}
.news
{
	width:100%;
}
.faqhome
{
	width:50%;
	margin-top:20px;
}
.videos-x
{
	width:50%;
}
.o-news
{
	padding:15px;
}
.o-news img
{
}
.item-service-home .intro
{
	padding-bottom:0;
}
.bnt-view
{
	display:none;
}
.newsother-home
{
	margin-right:-5px;
	margin-left:-5px;
}
.newsother-home .item-news-home
{
	width:33%;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
.newsother-home .item-news-home .news-home-title a
{
	font-size:14px;
}
#nav
{
	display:none;
}
.grid,.grid-pad
{
	padding:0;
}
.box-search-profile
{
	display:none;
}
.menutop
{
	display:none;
}
.toprow-1
{
	display:block;
}
.grid {
	width:auto;
}
	 
#nav
{
	display:none;
}
.flex-container {
	padding-left: 0px;
	padding-right:0px;
}
.profile-res
{
	display:block;
}
.search-box-home
{
	display:none;
}
.normalnews
{
	padding-right:0px !important;
}
.video-list
{
	padding:0;
}
.video-list .cell-1-4
{
	width: 24%;
}
.title-box-news
{
	text-align:left;
}
.box-news-home
{
	width:100%
}
.other-news-home
{
	padding-right:20px
}
.vlist
{
	padding:0 !important
}
.title-hot-news a
{
	font-size:18px;
}
 .pn-top
 {
 }
 .pn-top .col-7-12
{
	width:100%;
}
 .pn-top .col-5-12
{
	width:100%
}
.footer
{
	padding-left:10px;
	padding-right:10px
}
.cright
{
	width:100%;
	float:none;
	padding-right:10px !important;
	padding-left:10px !important;
	margin-top:0;
	
}
.cleft
{
	display:none;
}
.col-1-1
{
	padding:0
}
.crumb
{
	margin-left:10px;
	margin-right:10px;
}
.menufooter .mnu-container
{
	padding-left:10px;
	padding-right:10px;
}
.menufooter a
{
	display:block;
	padding-left:10px;
}
.plist-home
{
	padding-left:10px;
	padding-right:10px;
	padding-top:15px !important;
}
.product-cat-title
{
	margin-left:10px;
	margin-right:10px;
	width:auto;
}
.service-home
{
}
.ct-f img
{
	display:none
}
.name
{
	font-size:12px;
}
.col-1-5
{
	width:25%;
}
.product-cell .intro
{
	min-height:70px;
}
.title-box-home-text-center a
{
	font-size:16px;
}
.product-title a
{
	font-size:12px;
}
	 .footer-content
	 {
		 margin-top:15px;
	 }
.footer-content .col-3-4
{
	width:60%;
}
.footer-content .col-1-4
{
	width:40%;
}
.content-detail img
{
	max-width:100% !important;
	height:auto !important;
}
.product-cell
{
}
.box-product-home
{
	padding-left:10px;
	padding-right:10px;
}
.product-cat-title
{
	margin:0
}
.title-box
{
	margin-left:10px;
	margin-right:10px;
}
.info-home
{
	width:100%;
	margin-bottom:15px;
}
.item-service-home
{
	width:100%;
}
.item-service-home img
{
	width:30% !important;
	float:left;
	margin-right:10px;
}
.item-service-home .intro
{
	padding:0
}
.box-service-home
{
	padding-left:0;
}
.box-fan-outer
{
	padding-right:0
}
.inner-mast
{
	padding:10px;
	font-size:12px;
}
}
 @media handheld, only screen and (max-width: 767px) {
	 .catmobile
	 {
		 display:block;
	 }
	 .hot-line
	 {
		 display:none;
	 }
	 .baner
	 {
		 
	 }.logo
	 {
		 padding-top:5px;
		 padding-bottom:5px;
	 }
 .scroll-prev1
	 {
		 left:10px;
	 }
	 .scroll-next1
	 {
		 right:10px;
	 }
	 
	 .profile-res
{
	display:block;
}
.lang-res
{
	
}
.lang-res {
	float: right;
	padding: 5px;
	padding-top: 7px;
}
.lang-res a.vi {
	background-image: url(../images/flag.png);
	background-position: 0 0;
}
.lang-res a.en {
	background-image: url(../images/flag.png);
	background-position: 0 -21px;
}
.lang-res a {
	display: inline-block;
	width: 32px;
	height: 21px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: 10px;
}
	 .title-box
{
	margin-left:10px;
	margin-right:10px;
}
	 .page-pro
{
	padding-left:10px !important;
	padding-right:10px !important;
}
.cell-1-4
{
	width:32%;
}
	 .pn-top
 {
 }
 .pn-top .col-7-12
{
	 width:100%;
}
 .pn-top .col-5-12
{
	width:100%
}
	 
.main-sl
{
	border-bottom:none;
}
	 .content-detail img
{
	max-width:100% !important;
	height:auto !important;
}
	 .crumb
{
	margin-left:10px;
	margin-right:10px;
	
}
#playvideo iframe
{
	height:350px;
}
#nav
{
	display:none;
}
.grid,.grid-pad
{
	padding:0;
}
.inner
{
	width:auto;
}
.search-box
{
	display:none;
}
.baner
{
	border-bottom:none;
}
.baner
{
	padding-top:0px;
}
.pn-top
{
	padding-top:0;
	padding-bottom:0;
}
.pn-top-left
{
	display:none;
}
.pn-top-right
{
	width:100%;
	text-align:right;
}
.box-search-profile
{
	display:none;
}
.menutop
{
	display:none;
}
.hot-line
{
	margin-top:0px
}
.hot-line>div
{
	float:none;
}
.hot-line i.fa-envelope-square
{
	margin-left:0;
}
.toprow-1
{
	display:block;
}
.grid {
	width:auto;
}
	 
#nav
{
	display:none;
}
.news
{
	width:auto;
}
.videos-x
{
	width:50%;
	padding-left:0;
}
	
.o-news
{
	padding-right:0;
	padding-left:0;
}
.product-cat-title
{
	width:auto;
	margin-left:10px;
	margin-right:10px;
}
.plist-home
{
	padding-left:10px;
	padding-right:10px;
}
.plist-home .item-plist
{
	width:48%;
}
.title-box-news
{
	text-align:left;
}
.newsother-home
{
	padding:15px;
	margin-top:0;
}
.newsother-home .item-news-home
{
	width:100%;
	float:none;
	padding-right:10px;
}
.newsother-home .item-news-home img
{
	width:40%;
	height:auto !important;
}
.newsother-home .item-news-home .news-home-title a
{
	font-size:12px;
}
.faqhome
{
	width:50%;
	margin-top:20px;
	
}
.bg-x
{
	padding-top:0;
	padding-bottom:0
}
.videos-x
{
	padding-left:10px;
}
.service-home
{
	padding-left:10px;
	padding-right:10px;
}
.item-service-home
{
	width:100%;
	margin-bottom:15px;
}
.name
{
	font-size:12px;
}
.item-service-home img
{
}
.banner
{
}
.banner .logo
{
	width:30%;
	float:left;
}
.banner .right-bn
{
	width:70%;
	float:right;
}
.title-hot-news a
{
	font-size:18px;
}
.cleft-home
{
	width:60%;
}
.cright-home
{
	width:40%;
}
.footer
{
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
}
.info-footer
{
}
.info-footer .flex-container
{
	padding-left:0;
	padding-right:0;
}
.info-footer .cell-1-3
{
	width:49%;
	margin-bottom:15px;
}
.footer-content
{
	font-size:12px;
}
h1.news-name a
{
	font-size:14px;
	font-weight:bold;
}
.search-box-home
{
	display:none;
}
.bar-support
{
	padding-top:10px;
}
.video-list
{
	padding:0;
}
.video-list .cell-1-4
{
	width: 24%;
}
.cright
{
	width:100%;
	float:none;
	padding-right:10px !important;
	padding-left:10px !important;
	margin-top:10px;
	
}
.cleft
{
	display:none;
}
.col-1-1
{
	padding:0
}
.menufooter .mnu-container
{
	padding-left:10px;
	padding-right:10px;
}
.menufooter a
{
	display:block;
	padding-left:10px;
}
.plist-home
{
	margin-left:0;
	margin-right:0;
}
.col-1-5
{
	width:33.333%;
}
.product-cell .intro
{
	min-height:70px;
}
.title-box-home-text-center a
{
	font-size:16px;
}
.product-title a
{
	font-size:12px;
}
.baner .col-4-12
{
	width:100%;
}
.logo img
{
	max-width:100%;
}
.baner .col-8-12
{
	display:none;
}
.tab-col-1-1
{
}
.right-prodetails
{
		padding-left:0;
	padding-right:0;
}
.left-prodetails
{
	padding-left:0;
	padding-right:0;
	margin-bottom:10px;
}
.image-news-big
{
	width:40%;
}
.image-news
{
	width:40%;
}
.right-fot
{
	width:100% !important;
	margin-top:10px;
	border-top: solid 1px #1682cf;
	padding-top:10px;
}
.nav-footer
{
	display:none;
}
.link-smo-footer
{
	margin-top:0;
}
.left-fot
{
	width:100% !important;
}
.footer .col-7-12
{
	width:100%;
	margin-top:10px;
	padding-top:10px;
	border-top:solid 1px #666;
	padding-left:0;
	padding-right:10px;
}
.footer .col-7-12 .col-1-3
{
	padding-left:0 !important
}
.product-cell
{
}
.box-product-home
{
	padding-left:10px;
	padding-right:10px;
}
.product-cat-title
{
	margin:0
}
.title-box
{
	margin-left:10px;
	margin-right:10px;
}
.info-home
{
	width:100%;
	margin-bottom:15px;
}
.item-service-home
{
	width:100%;
}
.item-service-home img
{
	width:25% !important;
	float:left;
	margin-right:10px;
}
.item-service-home .intro
{
	padding:0
}
.box-service-home
{
	width:100%;
}
.box-fan-outer
{
	width:100%;
}
.baner .col-3-12
{

}
.title-box
{
	margin-left:10px;
	margin-right:10px;
}
.main-sl
{
	padding-top:65px;
}
#suntory-alo-phoneIcon
{
	display:block;
}
}
 @media handheld, only screen and (max-width: 650px) {
	 .title-box
{
	margin-left:10px;
	margin-right:10px;
}
#playvideo iframe
{
	height:250px;
}
.counter
{
	width:100%;
	float:none;
}
.smo
{
	width:100%;
	padding-left:0;
}
.flex-container {
	padding-left: 0px;
	padding-right: 0px;
}
.cleft-home
{
	width:100%;
}
.cright-home
{
	width:100%;
	margin-left:-5px;
	margin-right:-5px;
	
}
.cright-home .c10
{
	display:none;
}
.box-right-top
{
	width:50%;
	float:left;
	padding-left:5px;
	padding-right:5px;
	margin-top:15px;
}
.banner .logo {
	width: 30%;
}
.search-box-home
{
	display:none;
}
.bar-support
{
	padding-top:10px;
}
.normalnews
{
	padding-right:0px !important;
}
.col-1-1
{
	padding-right:0;
}
.video-list
{
	padding:0;
}
.video-list .cell-1-4
{
	width: 49%;
	margin-bottom:15px;
}
.plist-home .col-1-3
{
	width:50%;
}
.intro-cat-home
{
	margin-bottom:10px;
}
.vlist
{
	padding:0 !important
}
.vlist .cell-1-3
{
	width:50%;
}
.pro-box
{
	width:50%;
}
.line-pro-gray
{
	display:none;
}
.cell-photo-1-4
{
	width:33.333%;
}
.cell-photo-1-4 img
{
	width:100%;
}
.image-hotnews
 {
	 width:140px;
 }
 .flex-prev,.flex-next
{
	position:absolute;
	top:35%;
}
.title-box
{
	margin-left:0;
	margin-right:0;
}
 }
 
 @media handheld, only screen and (max-width: 600px) {
.cell-1-4
{
	width:48%;
}
	 .title-box
{
	margin-left:10px;
	margin-right:10px;
}
.baner .col-3-12
{
	
}
	.right-fot .col-1-3
	{
		width:100%;
		padding-left:0 !important
	}
	.link-smo-footer
	{
		margin-bottom:10px;
		overflow: hidden;
	}
	.link-smo-footer a
	{
	}
	.chungchi
	{
		text-align:center;
		border-bottom:solid 1px #1682cf;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	.info-home .col-1-2
	{
		width:100%;
		padding:0
	}
	.service-home
	{
		padding-left:0;
		padding-right:0;
	}
	.item-service-home img
	{
		width:100% !important;
	}
	.item-service-home .intro
	{
		padding:0
	}
	.topmenu
	{
		
	}
	.banner-product
	{
		display:none
	}
	.topmenu li
	{
		border-right: none;
	}
	.topmenu a
	{
		padding: 0 5px;
	}

 }
 @media handheld, only screen and (max-width: 540px) {
	 
	 .hotlineFooter
	{
		display:block;
	}
	 
	 .tab-menu
	 {
		 margin-top:20px;
		 margin-bottom:20px;
	 }
	 .tab-menu li
	 {
		 width:100%;
		 float:none;
		 margin-right:0;
		 margin-bottom:5px;
	 }
.col-1-5
{
	width:50%;
	padding-left:10px !important;
}
.title-box-home-left,.title-box-home-right
{
	display:none;
}
	 
	 .cleft-home
{
	width:100%;
}
.cright-home
{
	width:100%;
	margin-left:-5px;
	margin-right:-5px;
	
}
.cright-home .c10
{
	display:none;
}
.box-right-top
{
	width:50%;
	float:left;
	padding-left:5px;
	padding-right:5px;
	margin-top:15px;
}
.banner .logo {
	width: 30%;
}
.search-box-home
{
	display:none;
}
.bar-support
{
	padding-top:10px;
}
.normalnews
{
	padding-right:0px !important;
}
.col-1-1
{
	padding-right:0;
}
.video-list
{
	padding:0;
}
.video-list .cell-1-4
{
	width: 49%;
	margin-bottom:15px;
}
.plist-home .col-1-3
{
	width:100%;
}
.box-right-top
{
	width:100%;
	float:left;
	padding-left:5px;
	padding-right:5px;
	margin-top:15px;
}
.info-footer .cell-1-3
{
	width:100%;
	margin-bottom:15px;
}
.cleft-home
{
	padding-right:10px;
}
.cright-home
{
	padding-right:0;
}
.cleft-home .col-1-2
{
	width:100%;
}
.image-hotnews
 {
	 width:140px;
 }
.menufooter
{
	display:none;
}
.plist-home .col-1-3
{
	padding:0;
}
.show-m
{
	display:block;
	height:5px;
}
.right-bn
{
	display:none;
}
.banner .logo
{
	width:100%;
}
.banner .logo img
{

}
.banner
{
	height:auto;
}
.plist-home
{
	padding-left:10px;
	padding-right:10px;
}
.cell-photo-1-4
{
	width:49%;
}
.cell-photo-1-4 img
{
	width:100%;
}
.flex-direction-nav a
{
	top:23% !important;
}
.flex-prev,.flex-next
{
	position:absolute;
	top:35%;
}
.news
{
	width:100%;
	padding-right:0;
}
.videos-x
{
	width:100%;
	padding-left:0;
}
.newsother-home .item-news-home
{
	width:100%;
}
.newsother-home .item-news-home img
{
	width:80px;
	height:auto
}
.plist-home .item-plist
{
	width:100%;
}
.info-home .col-1-4
{
	width:100%;
	float:none;
	margin-bottom:15px;
}
.info-home .col-3-4
{
	width:100%;
}
.info-home
{
	padding-top:15px;
	padding-bottom:15px;
}
.image-news-big
{
	width:30%;
	margin-right:10px;
}
.image-news
{
	width:30%;
	margin-right:10px;
}
.news-name a
{
	font-size:14px;
}
.video-list .col-1-3
{
	width:50%
}
.name
	{
		padding-left:0px;
	}
	.news
	{
		padding-right:10px;
	}
.cart .col-9-12
{
	width:100%;
}
.total-payment
{
	width:100%;
	text-align:right;
}
.cart .col-1-3
{
	width:100%;
}
.cart-name
{
	width:50%;
}
.cart-price
{
	width:35%;
}
.cart-del
{
	width:15%;
}
#checkout_cart .col-3-12,#checkout_cart .col-9-12
{
	width:100%;
	margin-bottom:10px;
}
.baner
{
	padding-top:0;
}
.main-sl
{
	padding-top:50px;
}
.hot-line
{
	display:none;
}
.hot-line-mob
{
	display:block;
	width:auto;
	float:right;
	padding-top:10px;
}
.w100
{
	width:100% !important;
}
.logo
{


}
}
 @media handheld, only screen and (max-width: 480px) {
.ct-f
{
	margin-top:20px;
}
	 .news-name-detail{
		 font-size:16px;
	 }
	 .pro-name-details
	 {
		 font-size:14px;
		 padding-bottom:0;
	 }
.right-fot .chungchi
{
	width:100%
}
	 .cell-1-4
{
}
.link-smo-footer a
{
	display:block;
}
.ct-f img
{
	display:none;
}
	 .footer .col-7-12
	 {
		 padding-left:10px;
		 padding-right:10px;
	 }
	 .other-video-home
	 {
		 padding-left:0;
		 padding-right:0;
	 }
	 .videos-x
	 {
		 padding-right:10px;
		 padding-left:10px;
	 }
.item-service-home img
	{
		width:100%;
		margin-bottom:10px;;
	}
	.item-service-home .intro
	{
	}
	.name
	{
		padding-left:0px;
	}
	.bnt-view
	{
		display:none;
	}
	 
.col-1-5
{
	width:100%;
	padding-left:10px !important;
}
.footer-content .col-3-4
{
	width:100%;
}
.footer-content .col-1-4
{
	width:100%;
	padding-left:0;
	margin-top:15px;
}
.footer
{
}
.footer .col-1-2
{
	width:100%;
	text-align:center;
}
.link-smo-footer
{
	float:none;
}
.plist-home .item-plist
{
	padding-left:0;
	padding-right:0;
	margin-bottom:20px;
}
.left-fot
{
	padding-left:10px !important;
	padding-right:10px !important;
}
.hd-mnu-footer
{
	font-size:18px;
}
.mnu-footer a
{
	font-size:12px;
}
.footer
{
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	
}
.footer .col-7-12
{
	width:100%
}
.title-footer
{
	margin-top:20px;
}
.link-smo-footer a
{
	margin-left:
}
.cart-link
{
	display: none;
}
 }
 @media handheld, only screen and (max-width: 420px) {
.image-news-big
{
	width:100%;
	margin-right:0px;
	margin-bottom:5px;
}
.image-news
{
	width:100%;
	margin-right:0px;
	margin-bottom:5px;
}
.box-search
{
	width:100%;
}
.newshothomecell .col-1-5
{
	width:100%;
	margin-bottom:10px !important;
	overflow:hidden;
}
.newshothomecell .col-1-5 img
{
	width:30%;
	float:left; 
	margin-right:10px;
}
.newshothomecell .col-1-5 .c5
{
	display:none;
}
.image-video-home .fa-video-camera
{
	display:none;
}
.is-show {
	display: none;
}
.p-top {
	font-size: 12px;
}
.description-slide {
	display: none;
}
.box-news .item-news-home {
	width: 100%;
}
.top-news .col-1-3 > div
{
	width:100%;
}
.news-with-thumb-home
{
	border-top:solid 2px #d7d7d7;
	padding-top:10px;
}
.news-with-thumb-home > div
{
	width:100%;
}
.news-with-thumb-home > div img
{
	width:30%;
	float:left;
	margin-right:10px;
}
.video-list .col-1-3
{
	width:100%
}
.menu-sub-page
{
	display:none;
}
.cell-photo-1-4
{
	width:100%;
}
.cell-photo-1-4 img
{
	width:100%;
}
.flex-prev,.flex-next
{
	position:absolute;
	top:25%;
}
}
 @media handheld, only screen and (max-width: 320px) {
}