/* CSS Document */
@import url('nivo-slider.css');
*{ margin:0; padding:0;}
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;  text-align:center; background:url(../images/bg_01.jpg) repeat-x; position:relative; }
div{ margin:0; padding:0}
img { border:none}
ul ,li{ list-style:none}
a { text-decoration:none; color:black }
.clear{ clear:both}
input.button{ width:auto !important; padding:4px 15px 4px 15px !important; background:#e98d40; color:white; font-weight:bold; cursor:pointer; border:none !important; text-transform:uppercase} 
.left-content h2, .right-content h2{ ine-height:36px; font-size:13px; height:36px;  overflow:hidden; color:black; )  center no-repeat; padding-left:40px; }
h3.title, h1.title{font-size:12px;text-align:left;text-transform:uppercase; margin-left:50px; color:black}
h1.title span{ }
h1.title a{ color:#FFF; margin:0 0 0 0px}
div.title{ height:34px; line-height:34px; overflow:hidden; paddin-left:10px; background:url(../images/bgmenugt.jpg) left center no-repeat;  margin-bottom:10px; background-size: 100% 34px; }
div.lang{
    position: absolute;
    top: 10px;
    right: 10px;
}
div.lang li{width:30px; float:right; }
div.lang li img{border:1px solid white;}
*{
margin:0px;
padding:0px;
}
body{
width:100%;
background:#e2f3fc;
font-family:Arial, Helvetica, sans-serif,Tahoma, Verdana, Geneva, sans-serif;
font-size:12px;
text-decoration:none;
}
.wrapper{
width:1100px;
height:auto;
margin:0px auto;
padding:0px;
background:white;
}
.clear{
    clear:both;
}
.banner_top{
width:1100px;
height:195px;
margin:0px;
padding:0px;
}
.menu_top{
width:1100px;
height:38px;
margin:0px;
padding:0px;
background:#0887ef;
}
.menu_top ul{
list-style:none;
float:left;
}
.menu_top ul li{
background:url(../images/Homepage_05.png) right no-repeat;
line-height:38px;
float:left;
padding:0px 34px;
text-align:center;
}
.menu_top ul li:hover, .menu_top ul li.active{
background:#035395;
}
.menu_top ul li a{
text-decoration:none;
text-transform:uppercase;
color:white;
}
.menu_top ul li a:hover{
color:yellow;
}
.menu_top ul li .lienhe{
line-height:38px;
float:left;
padding:0px 32px;
text-align:center;
}
.slider_top{
    margin:5px;
    width:1080px;
    text-align:center;
    margin:10px 17px 0px 8px;
    
}
.content_left{
    margin:0px;
    height:auto;
}
.content_left_bg {
    margin:0px;
    height:auto;    
    margin-top:10px;
border:1px solid #7eb5d9;   
background:#fcfcfc;
}
.bao_mnu{
    padding: 1px;
    height: 38px;
    margin: 0px;
    padding: 0px;
    background: #0887ef;
}
ul.munu_s li{
    display: inline-block;
    background: url(../images/Homepage_05.png) right no-repeat;
    line-height: 38px;
    padding: 0px 33px;
    text-align: center;
}
.munu_s{
    position: relative;
}
.drop_menu{
    position: absolute;
    top: 0;
    left: 0;
    background: #FF0;
    z-index: 10;
}
ul.drop_menu li{
    display: list-item;
}
ul.munu_s li a{
    text-decoration: none;
    text-transform: uppercase;
    color: white;
}
ul.munu_s li.active{
    background: #035395;
}
.content_right{
    width:100%;
    float:right;
    height:auto;   
}
.content_right_ct,.content_right_video,.content_right_news{
    height:auto;
    margin-bottom:20px;
    border:1px solid #7eb5d9;
}
.vert simply-scroll-container{
    width:190px !important;
}
.content_right_ct h2,.content_right_video h2,.content_right_news h2{
    background:url(../images/Homepage_63.png) no-repeat;
    background-size: 100% 32px;
    line-height:32px;
    height:32px;    
    text-align:center;
    color:white;
    font-size:12px;
}
.content_right_ct h2 a,.content_right_video h2 a,.content_right_news h2 a{
    text-align:center;
    text-decoration:uppercase;  
    color:white;
    line-height:20px;   
}
.content_right_ct img,.content_right_video img{
    text-align:center;
    height:auto;
    width:180px;
    height:150px;
}
.content_right_ct h3 {
    text-align:center;  
}
.content_right_ct h3 a{
    text-align:center;
    text-decoration:none;   
    text-transform:uppercase;
    color:black;
    line-height:20px;   
}
.content_right p{
font-size:12px;
text-align:center;
line-height:20px;
}
.content_right_news_row{
    width:200px;
    margin:10px;
}
.content_right_news_left{
    width:56px;
    height:auto;
    float:left;
    
}
.content_right_news_row1{
    width: 98%;
    margin: auto;
}
.content_right_news_row1 img{
    float: left;
    margin-right: 10px;
}
.content_right_news_left img{
    float: left;
    margin-right: 10px;
    padding:3px;
    border:1px solid #7eb5d9;
}
.content_right_news_right{
}
.content_right_news_right p{
    text-decoration:none;
    color:black;
    text-align:justify;
}
.content_right_news_right p a{
    text-decoration:none;
    color:black;
    text-align:justify;
    font-size:12px;
}
.content_left h2{
    background:url(../images/Homepage_17.png) no-repeat;
    line-height:36px;
    background-size: 100% 36px;
}
.content_left_bg h2{
    background:url(../images/Homepage_63.png) no-repeat;
    background-size: 100% 32px;
    line-height: 32px;
    text-transform: uppercase;
    color:white;
}
.content_left_bg img{
    text-align:center;
    }
.content_left_bg h3{
    text-align:center;
text-decoration:uppercase;  
color:#4f4f4f;
line-height:20px;   }
.content_left_bg p{
font-size:12px;
text-align:center;
color:black;
line-height:20px;
}
.content_left h2 a{
    color:black;
    padding-left:43px;
    line-height:36px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    }
.content_left_bg h2 a{
    color:white;
    padding-left:43px;
    line-height:36px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    }
.content_left ul{
    background:url(../images/Homepage_35.png) repeat-y;
    list-style:none;
    
}
.content_left ul li{
    background:url(../images/Homepage_36.png) bottom no-repeat ;
    margin-left:5px;
    line-height:30px;
    padding:5px 0px;
}
.content_left ul li a{
    background:url(../images/Homepage_33.png) left no-repeat ;
    text-decoration:none;
    color:white;
    text-align:justify;
    padding:0px 15px;
    vertical-align:middle;}
.content_left ul li a:hover{color:yellow;}
.content_center{
    margin:10px 15px;
    float:left; 
}
.Sanpham_moi,.Tin_tuc_home{
    line-height:27px;
    }
.Sanpham_moi h2,.Tin_tuc_home h2{
    float:left;
    line-height:27px;
    width:570px;
    background:url(../images/sanpham_moi.jpg) left no-repeat;
    padding-left:40px;
    
}
.Sanpham_moi h2 a,.Tin_tuc_home h2 a{
    text-decoration:none;
    color:black;
    text-transform:uppercase;
}
.Sanpham_dong,.Tin_tuc_dong{
    line-height:27px;
}
.Sanpham_img{
    
    text-align:center;
    border:1px solid #dcdcdc;
    width:31%;
    height:auto;
    float:left;
    margin: 10px 1%;
}
.Sanpham_img:hover,.Sanpham_block:hover{
    border:1px solid #1188ed;
}
.Sanpham_img:hover h3,.Sanpham_block:hover h3{
    background:url(../images/Homepage_40.png) no-repeat;
    color:white;
}
.Sanpham_img img,.Sanpham_block  img{
    text-align:center;
    margin:19px 0px;
    max-height: 180px;
    min-height: 180px;
}
.Sanpham_img h3,.Sanpham_block h3{
    font-size:12px;
    line-height:35px;
    background:#dcdcdc;
    text-align:center;
}
.Sanpham_img h3 a,.Sanpham_block h3 a{
    text-align:center;
    text-decoration:none;
    color:black;
}
/*.Sanpham_img h3:hover,.Sanpham_block h3:hover{
    width:178px;
    line-height:35px;
    background:url(../images/Homepage_40.png) no-repeat;
    text-align:center;
}*/
.Sanpham_img h3 a:hover,.Sanpham_block h3 a:hover{
    text-align:center;
    text-decoration:none;
    color:white;
}
.Sanpham_block {
    margin:20px 0px 0px 0px;
    text-align:center;
    border:1px solid #dcdcdc;
    width:178px;
    height:auto;
    float:right;    
}
.Sanpham_block:hover{
    margin:20px 0px 0px 0px;
    text-align:center;
    border:1px solid #047dc6;
    width:178px;
    height:auto;
    float:right;
}
.Tin_tuc_home h2{
margin-top:15px;    
}
.Tin_tuc_dong_left{
    margin:15px;
    float:left;
    width:43%;    
}
.Tin_tuc_dong_left img{
    border:1px solid #a6a5a3;
    margin:5px;
}
.Tin_tuc_dong_left h3{
    color:#7eb5d9;
    line-height:18px;
    padding-bottom: 5px;
}
.Tin_tuc_dong_left h3 a{
    color:#7eb5d9;
    line-height:18px;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
}
.Tin_tuc_dong_left p{
    color:black;
    line-height:25px;
    text-align:justify;
    text-decoration:none;
}
.Tin_tuc_dong_right{
    float:right;
    margin:15px 0px 0px 0px;
    width:50%; 
    line-height: 18px;   
}
.Tin_tuc_dong_right img{
    float:left;
    width:94px;
    border:1px solid #a6a5a3;
    margin-right:16px;
    margin-right: 10px;
}
.Tin_tuc_dong_right h3{
    line-height:18px;
    color:Blue;
    font-size: 13px;
    color: #222;

}
.Tin_tuc_dong_right h3 a{
    text-align:justify;
    text-transform:none;
    font-size:13px;
    text-decoration:none;
    color:Black;
    
}
.top img{
    width: 100%;
}
.content_left_bg img{
    max-width: 100%;
}
.Tin_tuc_dong_right p{
    text-align:justify;
    line-height:20px;
    text-transform:none;
    text-decoration:none;
    color:Black;
}
/*************Footer**********************/
.footer{
    width:1100px;
    height:auto;
    margin:10px auto;
    padding:0px;
    max-width: 100%;
}
.footer_left{
    float:left;
    width: 60%; 
}
.footer_left_menu{
    height:30px;
    line-height:30px;   
}
.footer_left_menu ul{
    list-style:none;
    float:left;
}
.footer_left_menu ul li{
    background:url(../images/Homepage_124.png) right no-repeat;
    float:left;
    padding:5px;
}
.footer_left_menu ul li a{
    text-decoration:none;
    text-transform:inherit;
    text-align:center;
    color:black;
    line-height:30px;
}
.footer_left p{
    text-decoration:none;
    text-transform:inherit;
    text-align:justify;
    color:black;
    line-height:25px;
}
.footer_center{
    width:38%;
    float:left;
}
.footer_center img{
    text-align:center;
    max-width: 100%;
}
.footer_right{
    width:165px;
    float:right;
}
.footer_right img{
    margin:35px 0px;
    float:right;
    
}
.footer_right p{
    text-decoration:none;
    text-transform:inherit;
    text-align:center;
    color:black;
    line-height:25px;
}
#menu_btn {display: none;cursor: pointer;padding: 5px 7px;border: 1px solid #FFF;margin-left: 10px;margin: 4px 2px;}
.background{color:white;}
#wrapper{ width:1100px; max-width:100%;margin:0 auto; background:white;-webkit-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.53);
-moz-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.53);
box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.53);}
.bg{ color:white;}
/******************* Header ********************************/
#header{margin:auto; clear:both; position:relative; width:100%;  margin:0}
.banner{text-align:center; overflow:hidden; position:relative; border-bottom:black 2px;}
.banner img{max-width: 100%;}
.menuTop1{background:url(../images/bg-menu.jpg) center repeat-x ; height:33px; line-height:33px;width:990px;; white-space:nowrap;margin-top:5px;margin-left:5px;margin-right:5px; }
.menuTop1 ul{ text-align:center; }
.menuTop1 li{ display:inline; float:left; text-align:center;position:relative; text-align:center; text-transform:uppercase; padding:0 25px 0 25px; background:url(../images/border-li.jpg) right center no-repeat}
.menuTop1 li:last-child{}
.menuTop1 li a{color:#FFF; font-weight:bold ; display:inline-block; }
.menuTop1 li:hover , .menuTop1 li.active {}
.menuTop1 a:hover ,.menuTop1 li.active a{ color:#fde401 }
.menuTop1 .socia{ overflow:hidden; float:right;width:200px; margin:5px 0 0 0}
/*************************** Sub menu********************/
.menuTop1 ul li ul{ overflow:hidden; position:absolute; top:35px; left:0px;width:220px; height:auto; z-index:99999; display:none; visibility:visible; padding-top:10px; background:#cbcdc0 }
.menuTop1 ul li:hover ul{ display:block}
.menuTop1 ul li ul li{ text-align:left;  line-height:35px !important; padding-left:10px;  margin:0; border-bottom:1px solid #FFF; display:block; float:none}
.menuTop1 ul li ul li a:hover{ }
.menuTop1 ul li ul li a{ text-transform:none}
p.cart{ line-height:30px; text-align:right}
p.cart a{ color:white; text-transform:uppercase; background:url(../images/icon-cart.png) left center no-repeat; padding-left:35px}
.language{ overflow:hidden;width:80px; float:right; margin:5px 0 0 0; height:30px}
.language img{ margin:3px 10px 0 0}
#frmSearch{margin:0; position:relative; background:#e88b3e; color:white; overflow:hidden}
#frmSearch .search{width:400px; float:left; text-align:left}
#frmSearch label{ text-transform:uppercase; float:left; margin:0 15px 0 20px}
.date{width:250px; float:right; text-align:right; margin-right:15px !important; }
#frmSearch p{ overflow:hidden; line-height:25px; margin:5px 0 5px 0}
#frmSearch #keyword{ margin:0px 0px 0 0;  background:#FFF; color:#000; padding-left:5px;width:220px; border:1px solid #cdcdcf; height:20px; margin-right:1px}
#frmSearch select{width:185px; padding:1px; margin-bottom:5px}
#frmSearch #submit{  border:none; cursor:pointer;width:auto; background:#FFF; width:70px; margin:auto; height:21px; line-height:21px; color:#000; font-weight:bold }
.ui-widget{ overflow:hidden;  position:absolute; top:0; left:0;  border:1px solid #CCC; background:#FFF; text-align:left; line-height:25px; height:auto; padding-left:15px}
#frmNewsLetter{width:500px; float:left;  text-align:left; margin:15px 0 0 10px}
#frmNewsLetter p{ overflow:hidden; color:#e8eaeb}
#frmNewsLetter input{ float:right}
#frmNewsLetter #email{width:200px; background:#FFF url(../images/icon-mail.png) left top no-repeat; padding:0px 0 0px 27px; border:none; height:23px}
#frmNewsLetter #submit{ background:#666666; color:#eff5ee; border:none; cursor:pointer; line-height:23px; width:35px}
#frmNewsLetter label{ float:left; text-transform:uppercase; line-height:25px}
.navi-right{width:341px; float:right; overflow:hidden; background:url(../images/bg-top-navi.png) top center no-repeat; }
.navi-right ul{ text-align:center}
.navi-right li{ display:inline; margin:0 5px 0 5px; font-weight:bold; text-transform:uppercase; line-height:63px}
.navi-right li a:hover{ text-decoration:underline}
/********************** Slide***********************/
.slideHome{ overflow:hidden; height:180px;width:100%; }
.slideHome ul{width:2000px; overflow:hidden}
.slideHome li{ overflow:hidden; float:left; margin-right:18px;width:255px; height:180px; text-align:center}
.slideHome li img{webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;width:250px; height:175px; }
/*****************************  Content ************************************************/
#content{ text-align:left; padding:0px ;  margin:0px 5px; overflow:hidden;}
/********************************** Left *******************************/
.block-left .name{height:30px;position: relative; padding-left:15px; line-height:36px; 
background:url(../images/Homepage_33.png) left 12px no-repeat; 
 color:#ffffff; padding-left:28px;
 font-weight:bold;
 border-bottom:1px solid rgba(255,255,255,0.3);
 }
.block-left .name a{ color:white;cursor:pointer;display: inline-block;}
ul#category{margin:0px;display: none;}
ul#category li{ margin:0px;/*background-color:white;*/ /*background: url(../images/icon-li.png) 0px 10px no-repeat; */line-height:30px;  font-weight:bold;  padding-left:0px; position:relative }
ul#category a{ /*color:black;*/text-transform:uppercase;}
.arrow-dm {
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    padding: 6px 15px;
}
.arrow-dmcap2 {
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    padding: 6px 15px;
}
ul#category li a i{
    font-size: 10px;
    font-weight: normal;
}
ul#category li ul{
    display: none;
}
.mar_right_o{
    margin-right: 0 !important;
}



.left-content{width:28.5%;float:left;text-align:left; clear:left;}
.left-dm{float:left;text-align:left; clear:left;}
.left-dm h2, .right-dm h2{ color:white; line-height:37px;font-size:14px; height:37px;color:#FFF; background: url(../images/bgmenu.jpg) center no-repeat;font-style:italic;padding-left:30px;}
.left-ht{float:left; margin:0px 0px 0 0px;  text-align:left; clear:left;}
.left-ht h2, .right-dm h2{ color:white; line-height:48px;font-size:14px; height:37px;color:#FFF; background: url(../images/bgmenu.jpg) center no-repeat;font-style:italic;padding-bottom:10px; padding-left:45px;}
.left-dt{float:left; margin:0px 0px 0 0px;  text-align:left; clear:left;}
.block-ht{padding-bottom:0px; color:white;width:220px; align:center;}
.left-dt h2, .right-dm h2{ color:white; line-height:46px;font-size:14px; height:36px;color:#FFF; background: url(../images/bgmenu.jpg) center no-repeat;font-style:italic;padding-bottom:10px; padding-left:45px;}
.left-tk{float:left; margin:0px 0px 0 0px;  text-align:left; clear:left;}
.left-tk h2, .right-dm h2{ color:white; line-height:46px;font-size:14px; height:36px;color:#FFF; background: url(../images/bgmenu.jpg) center no-repeat;font-style:italic;padding-bottom:10px; padding-left:45px;}
.block-left{  background: url(../images/Homepage_40.png); padding-bottom:0px; color:white;align:center;}
.product-left{ overflow:hidden;  margin:10px 0 10px 0; text-align:center; line-height:25px; font-weight:bold }
.product-left img{max-width:200px; margin:0px 0 5px 0; }
.product-left .name{}
.product-left .price{ color:#ac1817}
.product-left .price span{ text-decoration:line-through}
/******************************** SUPPORT ****************************/
.hotline{ margin:10px 5px 10px 5px;  font-size:13px;font-weight:bold;  text-transform:uppercase; color:#c11113; padding:8px 0 0px 0; overflow:hidden; line-height:18px}
.hotline p{width:100px; overflow:hidden; float:right; margin-right:10px}
.support{ overflow:hidden;  padding:0px 0 0px 0 ; margin:5px 10px 5px 10px ;  text-align:center;  }
.support  .yahoo{ float:right; margin:9px 5px 0 20px;float:left; }
.support  .skype{ margin:0px 20px 0 0px; float:left }
.support p{ overflow:hidden; margin:0px 0 0 0px;   line-height:25px; text-align:center;  color:black}
.support p span{}
/******************************** Counter ****************************/
.counter{ background-color:white;overflow:hidden;  padding:10px 10px 10px 65px; background:url(../images/thongke.png) left center no-repeat}
.list-counter{width:234px; background:white;float:left; height:auto;}
.counter p{ line-height:24px;  overflow:hidden;  text-align:left; color:#2B2B2B; }
.counter p span{ text-align:center; margin-right:3px; float:right }
.left-content  .block-left .img-ads{ width:234px; overflow:hidden; margin:0px 5px; text-align:center}
/***************************  News *******************************/
.otherNews{ overflow:hidden}
.otherNews p{ line-height:20px; margin:10px 0 0 0;}
.otherNews p.xemmore{
    float:right;
    margin-right:30px;
}
.otherNews p.xemmore a{ color:#0c78b8}
/*************************** RIGHT ********************************/
.right-content{ overflow:hidden; width:194px; float:right; background:white; }
.block-right{ overflow:hidden; background:white; color:white; padding-bottom:15px}
.block-right h2{ background:url(../images/rightbg.jpg)center no-repeat;padding-left:40px;}
.block-right marquee{ margin:15px 0 0 0; text-align:center;}
.productRight li{ overflow:hidden; margin:10px 5px 15px 5px; border-bottom:1px dotted #CCC; }
.productRight li .name{ text-transform:uppercase}
.productRight li .price{ color:#0d6408}
.productRight li{ line-height:25px; font-weight:bold}
/**************** Main -content****************/
.main-content{overflow:hidden; float:right;margin-left:0.2%;width:70.5%; text-align:left;  }
.main-content2{overflow:hidden; float:left;margin-left:5px;width:550px; text-align:left;  }
.list-product{ margin:10px 0 10px 0; overflow:hidden;}
 
.product-item-last,.product-item{width:180px;  float:left; margin:10px 0.5%; border:1px solid #CCC;}
.product-item li{width:80px; float:left;}
.product-item2{width:176px}
.list-product .product-item-last{ float:right; margin-right:0px;  }
.list-product .img {text-align:center;overflow:hidden; /* margin:5px 0px 5px 0;*/  }
.list-product .img img{ /*height:180px; margin:0px 0 0 0; max-width:100%*/}
.list-product p{text-align:center; line-height:25px; color:black; background:#dcdcdc; /*margin-top:10px;*/}
.list-product p.code{  font-weight:bold; text-transform:uppercase; color:#8e8b8c}
.list-product .name a { color:black;  line-height:35px; font-weight:bold;}
.list-product .register a{ background:url(../images/bg-button.png) repeat-x; padding:0px 10px 0px 10px; display:inline-block; height:19px; line-height:19px; color:white;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.list-product p.price{ color:#ff0100}
.list-product .order a, .product-item3 .order a{ background: url(../images/cart.png) left center no-repeat; padding:5px 10px 5px 25px}
.list-product .order a span,.product-item3 .order a span{ background:#ce3a52; color:white; padding:2px 10px 2px 10px; margin-left:5px}
.quickView{ overflow:hidden; display:none;width:735px; border:2px solid #616161; padding:5px; margin:15px 0 10px 0}
.quickView2{ margin-left:-190px}
.quickView3{ margin-left:-382px}
.quickView4{ margin-left:-576px}
.product-item:hoverr .quickView{ display:block}
.quickView .image{ float:left;width:315px;}
.quickView .ct{width:410px; overflow:hidden; float:right;  line-height:25px;}
/****************************** User ******************************/
#frmLogin .lost-pass{ margin-left:5px}
#frmLogin .lost-pass:hover{ text-decoration:underline}
#frmLogin{ margin:5px}
#frmLogin input{width:180px; padding:1px}
#frmLogin .checkbox input{width:auto; float:left; margin:5px 5px 0 0}
#frmLogin .error{ color:red; margin-left:120px}
#frmLogin p{ overflow:hidden; margin:10px 0 10px 0; line-height:25px;}
#fldLogin{ border:none}
#fldLogin p label{width:120px; float:left}
#fldLogin p.btn{ margin-left:120px}
#btnLogin{width:auto !important; background:#e7226c; color:white; padding:5px 15px 5px 15px !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:none; cursor:pointer; float:right; }
#frm-register{ margin:5px 0 20px 0; overflow:hidden;}
#frm-register .note-form{ margin:15px 0 15px 0}
#frm-register p {overflow:hidden; margin:10px 0 10px 0;}
#frm-register p label{width:150px; float:left; font-weight:bold}
#frm-register p label sup{ color:red}
#frm-register p.note{ font-weight:bold}
#frm-register img.captcha{ margin:0px 0 0 0;  text-align:center; }
#frm-register p.error{ margin-left:150px; color:red; font-style:italic }
#frm-register p input {width:300px; border:1px solid #d5d5d5; padding:1px}
#frm-register p.btn-submit { margin-left:150px;}
#frm-register .dieuKhoan{ font-weight:bold; cursor:pointer}
#frm-register .dieuKhoan:hover{ text-decoration:underline}
#frm-register .ghiChu{ margin:5px 0 0 150px; color:#878787; font-style:italic}
/*************** Footer ****************************************************************/
#footer{ overflow:hidden;text-align:center;  margin:auto; margin:0px 0 0px 0; clear:both; background:#e2f3fc repeat-x top left;}
.footer{margin:auto; line-height:22px;  padding:10px 0px 0 0px; text-align:center }
.footer .counter{width:200px; overflow:hidden; float:left}
.footer .counter h3{ text-transform:uppercase; border-bottom:1px solid; margin-bottom:10px}
.menuFooter{ overflow:hidden; line-height:35px; overflow:hidden; background:#6b0408 ; white-space:nowrap}
.menuFooter li{ text-align:center;  overflow:hidden; padding:0 30px 0 30px  ; display:inline; float:left }
.menuFooter li a{ color:white ; text-transform:uppercase; font-weight:bold}
.paging{ float:right; margin:15px 120px 0 0; font-size:12px; clear:both}
.paging div{ float:left;padding:0 2px 0 2px; color:black;  display:inline; margin-left:5px }
.paging  .num{padding:8px; font-size:12px;margin-right:6px; font-weight:bold}
.paging .curent {  color:red !important;padding:6px; font-weight:bold;margin-right:5px }
.paging .next { padding:6px 8px 6px 8px; font-weight:bold; margin-right:5px }
.paging .pre { padding:6px 8px 6px 8px; font-weight:bold; margin-right:5px }
.paging img{ margin:10px 0px 0 0px; }
#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}
.lbLoading {background: #fff url(../images/loading.gif) no-repeat center;}
#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink {left: 0;}
#lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;} 
#lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}
#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber {margin-right: 71px; }
#lbCaption {font-weight: bold;} 
.block-left .partner{ overflow:hidden; text-align:center}
.block-left .partner img{ margin:10px 0 10px 0}
.page-content{ overflow:hidden; margin:0 0px 0px 0px; }
.block-cate{ overflow:hidden; background:url(../images/bg-bottom-cate.png) bottom center no-repeat; padding-bottom:13px;}
.block-cate ul{ background:#edd890;margin: 0 2px 0 5px }
.block-cate ul li{ background:url(../images/icon-li.png) right center no-repeat; padding-left:25px; line-height:30px; border-bottom:1px dashed #a1702a;margin:0 5px 0 5px; font-style:italic}
.block-cate a{ color:#773700; text-transform:uppercase}
.block-left p.news{ overflow:hidden; line-height:20px; margin:5px 5px 10px 5px; font-weight:bold}
.block-left p.news img{ float:left; margin-right:5px}
/********************************* BreadCrumd ************************************/
.breadcrumb{ height:20px; line-height:20px;}
.breadcrumb li{ float:left; color:white; font-family:Verdana, Geneva, sans-serif; font-size:11px}
.breadcrumb li a{color:white}
/************************* SLIDE ********************/
.newsHome a:hover{ color:red}
.adsLeft{ overflow:hidden; text-align:center}
.adsLeft img{ width:210px; margin:10px 0 10px 0}
.block-ads{ overflow:hidden; text-align:center;margin-bottom:20px;}
.block-ads img{ width:90px; float:left; height:45px; }
.block-ads .flash-item{margin:0px 0 15px 0; overflow:hidden; text-align:center}
.page-content div.img-detail{width:250px;  float:left; margin:10px 0 10px 0; overflow:hidden; text-align: center; border:1px solid #CCC}
.page-content .img-detail img{ text-align:center; max-width:250px;  }
div.info {margin:10px 0 0px 0px;   overflow:hidden; float:right;  position:relative;width:250px}
div.info h3{ font-weight:bold; font-size:15px; color:#303030;}
div.info td{ line-height:25px; font-size:13px}
div.info p{  font-size:12px;  line-height:30px; overflow:hidden; clear:both}
.info .intro{ line-height:25px}
.info .intro h3{ border-bottom:1px solid #d5d5d5}
div.info .price{ color:#c11113 }
div.info p label{width:100px; float:left; font-weight:bold}
.div.info .intro{ text-align:justify; line-height:20px}
.frmOrder{ overflow:hidden; background:url(../images/con-hang.png) left bottom  no-repeat;  padding-bottom:15px}
.tinhTrang2{ overflow:hidden; background:url(../images/tam-het-hang.png) left bottom  no-repeat; }
.tinhTrang3{ overflow:hidden; background:url(../images/het-hang.png) left bottom  no-repeat; }
.frmOrder .btn-order{width:120px; height:25px;  margin:7px 0 0 0; background:none; cursor:pointer; border:none; outline:none; }
#frmWeblink select{width:200px; margin:10px 0 10px 10px}
.listAds{ overflow:hidden; text-align:center; margin:10px 0 10px 0}
.listAds a{ font-weight:bold; color:black}
.listAds img{ max-width:200px; width:auto !important;width:200px}
.block-right table{width:194px; margin: 10px auto; background:#CCC}
.block-right table tr{ background:#FFF}
.block-right table th, .block-right table td{ line-height:25px}
.block-right .news{ overflow:hidden; padding:5px}
.block-right .news  a{ color:black}
.block-header{ overflow:hidden; background:#a1d8ff; height:287px !important;width:100%}
.factory{ overflow:hidden; width:33%; float:right; padding-top:7px}
.factory  img{width:120px; height:62px; margin:0 5px 5px 0; float:left}
.factory  img.first{ height:130px;width:130px;}
.share{ margin:20px 0px 0px 0; overflow:hidden}
.share img{ float:left; margin-right:10px}
.share p{ overflow:hidden; text-align:center; color:#000; line-height:30px}
.slideProduct{ overflow:hidden; height:140px; border:1px solid;width:735px !important; border:2px solid #7e0555; margin:15px 0 15px 0}
.slideProduct ul{ overflow:hidden; height:140px;}
.slideProduct li{ float:left; display:inline;width:160px; height:120px;  text-align:center; margin:10px 10px}
.slideProduct img{ height:120px}
.slideProduct .btn-next, .slideProduct .btn-pre{ overflow:hidden; height:50px; width:50px; position:absolute; top:40px; z-index:99; cursor:pointer}
.slideProduct .btn-next{ right:0; background:url(../images/icon-right.png) center no-repeat}
.slideProduct .btn-pre{ left:0; background:url(../images/icon-left.png) center no-repeat}
.newsHome{ overflow:hidden; margin:10px 0 10px 0;;width:100%}
.newsHome .firstNews{ overflow:hidden;width:500px; float:left; color:#4e4e4e}
.newsHome img{ float:left; margin:0 5px 5px 0; max-width: 100%;}
.newsHome h4{ margin-bottom:8px}
.newsHome h4 a{ color:#000}
.newsHome p{ line-height:18px; text-align:left;}
.newsHome p.news{ width:450px; float:right;  line-height:30px; background:url(../images/icon-row2.gif) left center no-repeat; padding-left:20px}
.newsHome  a{ color:#4e4e4e}
#frmContact { margin:20px 0 0 0px}
#frmContact span{ color:red}
#frmContact p { overflow:hidden; margin:10px 0 5px 0; clear:both}
#frmContact p label { float:left; width:130px; font-size:12px}
#frmContact p input {width:230px; border:1px solid #838e9d; padding:2px 0 2px 5px;  margin:0 10px 0 0}
#frmContact textarea{ width:725px; height:80px;border:1px solid #838e9d; color:#838e9d; padding:5px}
.content_page .note{font-size:12px; }
.error{ color:red !important; font-size:12px; }
.success{ color:#063;  font-size:12px; line-height:18px}
#frmContact .button{ float:right; margin-left:10px}
.contactInfo td.left{ overflow:hidden;width:330px; margin:0 40px 0 0}
.contactInfo td.left table{ border:1px solid #242b57; margin-bottom:15px;width:300px !important; float:left}
.contactInfo td.left th{ background:#242b57; color:white; line-height:35px; padding-left:20px}
 .note{ font-size:12px; font-weight:bold}
 
 .productSeller{ overflow:hidden; padding:23px 0 23px 5px; position:relative;  background:url(../images/bg-slide.png) left top repeat-x; width:100% !important; margin-bottom:10px }
  .productSeller .acctive{ color:red}
.productSeller li{width:172px; overflow:hidden; float:left;  text-align:center; line-height:25px; font-weight:bold; margin:0 5px 0 4px;  height:162px; border:1px solid #878787; background:#FFF}
.productSeller li img{ height:125px; max-width:165px; margin:20px 0 0 0}
.productSeller ul{ overflow:hidden;width:2000px; margin:10px 0 0 10px}
.productSeller .btn-pre{ overflow:hidden; position:absolute; top:40px; left:0; width:20px; height:50px; cursor:pointer; background:url(../images/btn-pre1.png) center no-repeat}
.productSeller .btn-next{ overflow:hidden; position:absolute; top:40px; right:0; width:20px; height:50px; cursor:pointer; background:url(../images/btn-next1.png) center no-repeat}
.bg-popup{ overflow:hidden; position:absolute; top:0; left:0;width:100%;height:100%; background:url(../images/bg-popup.png); z-index:99999 }
.popup{width:902px;   overflow:hidden; background:url(../images/mid-popup.png) center repeat-y;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative; position:absolute; top:150px; left:50%; margin-left:-450px; z-index:999}
.popup .close{width:35px; height:35px; position:absolute; top:20px; right:25px; background:url(../images/icon-close.png); cursor:pointer;}
.content-popup{margin:15px; overflow:hidden}
.title-popup{ line-height:71px; text-transform:uppercase; color:#ae750c; background:url(../images/top-popup.png) left center no-repeat; padding-left:30px; font-weight:bold; text-align:left; font-size:14px; overflow:hidden; background-size:900px}
.left-popup{ overflow:hidden;width:630px; float:left; }
.left-popup .img{ float:right; width:370px; border:2px solid #5b5b5b; overflow:hidden}
.left-popup .img img{ width:100%}
.detail-product{ overflow:hidden;width:240px; float:left; }
.detail-product h3{ float:left; font-weight:bold; margin:0 0 15px 0px; padding:0 0 5px 0;  display:block; width:100%; background:none; color:#ae750c; text-transform:uppercase; font-size:12px } 
.right-popup{ overflow:hidden;width:225px; float:right;}
.news-item { overflow:hidden; clear:both;width:100%; margin:0 0 25px 0; color:#2f2f2f}
.news-item img{width:150px; float:left; margin:0 10px 0 0; border: 1px solid #ccc;  border-radius: 5px; }
.news-item h4{ margin-bottom:2px}
.news-item h4 a{ color:#2f2f2f; text-transform:uppercase}
.news-item .detail{  color:#FFF; background:url(../images/line.png) repeat-x; padding:5px 10px 5px 10px;  margin-right:50px;-webkit-border-radius:5px;-moz-border-radius:5px}
.news-item .link{ overflow:hidden; line-height:35px}
.news-item .sapo{ line-height:20px; text-align:justify; overflow:hidden}
.news-item a:hover{}
.news-item .download{  width:176px; height:30px; display:inline-block; background:url(../images/btn-download.png)}
.right-content .cart{ overflow:hidden; background:url(../images/cart2.png) 7px center no-repeat;  padding:10px 0 10px 60px; line-height:22px}
.right-content .cart a{ color:#e7226c; font-weight:bold}
.list-partner{ overflow:hidden; height:60px;}
.list-partner ul{width:5000px; overflow:hidden}
.list-partner li{ display:inline; float:left; overflow:hidden; border:1px solid #CCC; padding:1px; width:130px; height:50px; text-align:center; margin:0 10px 0 0; text-align:center}
.list-partner img{ height:50px; max-width:130px}
.list-news{ overflow:hidden; margin-bottom:10px}
.list-news .item{width:49%; float:left;}
.list-news .last{ float:right}
.list-news img{width:100px; height:90px; float:left; margin:3px 5px 0 0}
.list-news h4{ margin-bottom:5px}
.list-news .sapo{ line-height:20px; text-align:justify}
.top-banner{ overflow:hidden; width:100%; clear:both; margin:0px 0 10px 0; }
.list-support{width:234px; background:white;float:left; height:auto;}
.list-support h2{padding-left:35px;height:36px;line-height:36px;background:#ecebeb url(../images/bgmenu.jpg) center no-repeat; color:#FFF; position:relative; overflow:!important; font-size:14px;}
.right-top{ overflow:hidden;width:325px; height:289px; float:right; margin-right:5px; }
.right-top h3{ text-transform:uppercase; color:#e6b21e; line-height:30px; text-align:left}
.right-top .btn-next,.right-top .btn-pre{width:21px; height:20px; cursor:pointer; display:inline-block; float:right; margin:5px 5px 0 3px}
.right-top .btn-next{ background:url(../images/icon-next.png) center no-repeat}
.right-top .btn-pre{ background:url(../images/icon-pre.png) center no-repeat}
.slide-news{ overflow:hidden;width:100% !important; height:250px;  text-align:left }
.slide-news li{width:325px; display:inline; float:left}
.slide-news .item{ overflow:hidden; margin:5px 0 5px 0; }
.slide-news img{width:80px; height:65px; float:left; margin:3px 5px 0 0}
.slide-news h4{ margin-bottom:5px}
.slide-news h4 a{ color:#047671}
.slide-news p{ line-height:20px; text-align:justify}
.bottom{ overflow:hidden;width:1028px; margin:auto; height:30px; line-height:30px;}
.bottom .copyright{ overflow:hidden; float:left; background:url(../images/logo.png) left center no-repeat; padding-left:45px;width:500px; color:#eb7353; text-align:left}
.block-home{ overflow:hidden;width:336px; height:225px; float:left;  margin:0 8px 0 0; background:url(../images/bg-block.png) bottom center no-repeat; }
.block3{ float:right; margin-right:0; color:#404143}
.block3 .view-more{ text-align:right}
.block3 .view-more a{ color:#2b528d}
.block-home .box{  margin:0 20px 0px 10px; overflow:hidden; height:200px}
.list-work{ overflow:hidden; position:relative ;width:100%; clear:both; margin-bottom:10px }
.list-work h3{ text-align:center; color:white; font-style:italic; line-height:32px; background:url(../images/bg-menu.png) bottom repeat-x; font-size:12px}
.list-work ul{width:2000px; overflow:hidden;  height:118px}
.list-work li{ display:inline; float:left;width:149px; text-align:center;  overflow:hidden; height:118px;  margin:0 5px 0 5px}
.list-work img{ height:118px;width:100%}
.list-work .btn-next,.list-work .btn-pre{ width:20px; height:118px; z-index:99; cursor:pointer; margin:10px 0 0 0}
.list-work .btn-pre{  background:url(../images/btn-pre.png) center no-repeat; float:left}
.list-work .btn-next{  background:url(../images/btn-next.png) center no-repeat; float:right;}
.slide-work{ overflow:hidden;width:954px !important; float:left;margin:10px 0 0px 0; }
.service-home{ overflow:hidden;width:710px; margin:5px 0 0 10px; float:left}
.service-home .item{width:330px; float:left; overflow:hidden}
.service-home .last{ float:right}
.service-home img{ float:left; margin:0px 7px 0 0}
.service-home h3{ text-transform:uppercase; margin-bottom:10px}
.service-home a{ color:white}
.service-home p{ line-height:22px; text-align:justify; color:#a7f551}
.service-home  .clear{ height:20px; clear:both}
.intro-home{width:255px; overflow:hidden; float:right; margin:0 10px 0 0; color:white; text-align:justify; line-height:20px}
.service-right{ overflow:hidden;   margin:10px 5px 10px 5px}
.service-right img{ float:left; margin:0 5px 0 0}
.service-right h3{ line-height:40px; font-size:12px}
.service-right  a{ color:#223f97}
.news-left{ overflow:hidden; margin:10px 0 10px 0; text-align:center}
.news-left img{ max-width:98%}
.slide-partner{ overflow:hidden; height:118px; background:url(../images/bg-partner.png) repeat-x; margin:0 5px 0 5px}
.slide-partner ul{ overflow:hidden; width:4000px}
.slide-partner li{ overflow:hidden; height:100px; margin:10px 20px 0 0 ; float:left; display:inline;width:150px; text-align:center}
.slide-partner img{ height:100px; max-width:100%}
#tabs{ height:30px; line-height:30px; text-transform:uppercase; background:#878787}
#tabs li{width:50%; text-align:center; display:inline-block; float:left; cursor:pointer}
#tabs li a{ color:white}
#tabs li.active{ background:#5b5b5b}
.tabs{ overflow:hidden; line-height:25px; margin:10px 0 0 0; text-align:justify; padding:7px; padding-right:15px;}
.listPro{ overflow:hidden; position:relative ;width:700px; clear:both; margin:10px auto 10px auto }
.listPro ul{width:2000px; overflow:hidden;  height:100px}
.listPro li{ display:inline; float:left;width:120px; text-align:center;  overflow:hidden; height:100px;  margin:0 5px 0 5px}
.listPro img{ height:100px; cursor:pointer}
.listPro .btn-next-pro,.listPro .btn-pre-pro{ width:20px; height:100px; z-index:99; cursor:pointer; margin:10px 0 0 0}
.listPro .btn-pre-pro{  background:url(../images/btn-pre.png) center no-repeat; float:left}
.listPro .btn-next-pro{  background:url(../images/btn-next.png) center no-repeat; float:right;}
.slide-product{ overflow:hidden;width:648px !important; float:left;margin:10px 0 0px 5px;  }
.img-large{ overflow:hidden; width:700px; margin:auto; text-align:center; min-height:300px}
.img-large img{ max-width:100%;border:3px solid #5b5b5b;}
.other-product{ overflow:hidden; background:#cccccc; border:1px solid #bababa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.other-product .slide-other-pro{ overflow:hidden; height:300px !important; margin:15px 0 15px 0; }
.other-product li{ display:block; overflow:hidden; margin:15px 0 15px 0; }
.other-product img{ height:85px; margin:5px 0 0px 10px;width:95px; cursor:pointer}
.other-product h3{ text-align:center; line-height:40px; text-transform:uppercase; color:#ac7711; font-size:12px; margin-bottom:5px}
.other-product .up, .other-product .down{ height:15px;width:19px; margin:auto;  cursor:pointer}
.other-product .up{ background:url(../images/icon-up.png) center no-repeat}
.other-product .down{ background:url(../images/icon-down.png) center no-repeat; margin-bottom:20px}
.slide-img{ overflow:hidden;width:350px !important; height:220px; border:1px solid #0153a5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.slide-img li{ display:inline; float:left;width:350px; height:220px; overflow:hidden; text-align:center}
.slide-img img{ height:220px; width:350px}
.listWork{ overflow:hidden;}
..simply-scroll-list {
    margin: 0px auto;
}
.simply-scroll-clip {
    margin: 0px auto;
}
.item h4{
    height: 35px;
    line-height: 18px;
    padding:5px 0;
}
.listWork a:hover{
    color: #000000;
}
.listWork .item{width:31%; float:left; overflow:hidden;text-align:center;margin:0px 1%;}
.listWork .last{ float:left;width:180px;}
.listWork img{ height:130px; max-width:100%; }
.listWork .img{ height:130px;margin-bottom:10px; border:1px solid #0153a5; overflow: hidden;}
.listWork a{ text-transform:uppercase; color:#c4151c}
#tbl-news{ background:#CCC}
#tbl-news tr{ background:#FFF}
#tbl-news td{ line-height:25px; padding:7px 5px 7px 5px;}
#tbl-news .link{ background:url(../images/line.png) repeat-x; color:white; padding:5px 15px 5px 15px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.rightpane{
    width: 98%;
    margin: auto;
}
.content-about{
    color: #000;
    padding: 10px;
}
.mota_css{
    padding: 5px;
}
.navigation {
  display: block;
  background: #0887ef;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 3px;
}
.navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}
.navigation li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  font-size: 17px;
  color: #def1f0;
}
.navigation li a {
  padding: 10px 20px;
  font-size: 13px;
  color: #def1f0;
  display: inline-block;
  outline: 0;
  font-weight: 400;
  text-transform: uppercase;
}
.navigation li:hover{
    background: #035395;
}
.navigation li a:after{
    content: '';
    position: absolute;
    height: 35px;
    width: 3px;
    top: 0;
    left: 0;
    background: url('../images/Homepage_05.png') right no-repeat;
}
.navigation li:hover ul.dropdown { display: block; }
.navigation li ul.dropdown {
  position: absolute;
  display: none;
  width: 200px;
  background: #00695b;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0;
  z-index: 10;
}
.navigation li ul.dropdown li {
  display: block;
  list-style-type: none;
}
.navigation li ul.dropdown li a {
  padding: 10px;
  font-size: 15px;
  color: #fff;
  display: block;
  border-bottom: 1px solid #005c4d;
  font-weight: 400;
}
.navigation li ul.dropdown li:last-child a { border-bottom: none; }
.navigation li:hover a, .navigation .active {
  background: #035395;
  color: #fff !important;
}
.navigation li:first-child:hover a { border-radius: 3px 0 0 3px; }
.navigation li ul.dropdown li:hover a { background: #56b5ae; }
.navigation li ul.dropdown li:first-child:hover a { border-radius: 0; }
.navigation li:hover .arrow-down { border-top: 5px solid #fff; }
.block-left .name a:before{
}
.dropdown li a{
	font-size: 13px;
	text-transform: none;
	text-align: left;
}
.navigation li ul.dropdown li{
	border-bottom: 1px solid #CCC;
}
.navigation li ul.dropdown lilast-child{
	border-bottom: none;
}
.dropdown li a:after{
	background: none;
}
 /*@media only screen and (max-width:767px) {
.navigation {
  background: #fff;
  width: 200px;
  height: 100%;
  display: block;
  position: fixed;
  left: -200px;
  top: 0px;
  transition: left 0.3s linear;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.navigation.visible {
  left: 0px;
  transition: left 0.3s linear;
}
.nav_bg {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 50px;
  margin: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #009788;
  padding: 12px 0 0 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.nav_bar {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  cursor: pointer;
  margin: 0;
}
.nav_bar span {
  height: 2px;
  background: #fff;
  margin: 5px;
  display: block;
  width: 20px;
}
.nav_bar span:nth-child(2) { width: 20px; }
.nav_bar span:nth-child(3) { width: 20px; }
.navigation ul { padding-top: 50px; }
.navigation li { display: block; }
.navigation li a {
    display: block;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
}
.navigation li:first-child:hover a { border-radius: 0; }
.navigation li ul.dropdown { position: relative; }
.navigation li ul.dropdown li a {
  background: #00695b !important;
  border-bottom: none;
  color: #fff !important;
}
.navigation li:hover a {
  background: #009788;
  color: #fff !important;
}
.navigation li ul.dropdown li:hover a {
  background: #56b5ae !important;
  color: #fff !important;
}
.navigation li ul.dropdown li a { padding: 10px 10px 10px 30px; }
.navigation li:hover .arrow-down { border-top: 5px solid #fff; }
.arrow-down {
  border-top: 5px solid #505050;
  position: absolute;
  top: 20px;
  right: 10px;
}
.opacity {
  background: rgba(0,0,0,0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
}
 @media only screen and (max-width:1199px) {
.container { width: 96%; }
}*/
#left{
    width: 78%;
    float:left;
}
#right{
    width: 21.5%;
    float:right;
}
.bannerMobile{
    display: none;
}
.bao_news_css,.con_news_css,.bao_img_con_css{
    padding: 0px;
}
.left_news_css{
    float: left;
    width: 40%;
    margin-right: 3%;
}
.right_news_css{
    float: right;
    width: 56%;
}
.img_responsive{
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}
.left_img_con_css{
    float: left;
    width: 43%;
    margin-right: 3%;
}
.left_img_con_css img{
    border:1px solid #dedede;
}
.right_img_con_css{
    float: right;
    width: 52%;
}
.title_con_css_news{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 18px;
    padding-bottom: 5px;
}
.title_con_css_news a{
    color: #000000;
}
.title_con_css_news a:hover{
    color: #F00000;
    text-decoration: none;
}
.sapo_con_css_news{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #222222;
     line-height: 18px;
}