/* CSS Document powered by BizMaC
RAINBOW E-COMMERCE COMPANY (RBE) 
wWw.bizmac.com.vn - info@bizmac.com.vn - Hotline. 0937 139 861 */

/*************************
	Global Settings
**************************/
html { width:100%;  font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;}
body			{color:#333; font: 9pt/18px 'Open Sans', sans-serif; width: 100%; margin: 0 auto; background:#f99d0c; color:#4d4d4d;}
img			    {border:none medium;}
object			{line-height: 0;}

a:link, a:visited, a:active	{color:#FF9900; text-decoration: none;}
a:hover	            { color:#f00 !important; text-decoration:underline;}
h1,h2,h3,h4,h5   {font-family: 'Open Sans', sans-serif; font-weight:bold; margin:0px; padding:0px;}
h1{font-size:14pt}
h2{font-size:13pt}
h3{font-size:12pt}
h4{font-size:12pt}
h5{font-size:11pt}
strong  { font-weight:bold;}
#toTop  {width: 100px;border: 1px solid #ccc;background: #f7f7f7;text-align: center;padding: 5px;position: fixed;bottom: 10px;right: 10px;cursor: pointer;display: none;color: #333;font-family: verdana;font-size: 11px;}
.woo-pagination        {font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; padding: 10px 0px 0px 10px; text-align: right; float:right;width:100%; font-size:9pt;}
.woo-pagination a:link, .woo-pagination a:visited {border: 1px solid #C3C3C3; color: #777777; display: inline; padding: 4px 9px; text-decoration: none !important;}
.woo-pagination span.extend, .woo-pagination .page-numbers {border: medium none; color: #666666;}
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current {
    border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); font-weight: bold; }
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active {
    background: -moz-linear-gradient(100% 100% 90deg, #EAEAEA, #F9F9F9) repeat scroll 0 0 transparent; border: 1px solid #C3C3C3;}
.woo-pagination .current {background: none repeat scroll 0 0 #FF3300; color: #FFFFFF; padding: 4px 9px;}
.woo-pagination a:hover  {background: none repeat scroll 0 0 #FF3300; border: 1px solid #FF6600; padding: 4px 9px; color:#fff !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, section, summary { display: block;}
.red, a.red        { color:#c00;}
.left      { float:left;} .right   { float:right;}
.imgnews table { border-collapse:collapse; border:1px solid #ccc; margin-bottom:10px;}
.imgnews table th, .imgnews table td  { border:1px solid #ccc; padding:5px;}



/*************************
	Page Layout
**************************/

.clear			     { clear: both; width: 0; height: 0; line-height: 0; font-size: 0;}
.container           { box-shadow: 0 0 15px #333;}
.container:before, .container:after { content: ""; display: table; line-height: 0;}
.container:after     { clear: both;}
.container:before, .container:after { content: ""; display: table; line-height: 0;}
.content          { padding:10px;}
.content:before, .content:after { content: ""; display: table; line-height: 0;}
.content:after { clear: both;}
.content:before, .content:after { content: ""; display: table; line-height: 0;}
/*.row           { margin-left: -5px; margin-right: -5px;}*/
.row:after     { clear: both;}
.row:before, .row:after { content: " "; display: table;}
.last          { margin-right:0px !important; list-style:none !important; border-right:none !important; border-bottom:none !important; margin-bottom:0px !important;}
.first     { border-left:none !important; padding-left:0px !important; margin-left:0px !important;}

/*************************
	Header/Footer
**************************/
#header-wrapper   { background:url(skin/bn-top.jpg) no-repeat scroll top center; }
.logo             { height:124px; width:75%; float:left;}
.r-head           { margin-top:30px; text-align:right; width:25%; float:right;}
.dayonline, .language        { margin-right:13px; color:rgb(77, 77, 77)}
.language         { margin-top:5px;}
.language a       { color:#003366; border-right:1px solid #666; padding-right:10px; line-height:21px; padding-left:5px; display:inline-block;}
.language a:last-child { padding-right:0; border:none;}
#main-menu        { background:#005629; height:35px; width:100%; display:inline-block;}
.menu             { margin:0; line-height:35px; padding:0; color:#fff; border-bottom:2px solid #fff;}
.menu li          { display:table-cell;}
.menu li a        { color:#fff; text-transform:uppercase; font-weight:bold; padding:0px 17px;}
.menu li a:hover, .menu li a.active  { color:#FF9900 !important; text-decoration:none;}
.footer           { background:#005629; color:#fff; padding:10px 0px; border-top:2px solid #fff;}
.access-times     { text-align:right;}
.footer a         { color:#fff;}
.clickshow, .logo-mobile, .language-mobile        { display:none;}
.footer           { width:100%; float:left; padding:10px 10px 0px 10px; display:inline-block;}
.footer-left      { width:75%; float:left;}
.access-times     { width:25%; float:right;}
.banner           { width:100%; text-align:center;}

/*************************
	Content: Layout
**************************/
#main              { background:#fff; width:100%; display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
    display: flex;
    flex-direction: row-reverse;}
.left-main         { width:25%; float:left; background:#fff url(skin/bg-left.png) repeat-y scroll left top; padding:0px 10px; /*min-height:840px;*/}
.nav-left          { padding-left:10px; padding-top:10px; margin-right:10px;}
.nav-left h3.title { font-size:10pt; text-transform:uppercase; color:#005629; border-bottom:2px solid #005629;}
.nav-left ul       { margin:10px 0px; padding:0;}
.nav-left ul li    { list-style:none; background:#333; border:1px solid #fff; margin-bottom:2px; text-align:right;}
.nav-left ul li h2 { font-size:12px; font-weight:inherit;}
.nav-left ul li a  { color:#fff; font-weight:600; padding: 10px; display:inline-block; width:100%;}
.nav-left ul li:hover, .nav-left ul li a:hover, .nav-left ul li a.active { background:#954a00; color:#fff !important; text-decoration:none;}
.right-main        { padding:5px; width:75%; float:right; position:relative;}
.right-main h1.title-page {}
.news-hot          { background:url(skin/newdefault.jpg) no-repeat scroll top right; width:25%; float:left; padding-left:10px; position:absolute; right:0;}
.slide             { overflow:hidden; width:75%; float:left;}
.slide img         { width:100%;}
.news-hot h4.title, .parner h2.title, .parner .title, .right-main .title-page { background:url(skin/ico_title.gif) no-repeat scroll left top; padding-left:25px; text-transform:uppercase; font-weight:bold; color:#005629; font-size:10pt; border-bottom:1px dotted #666; padding-bottom:15px;}
.right-main .title-page { margin-top:10px;}
.news-hot ul       { margin:10px 0px; padding:0px; list-style:none;}
.news-hot ul li    { padding-left:5px; padding-bottom:5px; padding-left:10px;}
.news-hot ul li:before { content:'\f101'; font-family:FontAwesome; margin-left:-10px; padding-right:5px;}
.news-hot ul li a  { color:#003366}
.parner            { display:table; width:100%;}
.parner h2.title   { margin-top:20px;}
.box-parner        { width:20%; padding:15px 10px; height:110px; vertical-align:middle; display:table-cell; float:left; overflow:hidden;}
.parner div  img   { vertical-align:middle; width:100%; height:100%;}
.parner div img:hover, .box-product .pict img:hover  { border:1px solid #FF6600; opacity:0.8;}
.navipag           { text-align:right; margin-top:15px; display:inline-block; width:100%;}
.parner-dtail .pict { width:25%; float:left;}
.info-parner       { padding:0px 10px; float:left; width:75%;}
.parner-dtail h5   { margin:0 0px 5px;}
.right-main .title-other {margin:30px 0px 10px; padding: 10px 0; border-top: 1px solid rgb(243, 243, 243); border-bottom: 1px solid rgb(243, 243, 243); font-size:10pt; text-transform:uppercase; font-weight:700;}
.about-ind         { width:100%; float:left; padding:10px;}
.sub-nav, .sub-arrow           { display:none;}
.sub-arrow         { background:rgba(0, 0, 0, 0.1); position:absolute; right:5px; top:5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; text-align:center; width:24px; height:24px; line-height:24px; overflow:hidden; color:#FF9900; padding:5px;}

/*************************
	Content: News
**************************/
.box-news           { margin-bottom:10px; border-bottom:1px solid rgb(243, 243, 243); margin-bottom:20px; padding-bottom:10px; width:100%; display:inline-block;}
.box-news h2.title, .box-news h1.title  { font-size:12px; margin-bottom:10px;}
.box-news h2.title a, .box-news .title a { color:#003366;}
.box-news .title a  { font-weight:600;}
.box-news .pict     { float:left; margin-right:10px;}
.share              { text-align:right; margin-top:10px;}
ul.news-other       { color:rgb(204, 204, 204); padding-left:10px;}
ul.news-other li a  { color:#003366;}
.day-detail         { width:100%; display:inline-block; margin:20px 0px;}

/*************************
	Content: Contact
**************************/
#content_page      { background:url(skin/logo_fillter.gif) #FFFFFF center no-repeat; font-size:12px; color:#333;}
.form-group        { margin-bottom:15px;}
.btn-contact       { background:#fe9901; border:none; padding:5px 15px; text-transform:uppercase; font-weight:bold; border-radius:2px; -box-border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; width:initial;}
.btn-contact:hover { background:#f00;}


/*************************
	Content: Product
**************************/
.box-product       { margin:10px 0px; text-align:center; width: 33.33333333%; padding:0px 10px; float:left; height:190px;}
.box-product .pict { margin-bottom:10px; overflow:hidden; height:147px;}
.box-product h2    { font-size:12px; color:#333;}
.box-product .pict img { border:1px solid #fff; height:100%;}
.product-detail .pict { margin-bottom:20px;}
.product-detail h1, .product h1.title { font-size:12px; text-transform:uppercase; margin-bottom:20px;}