﻿body 
{
    margin:0;
    padding:0;    
    font-family:Tahoma;
    background-color:#d8d8d8;
}
#header
{
    height:130px;
    background-color:#127cc1;
}
.header
{
    width:980px;
    height:130px;
    margin:0 auto;
}
.logo
{
    float:left;
    margin-top:15px;
}
.search
{
    float:right;
    width:560px;
    text-align:right;
}
.search li
{
    list-style:none;
}
.h_search
{
    height:30px;
    line-height:30px;
    color:#2d2d2d;
}
.h_search li
{
    float:right;
    padding-left:10px;
}
.h_search a
{
    font-size:13px;
    font-weight:bold;
    color:#2d2d2d;
    text-decoration:none;
}
.sp
{
    float:left;
    height:40px;
}
.sr
{
    width:355px;
    float:left;
    height:35px;
    background:url(../image/icon/search.png) no-repeat;
    float:right;
}
.span_bt
{
    height:38px;
	float:left;
	width:75px;
}
.bt_search
{
	display:block;
	height:40px;
}
.txt_search
{
	border:none;
	width:270px;
	color:#ababab;
	font-family:Tahoma;
	float:left;
	margin-top:10px;
	margin-left:10px;
}
.hotline
{
    background:url(../image/icon/hotline.png) no-repeat 5px 0px;
    height:45px;
    margin-top:10px;
    text-align:left;
    text-indent:55px;
    font-size:13px;
    color:#fff;
    float:left;
    margin-left:15px;
}
.hl
{
    font-size:16px;
    font-weight:bold;
    color:#fff;
}
#nav
{
    height:40px;
    background-color:#127cc1;
    border-bottom:solid 3px #127cc1;
}
.nav
{
    margin:0 auto;
    width:980px;
    background-color:#fff;
    color:#127cc1;
    border-bottom:solid 2px #127cc1;
    border-radius: 5px 5px 0px 0px;
}
#nav ul, #nav li
{
    margin:0;
    padding:0;
}
.nv
{
    float:left;
}
.nv li
{
    float:left;
    list-style:none;
    padding-left:15px !important;
}
#main
{
    margin-bottom:30px;
    background-image:url('../image/icon/mid.jpg');
    background-repeat:repeat-x;
}
.main
{
    width:980px;
    margin:0 auto;
    display:table;
}
.h_word
{
    width:980px;
    height:70px;
    background:#fff;
    border-top:solid 10px #d8d8d8;
}
.qc_dh
{
    width:244px;
    height:70px;
    margin-right:1px;
    float:left;    
}
.org
{
    background:url(../image/icon/giai-phap.png) no-repeat; 
    background-color:#127cc1;
}
.km
{
    background:url(../image/icon/khuyen-mai.png) no-repeat; 
    background-color:#127cc1;
}
.dt
{
    background:url(../image/icon/doi-tac.png) no-repeat; 
    background-color:#127cc1;
}
.tt
{
    background:url(../image/icon/tin-tuc.png) no-repeat; 
    background-color:#127cc1;
}
.h_word a
{
    text-decoration:none;
    color:#fff;
}
.title
{
    font-weight:bold;
    font-size:16px;
    text-indent:65px;
    padding-top:17px;
}
.info
{
    text-indent:65px;
    color:#fff;
    font-size:13px;
    font-style:italic;
}
.index_product
{
    width:980px;
    height:460px;    
    border-top:solid 10px #d8d8d8;
    border-bottom:solid 10px #d8d8d8;
    background-color:#fff;
}
.head_menu
{
    width:980px;
    height:40px;
    background-color:#127cc1;          
}
.h_nav
{
    line-height:40px;
    font-weight:bold;
    text-indent:10px;
    color:#fff;
    margin-right:10px;
    margin-left:10px;
}
.h_nav a
{
    text-decoration:none;
    color:#fff;
}
.i_content
{
    margin-top:20px;
    margin-left:10px;
}
.i_pro1
{
    width:160px;
    float:left;
    border:solid 1px #c3c3c3;
    padding:9px;
    overflow:hidden;
}
.i_pro1 img
{
    max-height:170px;
    max-width:160px;
}
.cl_pro
{    
    display:table;
    padding-left:9px;
    padding-top:10px;
    padding-right:7px;
    padding-bottom:10px;
    width:724px;
    background-color:#fff;
}
.i_pro
{
    width:162px;
    float:left;
    margin-right:9px !important;
    margin-bottom:10px;
    border:solid 1px #c3c3c3;
    padding:10px;
    overflow:hidden;
}
.i_pro img
{
    max-height:170px;
    max-width:162px;
}
.i_name
{
    width:162px;
    overflow:hidden;
    height:35px;
    text-align:center;
}
.i_name a
{
    text-decoration:none;
    color:#127cc1;
    font-size:13px;
    
}
.i_code
{
    width:162px;
    overflow:hidden;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:13px;
    color:#515151;
}
.i_img
{
    width:162px;
    overflow:hidden;
    height:200px;
    text-align:center;
}
.i_order
{
    text-align:center;    
    margin-bottom:10px;
}
.i_price
{
    text-align:center;
    font-weight:bold;
    margin-top:20px;
    color:#ff0000;
    font-size:13px;
    margin-bottom:15px;
}
.i_tnews
{
    width:500px;    
    float:left;
    display:table;
    padding-bottom:10px;
    color:#515151;
    font-size:13px;
}
.i_tnews img
{
    width:500px;
}
.itname
{
    font-size:17px;
    font-weight:bold;
    padding-top:15px;
}
.itname a
{
    color:#212121;
    text-decoration:none;
}
.itover p
{
    margin-top:5px;
}
.i_news
{
    width:440px;
    float:right;
    display:table;
    margin-right:10px;
}
.inews
{
    width:430px;
    display:table;
    padding-bottom:5px;
    border-bottom:dashed 1px #e0e0e0;
    margin-bottom:5px;
}
.iimg
{
    width:120px;
    float:left;
    overflow:hidden;
    margin-right:10px;
}
.iimg img
{
    min-width:120px;
    height:70px;
}
.iname
{
    float:left;
    width:300px;
}
.iname a
{
    color:#2d2d2d;
    text-decoration:none;
    font-size:14px;
}
.idate
{
    font-size:12px;
    color:#515151;
    font-style:italic;
    line-height:25px;
}
.order
{
    
    background-color:#127cc1;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    padding:6px 12px;
    border-radius:3px;
}
.news
{
    display:table;
    border-bottom:dashed 1px #e0e0e0;
    padding:10px;
    margin-bottom:10px;
    background-color:#fff;
}
.nimg
{
    width:140px;
    height:80px;
    overflow:hidden;
    margin-right:10px;
    float:left;
}
.nimg img
{
    width:140px;
}
.nname
{
    width:570px;
    float:left;
    margin-bottom:10px;    
    font-weight:bold;
    font-size:14px;
}
.nname a
{
    color:#2d2d2d;
    text-decoration:none;
}
.nover
{
    font-size:13px;
    color:#515151;
    width:570px;
    float:left;
}
.nover p
{
    margin:0;
    padding:0;
}
.ndate
{
    font-size:12px;
    color:#515151;
    font-style:italic;
    width:400px;
    float:left;
}
.nview
{
    font-size:12px;
    color:#515151;
    font-style:italic;
    width:200px;
    float:right;
    text-align:right;
}
.ncontent
{
    clear:both;
    padding-top:10px;
    padding-bottom:20px;
    font-size:13px;
}
.ncontent img
{
    max-width:650px;
    text-align:center;
}
.ncontent a
{
    text-decoration:none;
    color:#127CC1;
}
#menu-bar
{
    float:left;
    width:230px;
    display:table;
    margin-top:10px;
}
.m_nav
{
    background-color:#fff;
}
.menu-bar
{    
    margin-bottom:15px;
    width:228px;
    background-color:#fff;
}
.index
{
    width:740px;
    display:table;
}
.menu-bar ul
{
    margin:0;
    padding:0px 0 20px 0;
}
.tit_menu
{
    font-size:15px !important;
    line-height:45px;
    height:40px;
    font-family:Arial;
    color:#fff;
    font-weight:bold;
    background-color:#127cc1;
    margin-bottom:10px;
    text-indent:15px;
}
.nav_menu h1, .nav_menu
{
    font-size:15px !important;
    line-height:45px;
    height:40px;
    font-family:Arial;
    color:#fff;
    font-weight:bold;
    text-indent:20px;
    background-color:#127cc1;
}
.nav_menu a
{
    color:#fff;
    text-decoration:none;
}
.tit_menu a
{
    color:#fff !important;
    text-decoration:none;
    font-size:15px !important;
}
.menu-bar li
{
    margin-left:10px;
	text-indent:15px;
	line-height:25px;
	background:url(../image/icon/iconmuiten.png) no-repeat;
	list-style:none;
}
.menu-bar a
{
    color:#515151;
    font-size:13px;
    text-decoration:none;
}
.mmail
{
    height:25px;
    line-height:25px;
    margin-top:10px;
    text-indent:30px;
    color:#515151;
    font-size:13px;
    background:url(../image/icon/mmail.png) no-repeat 5px 5px;
}
.mphone
{
    height:30px;
    line-height:30px;
    text-indent:30px;
    color:#515151;
    font-size:13px;
    background:url(../image/icon/mphone.png) no-repeat 5px 5px;
    
}
.mcontent
{
    float:left;
    width:740px;
    margin-left:10px;
}
.content
{
    text-align:justify;
    color:#2d2d2d;
    background-color:#fff;
}
.content img
{
    max-width:650px;
}
.product_detail
{
    padding-top:10px;
    display:table;
    width:720px;
    padding-bottom:20px;
}
.product_img
{
    width:300px;
    display:table;
    float:left;
    margin-left:10px;
    text-align:center;
    height:300px;
    overflow:hidden;
}
.product_img img
{
    height:300px;  
    max-width:300px;
}
.product_item
{
    float:right;
    width:400px;
    margin-left:10px;
    color:#515151;
    font-size:14px;
}
.product_item h1
{
    color:#515151 !important;
    font-weight:14px;
    margin:0;
    text-align:justify !important;
}
.bt_buy
{
    height:50px;
    margin:10px 0 0 0px;
}
.buy
{
    height:35px;
    width:125px;
    background:url(../image/icon/order.jpg) no-repeat;
    border:none;
}
.product_content
{
    clear:both;
    margin:10px;
    text-align:justify;
    font-size:14px;
    color:#515151;
}
.product_over b
{
    color:#ff0000;
}
.product_over
{
    line-height:25px;
}
.content h1
{
    font-size:14px;
    color:#014c74;
    text-align:center;
}
.content h2
{
    font-size:13px;
    margin:0;
    font-weight:bold;
}
.content p
{
    margin-top:5px;
}
.same
{
    width:740px;
    border-top:solid 10px #f2f2f2;
    background:url(../image/icon/ri.png) top right no-repeat #fff; 
    display:table;
    padding-bottom:20px;
    border:solid 1px #d8d8d8;
    margin-bottom:10px;
    margin-top:10px;
}
.orlink
{
    font-size:14px;
    text-decoration:none;
    color:#127cc1;
    font-weight:bold;
    text-align:center;
}
.orinfo
{
    font-size:14px;
    font-weight:bold;
}
.orderh3
{
    text-align:center;
    font-size:17px;
    color:#515151;
    line-height:70px;
    margin-top:0;
}
.order_product
{
	border:solid 1px #c0c0c0;
	width:195px;
	line-height:30px;
	height:30px;
	float:left;
	margin-right:5px;
	border-radius:3px;
	text-align:center;
}
.order_product a
{
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	height:30px;
	text-decoration:none;
	color:#127cc1;
}
.contact_sentmb
{
    width:590px;
    height:190px;
    margin-left:60px;
}
.contact_info
{
    width:550px;
    margin-left:65px;
    height:20px;
    line-height:20px;
    clear:both;
    font-weight:bold;
    color:#515151;
    font-size:14px;
    margin-bottom:5px
}
.contact_left
{
    width:110px;
    height:20px;
    float:left;
}
.contact_left b
{
    color:Red;
    font-size:10px;
}
.contact_right
{
    width:360px;
    height:20px;
    line-height:30px;
    float:left;
    height:30px;
}
.sent
{
    border:none;
    background-color:#127cc1;
    color:#fff;
    font-weight:bold;
    height:30px;
    line-height:30px;
    padding-left:15px;
    padding-right:15px;
    border-radius:3px;
}
.contact_infomb
{
    margin-left:270px;
    margin-top:30px;
    width:600px;
    height:20px;
    line-height:20px;
    clear:both;
    font-weight:bold;
}
#footer
{
    height:200px;
    background-color:#127cc1;
    border-top:solid 3px #00619e;
}
.footer
{
    width:980px;
    height:200px;
    margin:0 auto;
}
#footer a
{
    text-decoration:none;
    color:#fff;
}
.ser {
    float: left;
    width: 240px;
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    margin-left: 30px;
}
.ser ul
{
    margin:0;
    padding:0;
}
.ser li
{
    list-style:none;   
}
.ser a
{
    color:#fff;
    text-decoration:none;
    font-family:Arial;
    font-size:14px;
}
.mxh
{
    float:left;
    width:190px;
    color:#cfcdce;
}
.mxh ul
{
    margin:0;
    padding:0;
}
.mxh li
{
    list-style:none;
}
.f-item
{
    background:url(../image/icon/facebook.png) no-repeat;
    height:40px;
    line-height:30px;
    text-indent:40px;
}
.y-item
{
    background:url(../image/icon/youtube.png) no-repeat;
    height:40px;
    line-height:30px;
    text-indent:40px;
}
.g-item
{
    background:url(../image/icon/g-plus.png) no-repeat;
    height:30px;
    line-height:30px;
    text-indent:40px;
}
.f-name
{
    font-size:16px;
    line-height:40px;
    color:#fff;
}
.f-ser
{
    height:25px;
    line-height:25px;
    background:url(../image/icon/li.png) 10px 2px no-repeat;
    text-indent:20px;
}
.add
{
    background:url(../image/icon/address.png) 0 5px no-repeat;
    text-indent:20px;
}
.facebook {
    background: url(../image/icon/facebook.png) 0 4px no-repeat;
    text-indent: 20px;
    background-size: 16px;
}
.fone {
    background: url(../image/icon/phone.png) 0 5px no-repeat;
    text-indent: 20px;
}
.mail {
    background: url(../image/icon/mail.png) 0 5px no-repeat;
    text-indent: 20px;
}

#ft
{
    background-color:#08588C;
    height:45px;
}
.ft
{
    width:980px;
    margin:0 auto;
    line-height:45px;
    color:#cfcdce;
    font-size:13px;
}
.ftl
{
    float:left;
}
.ftr
{
    float:right;    
}
.ftr a
{
    color:#cfcdce;
    text-decoration:none;
    font-size:13px;
}
.ftr li
{
    float:left;
    line-height:60px;
    list-style:none;
    background:none;
}
.paging
{
    height:50px;
    line-height:50px;
    text-align:center;
    color:#515151;
    font-size:14px;
    background-color:#fff;
    clear:both;
}
.paging a
{
    color:#127cc1;
    text-decoration:none;
}
/* Slide */
.jquery-slider-wrapper
{
  position:relative;
  clear:both;
  zoom:1;
  margin:0 auto;
}

.jquery-slider-slide
{
  display: none;
  float: left;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}

.jquery-slider-slide img
{
  border:0;
  margin:0;
  padding:0;
}

.jquery-slider-slide-current
{
  display:block;
  z-index:2;
}

.jquery-slider-slide-next
{
  display:block;
  z-index:1;
}

.jquery-slider-selectors
{
  display:block;
  overflow:hidden;
  position:absolute;
  bottom:10px;
  left:50%;
  z-index:3;
}

.jquery-slider-selector
{
  background:url(../image/icon/jquery-slider-theme.png) no-repeat 0px -70px;
  display:inline;
  float:left;
  width:12px;
  height:12px;
  margin:0 0 0 5px;
}

.jquery-slider-selector-current
{    
    background-color:#127cc1;
}

.jquery-slider-selector span
{
  display:none;
}

.jquery-slider-control
{
  display:none;
  right:50%;
  top:50%;
  position:absolute;
  cursor: pointer;
  width:48px;
  height:69px;
  margin-top:-34px;
  margin-right:-24px;
  z-index:4;
  z-index:99;
}

.jquery-slider-control span
{
  display:none;
}
.jquery-slider-hovered .jquery-slider-control
{
  display:block;
}

.jquery-slider-navigation
{
  display:block;
}

.jquery-slider-navigation-prev
{
  background:url(../image/icon/jquery-slider-theme.png) no-repeat 0 0;
  display:none;
  left:0;
  top:50%;
  position:absolute;
  cursor: pointer;
  width:48px;
  height:69px;
  margin-top:-34px;
  z-index:4;
}

.jquery-slider-navigation-prev span
{
  display:none;
}

.jquery-slider-navigation-next
{
  background:url(../image/icon/jquery-slider-theme.png) no-repeat -48px 0;
  display:none;
  right:0;
  top:50%;
  position:absolute;
  cursor: pointer;
  width:48px;
  height:69px;
  margin-top:-34px;
  z-index:4;
}

.jquery-slider-navigation-next span
{
  display:none;
}

.jquery-slider-hovered .jquery-slider-navigation-prev,
.jquery-slider-hovered .jquery-slider-navigation-next
{
  display:block;
}



.jquery-slider-wrapper .caption
{
  padding:6px 10px;
  background:#333333;
  font-size:13px;
  position:absolute;
  bottom:10px;
  left:10px;
  color:#FFFFFF;
}

.jquery-slider-timer
{
  color:#000000;
  height:3px;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:4;
}

.jquery-slider-timer-bar
{
  background:#000000;
  opacity:0.5;
  height:3px;
  width:0;
  float:left;
  display:inline;
}


/* Reset code to remove theme inherent styling */
.dcjq-mega-menu
{
    height:30px;
    padding-top:10px;
}
.dcjq-mega-menu ul.menu ul, .dcjq-mega-menu ul.menu li 
{
    list-style: none; 
    padding: 0; 
    margin: 0;
}
.dcjq-mega-menu ul.menu ul 
{
    display: none; /* Hides non-mega links */
}
.dcjq-mega-menu ul.menu .sub ul 
{
    display: block; /* overrides above hide */
}

/* Main menu styles */
.dcjq-mega-menu ul.menu 
{
    height: 40px; 
    position: relative; /* Important - required for positioning of mega menu */
    font: normal 14px tahoma; 
    line-height: 16px;
    
}
.dcjq-mega-menu ul.menu li 
{
    float: left; 
    font-weight: bold;
}
.dcjq-mega-menu ul.menu li a 
{
    float: left; 
    display: block;   
    color: #127cc1;
    text-decoration: none;
}
.dcjq-mega-menu ul.menu li.mega-hover a, .dcjq-mega-menu ul.menu li a:hover 
{
    background-position: 100% -35px; 
    text-shadow: none;
}

/* Arrow tag for parent links */
.dcjq-mega-menu ul.menu li a.dc-mega 
{
    padding-right: 30px; /* Additional padding for arrow */
    position: relative; /* Required for arrow positioning */
}
.dcjq-mega-menu ul.menu li a .dc-mega-icon 
{
    display: block; 
    position: absolute; 
    top: 18px; 
    right: 15px; 
    width: 8px; 
    height: 6px; 
    margin-top:20px;
}
.dcjq-mega-menu ul.menu li.mega-hover a .dc-mega-icon 
{
    background-position: 0 100%;
}

/* Mega Menu Styling */
/* Mega Drop Down Container */
.dcjq-mega-menu ul.menu li .sub-container 
{
    position: absolute; /* Required */
    background: url(../images/slide/bg_sub_left.png) no-repeat 0 100%; 
    padding-left: 10px; 
    margin-left: 0;
    margin-top:3px;
}
.dcjq-mega-menu ul.menu li .sub 
{
    background: url(../images/slide/bg_sub.png) no-repeat 100% 100%; 
    padding: 20px 20px 20px 10px;
}
.dcjq-mega-menu ul.menu li .sub-container.mega .sub 
{
    padding: 20px 10px 0 0;
}
.dcjq-mega-menu ul.menu li .sub .row 
{ /* Clear the sub-menu floats */
    width: 100%; 
    overflow: hidden; 
    clear: both;
    margin-top:17px;
    background-color:#fff;
    padding:20px;
}
.dcjq-mega-menu ul.menu li .sub li 
{
    float: none; 
    font-size: 1em; 
    font-weight: bold;
}
/* Sub-menu Headers */
.dcjq-mega-menu ul.menu li .sub li.mega-hdr 
{ /* Sub-menu headers - i.e. 2nd level navigation */
    float: left; /* Float the sub-menus and give them a fixed width to from the mega menu rows */
    width: 220px;
    margin: 0 10px 20px 10px;
}
.dcjq-mega-menu ul.menu li .sub a 
{ /* Clear the styles from the top-level links and set the font styles */
    background: none; 
    border: none; 
    text-shadow: none; 
    color: #2d2d2d; 
    font-weight:bold;
    padding: 7px 10px; 
    display: block; 
    float: none; 
    text-decoration: none; 
    font-size: 0.9em; 
    clear:both;
}
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a 
{
    padding: 7px 10px; 
    margin-bottom: 5px; 
    font-weight: bold; 
    color: #2d2d2d; 
    margin-top:15px;
    text-indent:40px;
}
.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a:hover {
}


/* Add the individual sub-menu backgrounds */
.dcjq-mega-menu ul.menu li .sub li#camera 
{
    background: url(../image/icon/icon-camera.jpg) 10px 15px no-repeat;
}
/* Style the 3rd level links */
.dcjq-mega-menu ul.menu li .sub li ul li 
{
    margin-right: 90px;
    text-indent:35px;
}
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a 
{
    color: #2d2d2d;
    font-weight: normal; 
    padding: 3px 0 3px 25px; 
    background: url(../image/icon/icon.png) 40px 1px no-repeat;
}
.dcjq-mega-menu ul.menu .sub li.mega-hdr li a:hover 
{
    color: #E26900;
}

/* Styling for items with only 2 levels */
.dcjq-mega-menu ul.menu li .sub-container.non-mega .sub 
{
    padding: 20px 20px 20px 10px;
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li 
{
    width: 200px; /* Set the drop down width */
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a 
{
    padding: 7px 5px 7px 22px; 
    background: url(../image/icon/icon.png) 40px 1px no-repeat;
}
.dcjq-mega-menu ul.menu li .sub-container.non-mega li a:hover 
{
    color: #F27B05;
    background: url(../image/icon/icon.png) 40px 1px no-repeat;
}
.jssorb03
{
    position:absolute
}
.jssorb03 div,.jssorb03 div:hover,.jssorb03 .av
{
    position:absolute;width:21px;height:21px;text-align:center;line-height:21px;color:#fff;font-size:12px;
    background:url('../image/icon/b03.png') no-repeat;overflow:hidden;cursor:pointer
}.jssorb03 div
{
    background-position:-5px -4px
}
.jssorb03 div:hover,.jssorb03 .av:hover
{
    background-position:-35px -4px
}
.jssorb03 .av
{
    background-position:-65px -4px
}
.jssorb03 .dn,.jssorb03 .dn:hover
{
    background-position:-95px -4px
}
.jssora03l,.jssora03r
{
    display:block;
    position:absolute;
    width:55px;
    height:55px;
    cursor:pointer;
    background:url('../image/icon/a03.png') no-repeat;
    overflow:hidden
}
.jssora03l{background-position:-3px -33px}
.jssora03r{background-position:-63px -33px}
.jssora03l:hover{background-position:-123px -33px}
.jssora03r:hover{background-position:-183px -33px}
.jssora03l.jssora03ldn{background-position:-243px -33px}
.jssora03r.jssora03rdn{background-position:-303px -33px}