﻿@import "http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700&subset=latin,latin-ext,vietnamese";.homenews{clear:both;color:#fff;height:390px;overflow:hidden}.homenews-inner{clear:both;margin:0 auto;width:980px}.tophome{background:rgba(0,0,0,0) url(images/tophome-bg.png) no-repeat scroll 500px top;clear:both;height:390px;padding:0 20px}.tophome h3{clear:both;float:left;padding-bottom:20px;padding-top:40px;width:100%}#id-sear{border:1px solid #ccc}.zonepage-ccm-sanpham{background-color:#fff;float:left;width:665px}#cssmenu>ul{border-right:1px solid #ccc}.tophome h3 a{color:#fff;float:left;font-size:21px;font-weight:normal;text-transform:uppercase}.tophome-first{float:left;width:480px}.tophome-first div.avatar{clear:both;float:left;overflow:hidden;position:relative;width:100%;z-index:0}.tophome-first div.avatar img{float:left;height:255px;width:100%}.tophome-first h4{background:rgba(0,0,0,0) url(images/headline-overlay.png) repeat-x scroll left top;bottom:0;height:42px;left:0;padding:10px 20px;position:absolute;right:0;z-index:0}.tophome-first h4 a{color:#fff;font-size:16px;font-weight:bold;margin-right:20px}.tophome-first span{background:rgba(0,0,0,0) url(images/clock-white.png) no-repeat scroll left center;display:inline-block;font-size:12px;font-weight:normal;padding-left:20px}.tophome-other{float:left;width:460px}.tophome-other ul{clear:both;float:left;list-style:outside none none;width:100%}.tophome-other ul li{float:left;width:50%}.tophome-other ul li.right{float:right}.tophome-other a.avatar{clear:both;float:left;overflow:hidden;width:100%}.tophome-other a.avatar img{float:left;height:130px;width:100%}.tophome-other a{color:#fff;font-size:14px;font-weight:normal}.tophome-other h4{clear:both;padding:20px 20px 10px}.tophome-other h5{color:#fff;font-size:12px;font-weight:normal;padding:0 20px 10px}.tophome-other h5 span{background:rgba(0,0,0,0) url(images/clock-white.png) no-repeat scroll left center;padding-left:20px}.tophome-other p{color:#fff;font-size:12px;margin:0;padding:0}.tophome-i{clear:both}.page-link{clear:both;overflow:hidden;width:100%;background-color:#fff}.homelink{clear:both;margin:0 auto;min-height:200px}.homelink-pane1{float:left;margin-right:20px;width:300px}.articles_keywords{margin-left:11px}.homelink h3{padding:20px 0 15px}.homelink h3{clear:both;float:left;width:100%}.logobox-inner h3{padding:20px 0 15px}.logobox-inner h3{clear:both;float:left;width:100%}.logobox-inner h3 a{color:#292258;font-family:"Roboto Condensed",sans-serif;font-size:21px;font-weight:normal;text-transform:uppercase}.homelink h3 a{color:#292258;font-family:"Roboto Condensed",sans-serif;font-size:21px;font-weight:normal;text-transform:uppercase}.homelink a.avatar{clear:both;float:left;height:150px;margin-bottom:10px;overflow:hidden;width:100%}.homelink a.avatar img{float:left;height:160px;width:100%}.homelink-cont{font-family:"Roboto Condensed",sans-serif;font-weight:100}.homelink-cont{clear:both;color:#333;font-size:14px;line-height:1.4}.homelink-pane2{float:left;width:300px}.homelink-pane3{float:right;width:300px}.homelink ul{clear:both;float:left;list-style:outside none none;width:100%}.homelink ul li{clear:both;float:left;width:100%}.homelink ul li img{margin-right:5px;vertical-align:middle;width:10%}.homelink ul li a{color:#333;font-family:"Roboto Condensed",sans-serif;font-size:14px;margin-left:7px}.homelink ul li.sep{background:rgba(0,0,0,0) url(../images/dotline.png) repeat-x scroll left center;clear:both;font-size:1px;height:15px}.page-logo{clear:both;overflow:hidden;width:100%}.logobox{clear:both;margin:0 auto;padding:0;width:940px}.logobox h1{background:rgba(0,0,0,0) url(images/line.png) repeat-x scroll left bottom;clear:both;float:left;margin-bottom:15px;width:100%}.logobox h1 span{border-bottom:3px solid #d82731;color:#333;float:left;font-size:21px;font-weight:normal;padding-bottom:10px;text-transform:uppercase}.logobox p{clear:both;font-family:"Times New Roman";font-size:14px;font-style:italic;line-height:1.4;margin:0;padding:0}.logobox p a{background:rgba(0,0,0,0) url(images/more-icon.png) no-repeat scroll right center;color:#d82731;padding-right:12px}.logobox p a:hover{text-decoration:underline}.logobox ul{clear:both;height:150px;left:0;list-style:outside none none;position:absolute;top:0;width:100000px;z-index:0}.logobox ul li{float:left;height:150px;margin-right:15px;width:175px}.logobox ul li a{background-position:center center;background-repeat:no-repeat;float:left;height:150px;width:175px}.logobox ul li a img{height:150px;visibility:hidden;width:175px}.logobox em{background:rgba(0,0,0,0) url(images/logo-bar.png) repeat-x scroll center center;height:3px;left:50%;margin-left:-110px;position:absolute;top:0;width:220px;z-index:1}.logobox-cont{clear:both;height:150px;overflow:hidden;position:relative;z-index:0}.logobox-inner{clear:both;height:150px;padding:0;position:relative;z-index:0}.logobox-inner.line{background:rgba(0,0,0,0) url(images/line.png) repeat-x scroll center top}.logo-back{background:rgba(0,0,0,0) url(images/logo-back.png) no-repeat scroll center center;cursor:pointer;height:24px;left:-30px;margin-top:-12px;position:absolute;top:50%;width:14px}.logo-next{background:rgba(0,0,0,0) url(images/logo-next.png) no-repeat scroll center center;cursor:pointer;height:24px;margin-top:-12px;position:absolute;right:-30px;top:50%;width:14px}.page-product{clear:both;overflow:hidden;width:100%}.homeproduct{clear:both;margin:0 auto;padding:40px 0;width:940px}.sloganbox{clear:both}.sloganbox h1{clear:both;padding-bottom:15px}.sloganbox h1 span{color:#333;font-size:21px;font-weight:normal;text-transform:uppercase}.sloganbox p{clear:both;font-family:"Times New Roman";font-size:14px;font-style:italic;line-height:1.4;margin:0;padding:0}.fieldgroupbox{background:rgba(0,0,0,0) url(images/fieldbox-bg.png) repeat-x scroll center center;clear:both;height:36px;margin:30px 0;position:relative;z-index:50}.fielddropbox{background:rgba(0,0,0,0) url(images/field-active.png) repeat-x scroll center top;clear:both;display:none;height:36px}.fielddropbox .dropdownlist{width:100%}.fieldbox{clear:both;display:block;height:36px}.fieldbox ul{clear:both;float:left;height:36px;left:0;list-style:outside none none;overflow:hidden;position:absolute;top:0;width:100000px;z-index:0}.fieldbox ul li{float:left;height:36px}.fieldbox ul li.active,.fieldbox ul li:hover{background:rgba(0,0,0,0) url(images/field-active.png) repeat-x scroll center top}.fieldbox ul li a{color:#333;float:left;font-size:13px;padding:0 10px}.fieldbox ul li a img{float:left;height:24px;margin-right:5px;padding:6px 0;vertical-align:middle}.fieldbox ul li a span{float:left;padding:10px 0;white-space:nowrap}.fieldbox-i{height:36px;padding:0 20px;position:relative}.fieldbox-cont{height:36px;overflow:hidden;position:relative;z-index:0}.fieldbox-back{background:rgba(0,0,0,0) url(images/field-back.png) no-repeat scroll center center;cursor:pointer;height:36px;left:0;position:absolute;top:0;width:20px;z-index:0}.fieldbox-back:hover{background-image:url(images/field-back-hover.png)}.fieldbox-next{background:rgba(0,0,0,0) url(images/field-next.png) no-repeat scroll center center;cursor:pointer;height:36px;position:absolute;right:0;top:0;width:20px;z-index:0}.fieldbox-next:hover{background-image:url(images/field-next-hover.png)}.productpager{clear:both;display:none;padding-top:10px}.productbox{clear:both;position:relative;z-index:0}.productbox ul{clear:both;float:left;list-style:outside none none;width:100%}.productbox ul li{float:left;margin-right:20px;width:220px}.productbox ul li.nlast{margin-right:0}.productbox ul li.last{float:right;margin-right:0}.productbox ul li a.avatar{clear:both;float:left;height:132px;margin-bottom:10px;position:relative;width:220px;z-index:0}.productbox ul li a.avatar img{float:left;height:100%;width:100%}.productbox ul li a.avatar span{color:#fff;font-size:12px;font-weight:normal;left:0;padding:5px 10px;position:absolute;text-transform:uppercase;top:0;z-index:0}.productbox ul li h4{clear:both}.productbox ul li h4 a{color:#333;font-size:14px;font-weight:normal}.product-back{background:rgba(0,0,0,0) url(images/logo-back.png) no-repeat scroll center center;cursor:pointer;height:24px;left:-30px;position:absolute;top:56px;width:14px}.product-next{background:rgba(0,0,0,0) url(images/logo-next.png) no-repeat scroll center center;cursor:pointer;height:24px;position:absolute;right:-30px;top:56px;width:14px}.introbox{clear:both;padding:0}.introbox h1{background:rgba(0,0,0,0) url(images/line.png) repeat-x scroll left bottom;clear:both;float:left;margin-bottom:15px;width:100%}.introbox h1 span{border-bottom:3px solid #d82731;color:#333;float:left;font-size:21px;font-weight:normal;padding-bottom:10px;text-transform:uppercase}.introbox p{clear:both;font-family:"Times New Roman";font-size:14px;font-style:italic;line-height:1.4;margin:0;padding:0}.introbox p a{background:rgba(0,0,0,0) url(images/more-icon.png) no-repeat scroll right center;color:#d82731;padding-right:12px}.introbox p a:hover{text-decoration:underline}.page-partner{background:rgba(0,0,0,0) url(images/partner-bg.jpg) no-repeat scroll left center;border-bottom:5px solid #eee;border-top:5px solid #eee;clear:both;height:320px;overflow:hidden;width:100%}.partnerbox{clear:both;margin:0 auto;padding:0;width:940px}.partnerbox h1{background:rgba(0,0,0,0) url(images/line.png) repeat-x scroll left bottom;clear:both;float:left;margin-bottom:15px;padding-top:40px;width:100%}.partnerbox h1 span{border-bottom:3px solid #d82731;color:#333;float:left;font-size:21px;font-weight:normal;padding-bottom:10px;text-transform:uppercase}.partnerbox p{clear:both;font-family:"Times New Roman";font-size:14px;font-style:italic;line-height:1.4;margin:0;padding:0}.partnerbox p a{background:rgba(0,0,0,0) url(images/more-icon.png) no-repeat scroll right center;color:#d82731;padding-right:12px}.partnerbox p a:hover{text-decoration:underline}.partnerbox ul{clear:both;height:150px;left:0;list-style:outside none none;position:absolute;top:0;width:100000px;z-index:0}.partnerbox ul li{float:left;height:150px;margin-right:15px;width:175px}.partnerbox ul li a{background-position:center center;background-repeat:no-repeat;float:left;height:150px;width:175px}.partnerbox ul li a img{height:150px;visibility:hidden;width:175px}.partnerbox-cont{clear:both;height:150px;overflow:hidden;padding-top:20px;position:relative;z-index:0}.partnerbox-inner{clear:both;height:150px;padding:0;position:relative;z-index:0}.partner-back{background:rgba(0,0,0,0) url(images/logo-back.png) no-repeat scroll center center;cursor:pointer;height:24px;left:-30px;margin-top:-12px;position:absolute;top:50%;width:14px}.partner-next{background:rgba(0,0,0,0) url(images/logo-next.png) no-repeat scroll center center;cursor:pointer;height:24px;margin-top:-12px;position:absolute;right:-30px;top:50%;width:14px}.linkbox{clear:both;margin:0 auto;padding:0;width:940px}.linkbox h1{clear:both;padding-bottom:15px}.linkbox h1 span{color:#333;font-size:21px;font-weight:normal;text-transform:uppercase}.linkbox p{clear:both;font-family:"Times New Roman";font-size:14px;font-style:italic;line-height:1.4;margin:0;padding:0}.linkbox ul{clear:both;float:left;list-style:outside none none;width:100%}.linkbox ul li{float:left;margin-right:20px;width:220px}.linkbox ul li.last{margin-right:0}.linkbox ul li a.avatar{clear:both;float:left;height:132px;margin-bottom:5px;position:relative;width:100%;z-index:0}.linkbox ul li a.avatar>img{height:100%;width:100%}.linkbox ul li em{background:rgba(0,0,0,0) url(images/develop-mask.png) repeat scroll center center;display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.linkbox ul li span{background-position:center center;background-repeat:no-repeat;display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.linkbox ul li:hover em{display:block}.linkbox ul li:hover span{display:block}.linkbox ul li:hover a{color:#d82731}.linkbox ul li h4{clear:both;padding-bottom:10px;text-align:center}.linkbox ul li h4 a{clear:both;color:#333;font-size:14px;font-weight:bold}.linkbox-cont{clear:both;padding:35px 0}#homeslider{list-style:outside none none}@media (min-width:320px){.homeproduct{clear:both;padding:10px;width:auto}.productbox ul li{clear:both;margin:0;width:100%}.productbox ul li a.avatar{height:auto;width:100%}.productbox ul li h4{padding-bottom:10px}.sloganbox h1{padding-bottom:5px}.homenews{clear:both;height:auto}.homenews-inner{width:100%}.tophome{background:rgba(0,0,0,0) none repeat scroll 0 0;clear:both;height:auto;padding:10px}.tophome h3{padding-bottom:10px;padding-top:10px}.tophome-first{width:100%}.tophome-first div.avatar img{height:230px;width:100%}.tophome-other{clear:both;padding-top:10px;width:100%}.tophome-other ul li{width:48.5%}.tophome-other a.avatar img{float:left;height:120px;width:100%}.tophome-other h4{clear:both;padding:10px}.tophome-other h5{color:#fff;font-size:12px;font-weight:normal;padding:0 10px 10px}.homelink{padding:10px;width:auto}.homelink h3{padding:10px 0 5px}.homelink a.avatar img{float:left;height:auto;width:100%}.homelink-pane1{float:none;margin:0;width:auto}.homelink-pane2{float:none;margin:0;width:auto}.homelink-pane3{background-color:transparent;float:none;margin:0;width:auto}.homelink-cont{padding:10px 0}.logobox{padding:10px;width:auto}.logobox h1{margin-bottom:10px;padding-top:10px;width:100%}.logobox h1 span{border-bottom:3px solid #d82731;padding-bottom:10px;width:100%}.logobox em{left:0;margin-left:0;width:100%}.logobox-inner{padding-left:40px;padding-right:40px}.logo-back{left:20px}.logo-next{right:20px}.partnerbox{padding:10px;width:auto}.partnerbox h1{margin-bottom:10px;padding-top:10px;width:100%}.partnerbox h1 span{border-bottom:3px solid #d82731;padding-bottom:10px;width:100%}.partnerbox-inner{padding:10px 30px 0}.partner-back{left:10px}.partner-next{right:10px}.introbox{clear:both}.introbox h1{margin-bottom:10px}.introbox h1 span{padding-bottom:10px;width:100%}.linkbox{padding:10px;width:auto}.linkbox h1{clear:both;padding-bottom:15px}.linkbox ul li{float:left;width:100%}.linkbox ul li.last{margin-right:0}.linkbox ul li a.avatar{height:auto}.linkbox-cont{clear:both;padding:10px 0}.fieldgroupbox{margin:10px 0}.fielddropbox{display:block}.fieldbox{display:none}.productpager{display:block}}@media (min-width:481px){.tophome-first{width:100%}.tophome-first div.avatar img{height:250px;width:100%}.tophome-other{clear:both;padding-top:10px;width:100%}.tophome-other ul li{width:49%}.tophome-other a.avatar img{float:left;height:150px;width:100%}}@media (min-width:641px){.tophome-first{width:100%}.tophome-first div.avatar img{height:350px;width:100%}.tophome-other{clear:both;padding-top:10px;width:100%}.tophome-other ul li{width:49%}.tophome-other a.avatar img{float:left;height:200px;width:100%}}@media (min-width:961px){.homeproduct{padding:40px 0;width:940px}.productbox ul li{clear:none;margin:0 20px 0 0;width:220px}.productbox ul li a.avatar{height:132px;margin-bottom:10px;width:220px}.productbox ul li h4{padding-bottom:0}.sloganbox h1{padding-bottom:15px}.homenews{clear:both;color:#fff;height:390px;overflow:hidden}.homenews-inner{width:980px}.tophome{background:rgba(0,0,0,0) url(images/tophome-bg.png) no-repeat scroll 500px top;clear:both;height:390px;padding:0 20px}.tophome h3{padding-bottom:20px;padding-top:40px}.tophome-first{width:480px}.tophome-first div.avatar img{height:255px;width:100%}.tophome-other{clear:none;padding-top:0;width:460px}.tophome-other ul li{width:50%}.tophome-other a.avatar img{float:left;height:130px;width:100%}.tophome-other h4{clear:both;padding:20px 20px 10px}.tophome-other h5{color:#fff;font-size:12px;font-weight:normal;padding:0 20px 10px}.homelink{width:980px}.homelink a.avatar img{height:160px}.homelink-pane1{float:left;margin-right:37px;width:300px}.homelink-pane2{float:left;width:300px}.homelink-pane3{float:right;width:300px}.homelink-cont{padding:15px}.logobox{padding:0;width:940px}.logobox h1{margin-bottom:15px}.logobox h1 span{padding-bottom:10px;width:auto}.logobox em{left:50%;margin-left:-110px;width:220px}.logobox-inner{padding:0}.logo-back{left:-30px}.logo-next{right:-30px}.partnerbox{padding:0;width:940px}.partnerbox h1{margin-bottom:15px;padding-top:40px}.partnerbox h1 span{padding-bottom:10px;width:auto}.partnerbox-inner{padding-top:20px}.partner-back{left:-30px}.partner-next{right:-30px}.introbox{clear:both;padding:0}.introbox h1{margin-bottom:15px}.introbox h1 span{padding-bottom:10px;width:auto}.linkbox{padding:0;width:940px}.linkbox h1{clear:both;padding-bottom:15px}.linkbox ul li{float:left;margin-right:20px;width:220px}.linkbox ul li.last{margin-right:0}.linkbox ul li a.avatar{height:132px}.linkbox-cont{clear:both;padding:35px 0}.fieldgroupbox{margin:30px 0}.fielddropbox{display:none}.fieldbox{display:block}.productpager{display:none}}