html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio {
margin:0;
padding:0;
font-size:100%;
font:inherit;
}
#supportonline_mobile
{
display:none;
}
#supportonline_desktop
{
display:block;
}
.yellow
{
color:#FF0 !important;
font-weight:bold !important
}
.tb_content {
border: 1px solid #e1e1e1;
border-radius: 3px 3px 3px 3px;
width:100%;
margin-top:5px;
float:left
}
.td_content
{
width:96%;
padding-left:2%;
padding-right:2%;
padding-top:1%;
padding-bottom:1%;
}
.iconcong
{
background:url(../images/cong.png) no-repeat 10px
}
.icontru
{
background:url(../images/tru.png) no-repeat 10px
}
.td_title {
background-color:#f4f4f4;
color: #333;
line-height:300%;
font-size:15px;
padding-left:38px;
cursor:pointer
}
.hide
{
display:none
}
.menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.menu-button
{
display:none;
}
.input_button
{
background-color: #007bbf;
background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
border: 1px solid #007bbf;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
padding: 5px 10px;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
font-size:18px;
cursor:pointer;
}
.input_button:hover
{
background-color: #D14836;
background-image: -moz-linear-gradient(center top , #DD4B39, #D14836);
border: 1px solid transparent;
color: #FFFFFF;
font-size:18px;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.hide
{
display:none !important;
}
ol, ul {
list-style:none;
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
a {
text-decoration:none;
color:#428bca
}
.clear {
clear:both;
}
.clear20 {
clear:both;
height:10px
}
img {
max-width:100%;
}
body {
font-family:Arial;
font-size:1em;
color:#000;
background:#FFF;
}
.wrap-top {
width:100%;
margin:0 auto;
transition:all .2s linear;
-moz-transition:all .2s linear;/* firefox */
-webkit-transition:all .2s linear; /* safari and chrome */
-o-transition:all .2s linear; /* opera */
-ms-transition:all .2s linear;
}
.wrap {
width:80%;
margin:0 auto;
border-top:2px solid #006837;
border-left:2px solid #006837;
border-right:2px solid #006837;
}
.header {
background:#FFFFFF;
box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
}
.logo {
float:left;
padding-left:10px;
padding-top:25px
}
.banner {
float:left;
margin-left:5px;
background:#FFFFFF;
}
.textvanphongtuvan {
margin-top: 10px;
color: #c1272d;
font-family: Tahoma, Geneva, sans-serif;
font-size: 18pt;
padding-left:140px;
}
@font-face {
font-family: "VNI-Commerce";
src: url(VNI-Commerce-Bold-Italic.TTF);
}
.textgiasutainangtre {
src: url(VNI-Commerce-Bold-Italic.TTF);
margin-top: 1px;
color: #006837;
font-family: "VNI-Commerce";
font-size: 45pt;
padding-left:50px;
}
.doingu {
margin-top: 1px;
color: #898507;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16pt;
padding-left:120px;
margin-bottom:10px
}
.menu {
width:100%;
background:#006837;
}
.bar
{
margin-top:2px;
float:left;
width:100%;
background-color:#FFF;
height:2px;
border-bottom:2px solid #408e69;
}
/********* Main ************/
.wrapcontent
{
float:left;
width:100%;
}
.content {
float:left;
width:68.5%;
}
.sidebar {
float:left;
width:30%;
margin:0 0 0 1.5%;
padding-top:1px;
}
/************* Sidebar - Right ***********/
.box_top {
background:#FFF;
height:2px;
border-left:1px solid #7baf96;
border-bottom:1px solid #7baf96;
border-top:1px solid #7baf96;
margin-bottom:1px;
}
.box_top h5 {
height:2px;
background:#006837;
width:45%
}
.box {
background:#FFF;
margin-bottom:20px;
border-left:1px solid #80b49b;
border-bottom:1px solid #80b49b;
border-top:1px solid #80b49b;
}
.box h3 {
color:#FFF;
font-size:10pt;
text-transform:uppercase;
padding:5px 5px;
text-align:left;
background:#006837;
width:95%
}
.box li a {
display:block;
background:url(../images/arrow.png) no-repeat 2px 6px;
color:#333;
font-size:0.85em;
border-bottom:1px solid #D6D6D6;
padding:8px 0 8px 30px;
}
.box li:last-child a {
border-bottom:none
}
.box li a:hover {
background:#c1272d url(../images/arrow.png) no-repeat 2px 6px;
color:#FFF;
}
/**/
.boxweblink {
background:#FFF;
margin-bottom:20px;
border-left:1px solid #80b49b;
border-bottom:1px solid #80b49b;
border-top:1px solid #80b49b;
}
.boxweblink h3 {
color:#FFF;
font-size:10pt;
text-transform:uppercase;
padding:5px 5px;
text-align:left;
background:#006837;
width:95%
}
.boxweblink li a {
display:block;
background:url(../images/link.png) no-repeat 8px 10px;
color:#333;
font-size:0.85em;
border-bottom:1px solid #D6D6D6;
padding:8px 0 8px 30px;
}
.boxweblink li:last-child a {
border-bottom:none
}
.boxweblink li a:hover {
background:#ccc url(../images/link.png) no-repeat 8px 10px;
color:#FFF;
}
/**/
.box_right
{
float:right;
width:49%;
}
.box_left
{
float:left;
width:49%;
}
.box_bodymain
{
float:left;
width:100%;
}
.box_top_mid {
background:#FFF;
height:2px;
border:1px solid #7baf96;
margin-bottom:1px;
}
.box_top_mid div {
height:2px !important;
background:#006837 !important;
width:50%;
padding-left:10px;
}
.box_mid {
background:#FFF;
margin-bottom:20px;
margin-top:1px;
}
.box_mid h3 {
color:#FFF !important;
font-size:10pt !important;
text-transform:uppercase;
padding:5px 5px !important;
text-align:left;
background:#006837;
width:50%;
margin-bottom:5px;
}
.box_mid li a {
display:block;
background: #f6f6f6 url(../images/bullet.png) no-repeat 5px 10px;
color:#333;
border-bottom:1px solid #FFF;
border-top:1px solid #FFF;
padding:5px 0 5px 20px;
}
.box_mid li:last-child a {
border-bottom:none
}
.box_mid li a:hover {
background:#c1272d url(../images/bullet.png) no-repeat 5px 10px;
color:#FFF;
}
.box_top_body {
background:#FFF;
height:2px;
border:1px solid #7baf96;
margin-bottom:1px;
}
.box_top_body div {
height:2px !important;
background:#006837 !important;
width:20%;
padding-left:10px;
}
.box_body {
background:#FFF;
margin-bottom:20px;
margin-top:1px;
font-size:0.85em;
}
.box_body h3 {
color:#FFF !important;
font-size:10pt !important;
text-transform:uppercase;
padding:5px 5px !important;
text-align:left;
background:#006837;
width:20%;
margin-bottom:5px;
}
.box_body li a {
display:block;
background:url(../images/bullet.png) no-repeat 5px 10px;
color:#333;
padding:5px 0 5px 20px;
}
.box_body li:last-child a {
border-bottom:none
}
.box_body li a:hover {
background:#c1272d url(../images/bullet.png) no-repeat 5px 10px;
color:#FFF;
}
.sidebar_left_bottom {
margin-top:15px;
}
.box_img {
background:#FFF;
/*padding:15px;*/
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.box img {
max-width:100%;
display:block;
width:100%;
/*margin-bottom:6px;*/
}
/********* Content ***********/
.main_content_video {
float:left;
padding:1%;
background:#FFF;
line-height:1.5em;
width:98%;
}
.main_content {
float:left;
padding:1%;
background:#FFF;
line-height:1.5em;
width:98%;
}
.main_content h1 {
font-size: 1.4em;
padding:5px 0;
}
.product_info_detail h1 {
font-size: 1.4em;
padding:0 0 5px 0 !important;
}
.main_content h2 {
font-size: 1.3em;
padding:5px 0;
color:#00AFFF
}
.main_content h3 {
font-size: 1.3em;
padding:5px 0;
color:#00AFFF
}
.main_content h4 {
font-size: 1.25em;
padding:5px 0;
color:#00AFFF
}
.main_content h5 {
font-size: 1.2em;
padding:5px 0;
color:#00AFFF
}
.main_content h6 {
font-size: 1.1em;
padding:5px 0;
color:#00AFFF
}
.main_content p {
padding:5px 0;
line-height:1.8em;
}
/************** Sidebar - Right *************/
/*NEWS*/
ul.news{
padding: 0px;
margin: 0px;
list-style: none;
float: left;
position: relative;
left: 9px;
margin-bottom:10px;
width:98%
}
ul.news li{
padding-bottom:10px;
margin: 0px auto 0px auto;
list-style: none;
width: 100%;
margin-right: 20px;
margin-bottom: 10px;
display: inline-block;
float: left;
line-height: 20px;
font-weight:bold;
border-bottom:1px solid #7baf96
}
ul.news li a{
color:#006837;
font-weight:normal;
font-size:0.9em !important;
text-transform:uppercase;
}
ul.news li.first{
margin-left:0;
}
ul.news li.last{
margin-right:0;
}
/*NEWS*/
ul.gscuatt{
padding: 0px;
margin: 0px;
list-style: none;
float: left;
position: relative;
margin-bottom:15px;
width:93%;
margin-left:1%;
}
ul.gscuatt li{
padding-bottom:10px;
margin: 0px auto 0px auto;
list-style: none;
width: 100%;
margin-right: 20px;
margin-bottom: 15px;
display: inline-block;
float: left;
line-height: 20px;
font-weight:bold;
border:1px solid #7baf96;
padding:2%
}
ul.gscuatt li a{
color:#006837;
font-weight:normal;
font-size:0.9em !important;
text-transform:uppercase;
}
ul.gscuatt li.first{
margin-left:0;
}
ul.gscuatt li.last{
margin-right:0;
}
/*PAGGING*/
a.page:link, a.page:visited {
outline: medium none;
text-decoration: none;
}
div.paging {
line-height: 150%;
margin: 1em 1em 1em 1em;
text-align: right;
float:right;
}
div.paging span.text {
padding: 2px 8px 0 0;
}
.paging a.page, .paging a.pagel {
background: none repeat scroll 0 0 #eceeee;
border: 1px solid #ccc;
color: #f26c50;
font-size: 14px;
margin: 0 2px;
padding: 0 8px;
font-weight:bold;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.paging a.page:hover, .paging a.pagel:hover, .paging a.current, .paging span.current {
background: none repeat scroll 0 0 #e3e2e1;
border: 1px solid #ccc;
box-shadow: 0 0 10px #FFFFFF;
color: #000;
font-size: 14px;
margin: 0 2px;
padding: 0 8px;
text-decoration: none;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.paging span.current {
background: none repeat scroll 0 0 #e3e2e1;
color: #000;
font-size: 14px;
text-decoration: none;
font-weight:bold;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.corner_3 {
border-radius: 3px 3px 3px 3px;
}
.boxshadow {
box-shadow: 0 0 25px rgba(51, 51, 51, 0.3);
}
a.imgtintuc {
border: 1px solid #7baf96;
height: 95px;
margin-right: 10px;
padding: 3px 2px;
width: 100px;
}
div.text-sum {
margin:10px;
text-align:justify;
line-height:20px;
font-weight:normal;
font-size:0.9em;
color:#000;
}
.date {
color: #666;
font-size: 12px;
font-weight:normal
}
.fl {
float: left;
}
.overflow {
overflow: hidden;
}
/*END NEWS*/
/*** Footer ***/
.footer {
width:100%;
margin: 0 auto;
background:#006837;
}
.wrapfooter {
width:90%;
padding-left:10%;
margin:0 auto;
}
.phancach
{
float:left;
width:60%;
margin:0 auto;
padding-top:20px;
border-bottom:2px solid #fff;
margin-left:15%;
color:#FFF;
font-size:12pt;
text-align:center;
}
/* The Nivo Slider styles */
.nqt-slideshow {
padding-bottom:10px;
clear:both;
overflow:hidden
}
.nqt-slideshow-img {
width:100%;
height:350px;
}
.nqt-slideshow-img img {
width:100%;
height:350px;
}
.nivoSlider {
position: relative;
}
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0px;
}
.nivo-nextNav {
right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
.theme-default .nivoSlider {
position: relative;
background: #fff url(../images/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
position: absolute;
left: 50%;
bottom: 10px;
}
.theme-default .nivo-controlNav a {
display: block;
width: 22px;
height: 22px;
background: url(../images/bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(../images/arrows.png) no-repeat;
text-indent: -9999px;
border: 0;
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color: #fff;
}
.theme-pascal.slider-wrapper, .theme-orman.slider-wrapper {
margin-top: 0px;
}
/* GRID OF FOUR ============================================================================= */
.section {
clear: both;
padding-top:20px;
padding-bottom:20px;
}
/************ Services **************/
.services_grid {
float:left;
width:77%;
margin:0 2% 0 0;
}
.service_desc {
padding-bottom:18px;
}
.listview_1_of_2 {
display: block;
float:left;
margin: 0% 0 0% 1.6%;
}
.listimg {
display: block;
float:left;
}
.text {
display: block;
float:left;
margin: 0% 0 0% 3.6%;
}
.listview_1_of_2:first-child {
margin-left: 0;
}
.images_1_of_2 {
width: 46.2%;
padding:1.5%;
}
.listimg_2_of_1 {
width:16.2%;
}
.list_2_of_1 {
width: 78.2%;
}
.images_1_of_2 img {
max-width:100%;
display:block;
}
.list_2_of_1 h4 {
color:#555;
font-size: 1.4em;
margin:5px 0;
text-transform: uppercase;
}
.list_2_of_1 p {
color: #969494;
font-size: 0.85em;
padding:0;
line-height: 1.8em;
}
.view-all {
padding-top:5px;
}
.view-all a {
color:#EE5010;
font-size:0.85em;
background:url(../images/arrow.png) no-repeat 0;
padding-left:15px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
transition: all .5s;
text-align: right;
}
.view-all a:hover {
color:#555;
}
/*services*/
.group:before, .group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1;
}
.col_1_of_4 {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col_1_of_4:first-child {
margin-left: 0;
} /* all browsers except IE6 and lower */
.span_1_of_4 {
width: 20.8%;
padding:1.5%;
}
.span_1_of_4 h3 {
font-size:1.2em;
color:#EE5010;
border-bottom: 1px dotted #D5D5D5;
text-transform:uppercase;
margin-bottom:10px;
}
.span_1_of_4 a {
color:#00AFFF;
}
.span_1_of_4 a:hover {
color:#999999;
}
.copy-right {
text-align:center;
padding:15px 0;
background:#00AFFF;
color:#FFF;
}
.copy-right a {
text-decoration:underline;
color:#FFF;
}
.copy-right a:hover {
color:#FFF;
text-decoration:none;
}
/*Button*/
.datmua {
height: 35px;
line-height: 35px;
background: #FF0000;
text-align: center;
text-decoration: none;
color: #fff;
text-transform: uppercase;
font-size: 11pt;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
padding: 8px 20px;
}
.datmua:hover {
background: #d30000;
}
/*End Button*/
/*breadcrumb*/
ul.breadcrumb { clear:both; overflow:hidden; margin:5px 0px 10px 0px;border-bottom: 1px solid #e1e1e1;}
ul.breadcrumb li { float:left; padding-right:10px; line-height:22px;height:22px;white-space: nowrap;}
ul.breadcrumb li img { vertical-align:middle}
ul.breadcrumb li a { color:#00AFFF; font-size:11pt;}
ul.breadcrumb li.current a{ color:#00AFFF; font-size:11pt;}
ul.breadcrumb li a:hover { text-decoration:underline;color:#666;}
/*breadcrumb*/
/*Products*/
.main_product {
width:100%;
float:left;
margin:10px 0;
/*border-left: 1px solid #7baf96;
border-right: 1px solid #7baf96;
border-bottom: 1px solid #7baf96;*/
padding-bottom:15px
}
ul.listvideo li {
float:left;
padding:2px 0;
margin-bottom:10px;
}
ul.listvideo li div.pd-home {
margin:0 auto;
clear:both;
position:relative;
text-align:center;
width:95%;
}
ul.listvideo li div.pd-home h2 {
font-size:16px !important;
overflow:hidden;
color:#000;
padding-top:5px
}
ul.listvideo li div.pd-home .pd-img {
width:100%;
height:200px;
}
ul.listvideo li div.pd-home .pd-img img{
width:100%;
height:200px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
ul.listvideo li div.pd-home .pd-img iframe{
width:100%;
height:200px;
}
div.xemvideo iframe
{
width:100%;
}
ul.listitem li {
float:left;
padding:2px 0;
list-style-image:url(../images/arrow-hover.png);
margin-bottom:10px;
}
ul.listitemfooter li {
float:left;
padding:2px 0;
list-style-image:url(../images/arrow-hover.png);
margin-bottom:10px;
}
ul.listitem li div.pd-home {
margin:0 auto;
clear:both;
position:relative;
text-align:center;
width:90%;
/*background:#eeeded;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;*/
border-bottom: 5px solid #006837;
}
.list-box
{
margin:0 auto;
clear:both;
position:relative;
text-align:center;
background:#eeeded;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
ul.listitem li div.pd-home h2 {
font-size:16px !important;
overflow:hidden;
color:#f26c50;
}
ul.listitem li div.pd-home .price {
color:#333;
display:block;
padding:5px;
text-align:left;
font-size:14px
}
ul.listitem li div.pd-home .pd-img {
width:100%;
height:200px;
}
ul.listitem li div.pd-home .pd-img img {
width:100%;
height:200px;
}
ul.listitem li div.pd-home span.price-sale {
text-decoration:line-through;
font-weight:normal;
color:#777;
}
ul.listitem li div.pd-home div.pd-btn {
line-height:26px;
color:#333;
font-weight:bold;
font-size:11px;
word-wrap:break-word;
width:100%;
}
ul.listitem li div.pd-home div.pd-btn a:hover {
text-decoration:underline
}
.price_detail span{
display:block;
color:#F00;
padding:5px 0;
font-weight:bold;
font-size:1.5em
}
span.price-sale_detail {
text-decoration:line-through;
font-weight:normal;
color:#777;
font-size:1em
}
.info-sum{
padding: 5px;
margin: 5px 0;
border: 1px solid #dbdbdb;
border-top: 5px solid #dbdbdb;
}
.info-sum span {
color: #978122;
font-weight: bold;
}
.tabbox {
clear: both;
height: 35px;
overflow: hidden;
border-bottom:2px solid #00aeef
}
.tabbox ul li {
float: left;
line-height: 35px;
}
.tabbox ul li a {
cursor: pointer;
display: block;
padding: 0 30px;
color:#333;
background-color: #f2f2f2;
margin-right: 2px;
border: 1px solid #dbdbdb;
border-radius: 5px 5px 0 0;
}
.tabbox ul li a:hover {
background-color: #00aeef;
color: #fff;
border-top: 1px solid #00aeef;
border-right:1px solid #00aeef;
}
.tabbox ul li a.active {
color:#fff;
background:#00aeef;
border-top: 1px solid #00aeef;
border-right:1px solid #00aeef;
}
.tab_product_info {
float: left;
width:100%;
margin-top:20px;
height: 35px;
overflow: hidden;
border-bottom:2px solid #00aeef;
}
.tab_product_info ul li {
float: left;
line-height: 35px;
display: block;
padding: 0 30px;
color:#FFF;
background-color: #00aeef;
margin-right: 2px;
border: 1px solid #dbdbdb;
border-radius: 5px 5px 0 0;
}
.product_info {
float: left;
width:100%;
margin-top:10px;
}
ul.listitem li div.pd-home a img {
width:auto !important;
height:200px !important;
}
ul.listitem li div.pd-home div.pd-btn {
bottom:0px;
position:relative;
}
ul.listitem li div.pd-home div.pd-btn a.check {
padding:2px 0 3px 3px;
}
/*End Products*/
/*Products detail*/
.product_img_detail {
float:left;
padding: 5px;
border: 1px solid #cacaca;
width:35%;
}
.product_info_detail {
float:right;
padding: 0 5px;
width:60%;
}
/*End Products detail*/
/*menu*/
ul.mainnav {
width:90%;
padding-left:10%;
height:42px;
float:left;
background:#006837;
box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
white-space:nowrap;
font-size:14px;
}
ul.mainnav li {
float:left;
height:44px;
}
ul.mainnav li:first-child {
background:none;
}
ul.mainnav li a {
color:#fff;
padding:0px 10px;
line-height:42px;
display:block;
float: none !important;
}
ul.mainnav li:hover {
position: relative;
background:#c1272d;
}
ul.mainnav li.active a {
background:#c1272d;
text-decoration:none;
height:44px;
float:left;
color:#fff;
display:block;
}
/*end menu*/
.lienketweb
{
font-size:1.2em;
}
/**** Responsice Layout *****/
@media only screen and (min-width: 1101px) {
.wrap {
width:80%;
}
ul.listitem li {
width:50%;
}
ul.listitemfooter li {
width:20%;
}
ul.listvideo li {
width:33.3% !important;
}
.lienketweb
{
font-size:1.2em;
}
}
@media all and (max-width: 1100px) {
.wrap {
width:80%;
}
.content {
width:73%;
}
.main_content {
padding:1%;
}
.sidebar {
width:25%;
}
ul.listitem li {
width:50%;
}
ul.listitemfooter li {
width:25%;
}
ul.listvideo li {
width:33.3% !important;
}
/*.logo {
float:left;
width:300px;
padding-left:10px;
height:200px;
}*/
.banner {
float:left;
margin-left:10px;
background:#FFFFFF;
}
.textvanphongtuvan {
margin-top: 10px;
font-size: 16pt;
padding-left:130px
}
.textgiasutainangtre {
margin-top: 1px;
font-size: 38pt;
}
.lienketweb
{
font-size:0.9em;
font-weight:bold
}
}
@media all and (max-width:900px) {
.wrap {
width:95%;
}
ul.listitem li {
width:50%;
}
ul.listitemfooter li {
width:33%;
}
ul.listvideo li {
width:33.3% !important;
}
.banner {
float:left;
margin-left:10px;
background:#FFFFFF;
}
.textvanphongtuvan {
margin-top: 10px;
font-size: 15pt;
padding-left:110px
}
.textgiasutainangtre {
margin-top: 1px;
font-size: 33pt;
}
.doingu {
margin-top: 1px;
font-size: 14pt;
padding-left:90px;
margin-bottom:10px
}
.lienketweb
{
font-size:0.9em;
font-weight:bold
}
}
@media all and (max-width:800px) {
#supportonline_mobile
{
display:block;
}
#supportonline_desktop
{
display:none;
}
ul.listitem li {
width:50%;
}
ul.listvideo li {
width:50% !important;
}
ul.listitemfooter li {
width:33%;
}
.content {
width:68%;
}
.main_content {
padding:1%;
}
.sidebar {
width:30%;
}
ul.mainnav
{
display:none;
}
ul.open {
display: block;
height:auto !important;
border-top: 1px solid #FFF;
}
.menu li
{
width:100%;
}
ul.mainnav {
width:100%;
height:42px;
float:left;
background:#006837;
box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14);
white-space:nowrap;
}
ul.mainnav li {
float:left;
height:auto;
}
ul.mainnav li:first-child {
background:none;
}
ul.mainnav li a {
color:#fff;
padding:0px 15px;
line-height:42px;
display:block;
float: none !important;
}
ul.mainnav li a:hover {
position: relative;
background:#c1272d;
}
ul.mainnav li.active a {
background:#c1272d;
text-decoration:none;
height:42px;
float:left;
color:#fff;
display:block;
}
/*ddddddddddddddddddđ*/
.menu-button {
display: block;
text-decoration: none;
font-size: 13px;
font-weight: 700;
color: #FFF;
padding: 18px 25px 18px 15px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
}
.menu-button::after {
display: block;
content: '';
height: 3px;
width: 22px;
border-top: 3px solid #FFF;
border-bottom: 3px solid #FFF;
right:15px;
position:absolute;
top:25px
}
.menu-button::before {
display: block;
content: '';
height: 3px;
width: 22px;
border-top: 3px solid #FFF;
right:15px;
position:absolute;
}
.banner {
float:left;
text-align:center;
background:#FFFFFF;
width:70%;
}
.textvanphongtuvan {
margin-top: 10px;
font-size: 15pt;
padding-left:20px;
}
.textgiasutainangtre {
margin-top: 1px;
font-size: 26pt;
padding-left:0px;
}
.doingu {
margin-top: 1px;
font-size: 13pt;
padding-left:20px;
margin-bottom:10px
}
}
@media all and (max-width:680px) {
.wrap {
width:95%;
}
ul.listvideo li {
width:50% !important;
}
.sidebar {
float:left;
width:100%;
margin:10px 0;
}
.content {
float:left;
width:100%;
}
.col_1_of_4 {
margin:0;
}
.span_1_of_4 {
width:94%;
padding:3%;
}
ul.listitem li {
width:50%;
}
ul.listitemfooter li {
width:50%;
}
.tabbox {
overflow:visible;
height:auto;
margin-bottom:0;
}
.tabbox ul li {
float:none;
border-bottom:1px solid #88c652;
}
.tabbox ul li:last-child {
border-bottom:0;
}
.tabbox ul li a {
background:#81be4b;
}
.tabbox ~ ul {
border:1px solid #4f980f;
margin-bottom:10px;
}
}
@media all and (max-width:679px) {
.clear20 {
clear:both;
height:0px
}
ul.listvideo li {
width:50% !important;
}
.wrap {
width:95%;
}
/*.logo {
float:none;
width:100%;
text-align:center;
}*/
.menu {
float:none;
}
.main {
padding:10px 0;
}
.box h3 {
font-size:1em;
padding:6px 0;
}
.contact_info {
margin-top:10px;
}
ul.listitem li {
width:50%;
}
ul.listitemfooter li {
width:50%;
}
.textvanphongtuvan {
margin-top: 10px;
font-size: 13pt;
padding-left:0px;
}
.textgiasutainangtre {
margin-top: 1px;
font-size: 22pt;
padding-left:0px;
}
.doingu {
margin-top: 1px;
font-size: 12pt;
margin-bottom:10px;
padding-left:0px;
}
}
@media all and (max-width:560px) {
.logo {
text-align:center;
vertical-align:middle;
padding-left:25%;
}
ul.listvideo li {
width:100% !important;
}
.banner
{
width:96%;
}
.textvanphongtuvan {
margin-top: 10px;
font-size: 12pt;
padding-left:0px
}
.textgiasutainangtre {
margin-top: 1px;
font-size: 20pt;
padding-left:0px
}
.doingu {
margin-top: 1px;
font-size: 12pt;
margin-bottom:10px;
padding-left:0px
}
.phancach
{
margin-left:10%;
}
}
@media all and (max-width:460px) {
.wrap {
width:95%;
}
ul.listvideo li {
width:100% !important;
}
ul.listitem li {
width:96%;
}
ul.listitemfooter li {
width:96%;
}
.phancach
{
width:90%;
margin-left:0 !important;
}
.emailfooter
{
width:99% !important;
padding-left:1% !important;
float:left !important;
text-align:left !important;
}
.textvanphongtuvan {
margin-top: 10px;
font-size: 12pt;
padding-left:0px;
}
.textgiasutainangtre {
margin-top: 1px;
font-size: 15pt;
padding-left:0px
}
.doingu {
margin-top: 1px;
font-size: 12pt;
margin-bottom:10px;
padding-left:0px
}
}
#call-hotline {
display: none;
position: fixed;
left: 10px;
bottom: 50px;
height: 50px;
width: 50px;
background: #46C11E url(../images/callhotline.png) center / 30px no-repeat;
z-index: 99;
color: #FFF;
font-size: 35px;
line-height: 55px;
border-radius: 50%;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.5);
box-shadow: 0 2px 5px rgba(0,0,0,.5);
}
@media only screen and (max-width: 650px) {
#call-hotline {
display: block;
}
}