/* Minification failed. Returning unminified contents.
(36,1): run-time error CSS1019: Unexpected token, found '@charset'
(36,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(36,17): run-time error CSS1019: Unexpected token, found ';'
(75,115): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(340,1): run-time error CSS1019: Unexpected token, found '@charset'
(340,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(340,17): run-time error CSS1019: Unexpected token, found ';'
(395,2): run-time error CSS1030: Expected identifier, found '.'
(396,2): run-time error CSS1019: Unexpected token, found '}'
(1703,1): run-time error CSS1019: Unexpected token, found '@charset'
(1703,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(1703,17): run-time error CSS1019: Unexpected token, found ';'
(1742,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(1746,71): run-time error CSS1038: Expected hex color, found '#3e3e3'
(1808,1): run-time error CSS1019: Unexpected token, found '@charset'
(1808,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(1808,17): run-time error CSS1019: Unexpected token, found ';'
(1844,56): run-time error CSS1038: Expected hex color, found '#3e3e3'
(1963,55): run-time error CSS1038: Expected hex color, found '#3e3e3'
(1995,1): run-time error CSS1019: Unexpected token, found '@charset'
(1995,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(1995,17): run-time error CSS1019: Unexpected token, found ';'
(2019,1): run-time error CSS1019: Unexpected token, found '@charset'
(2019,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(2019,17): run-time error CSS1019: Unexpected token, found ';'
(2267,1): run-time error CSS1019: Unexpected token, found '@charset'
(2267,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(2267,17): run-time error CSS1019: Unexpected token, found ';'
(2345,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2346,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2351,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2352,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2357,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2358,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2416,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2417,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2420,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2421,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2424,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2425,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2448,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2449,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2452,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2453,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2456,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2457,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2514,1): run-time error CSS1019: Unexpected token, found '@charset'
(2514,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(2514,17): run-time error CSS1019: Unexpected token, found ';'
(2552,1): run-time error CSS1019: Unexpected token, found '@charset'
(2552,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(2552,17): run-time error CSS1019: Unexpected token, found ';'
 */
@charset "utf-8";
/* CSS Document */

#Contact{ width:100%; height:auto; margin:10px auto; float:left}

#Left_Contact{ width:50%; height:auto; float:left; margin:0px}
#Content_LeftContact{ width:100%; height:auto; float:left; margin:10px 0px 0px 0px;border:1px solid #e2e2e2; border-radius:5px}
#Left_Contact .Logo{ width:auto; height:auto; margin:2px auto; display:block; padding-top:20px}
#Left_Contact h2{ font-size:15px; color:#000; text-transform:uppercase; margin:10px auto; text-align:center}
#Left_Contact p{ font-size:12px; margin:7px 10px}
#Left_Contact p span{ font-weight:bold}

.Nvar_Contact{ width:auto; height:20px; margin-left:40px; background-color:#fff; position:absolute; float:left}
.Nvar_Contact span{ color:#000; font-weight:bold; line-height:20px; margin: auto 5px; text-transform:uppercase}
#Right_Contact{ width:48%; height:auto; float:left; margin:0px 0px 0px 10px}
#Content_RightContact{width:100%; height:auto; float:left; margin:10px 0px 0px 0px;border:1px solid #e2e2e2; border-radius:5px}
.Tear_Contact:first-child{ margin-top:15px}
.Tear_Contact:last-child{ height:auto !important; background:none}
.Tear_Contact{ width:100%; height:auto; float:left; margin:5px auto; background:url(../Icon/line_Menu.png) repeat-x left bottom transparent}
.Left_TearContact{ width:25%; height:100%; float:
left; background:url(../Icon/line_heigh_Menu.png) repeat-y left right transparent}
.Left_TearContact span{ font-size:12px; color:#4c4b4b; line-height:25px; float:right; margin-right:10px; display:block} 
.Right_TearContact{ width:70%; height:auto; float:left; margin:0px }
.Right_TearContact input{width:90%; height:25px; border:none; margin:2px 5px; border:1px solid #e2e2e2; font-size:11px; float:left; text-indent:20px}
.Right_TearContact textarea{width:90%; height:100%; border:none; margin:2px 5px; border:1px solid #e2e2e2; float:left; text-indent:20px}
.Tear_Contact:last-child input{ height:70px}
.Tear_Contact button{  margin:0px auto; display:block;padding:5px 7px; background:#FFF; border:1px solid #f0eeee}
.note{ color:#ff4800; text-align:center; margin:5px}
.HeadShort1{ font-size:12px; text-indent:15px; font-weight:bold; width:100%; margin:5px auto}
.Description1{ width:100%; height:auto;   margin:5px auto ;margin:5px auto}
.btnSend{  }
@media screen and (max-width: 480px) {
#Left_Contact{width:100%; margin:0px; padding:0px}
	    #Right_Contact{width:100%; margin:10px 0px; padding:0px}
}
@charset "utf-8";
/* CSS Document */

body { 
    font: 13px arial;
    margin: 0;
    padding: 0;
	  background:url(../iCon/texture1.png)
	 
	}
ul,li{ padding:0px; margin:0px; outline:0px; vertical-align:baseline; border:0px}

ul,li{ list-style:none}
a{text-decoration:none}
a:hover{color:#fa8e00 !important;text-decoration:none !important} 
img { border:none}
.Clear{ clear:both}
@font-face { 
font-family:UTM_Sarah; 
src:url(../Fonts/UTM_Sarah.ttf)
}
@font-face { 
font-family:Condensed; 
src:url(../Fonts/UTM-Swiss-Condensed.ttf)
}
@font-face { 
font-family:CondensedBold; 
src:url(../Fonts/UTM-Swiss-CondensedBold.ttf)
}
@font-face { 
font-family:Roboto; 
src:url(../Fonts/Roboto-Bold.ttf)
}
#LinkOut{width:auto; float:left; opacity:0.001}
header{ width:100%; height:auto; float:left; margin:0px; background:#FFF}
#Banner{width:100%; height:auto; float:left; margin:0px; padding:20px 0px}
#Content_Banner{width:1200px; height:auto; margin:0px auto}
#Left_Banner{width:20%; height:auto; float:left; margin:0px }
#Left_Banner img {width:207px; height:auto; float:left; margin:5px 0px 0px 0px}
#Left_Banner span{text-align:center; display:inline-block; padding:5px 0px; width:207px; border-bottom-left:radius:5px; color:#FFF; background:url(../iCon/bg_name.png) repeat left center scroll #ed2224; font-size:14px}
#Center_Banner{width:50%; height:auto; float:left; margin:0px}
#Center_Banner .pan1{font-size:22px; color:#ed1c24; display:block; text-transform:uppercase; font-weight:bold; margin:5px; text-align:center; font-family:Tahoma, Geneva, sans-serif}
#Center_Banner .pan2{font-size:20px; color:#007148; display:block; text-transform:uppercase; font-weight:bold; margin:5px; text-align:center; font-family:Roboto; padding:0px 7px }
#Right_Banner{width:30%; height:auto; float:left; margin:0px}
#Top_Banner{width:100%; height:auto; text-align:left; float:left; margin:0px}
.Box_Hotline{width:50%; height:auto; float:left; font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}
.Box_Hotline a{ font-size:14px; color:#3e3e3e; display:inline-block; margin:5px }
.Box_Hotline a span{font-weight:bold; color:#ed1c24}
.Box_Hotline i{width: 35px;
    height: 35px;
    text-align: center;
	background:url(../iCon/icon_Hotline.png) no-repeat center center scroll #007148; background-size:100%;
    border-radius: 50%;
    margin-right: 10px; display:inherit; float:left}
 
 .Box_Order{width:50%; height:auto; float:right; font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}
 .Box_Order a{ font-size:14px; color:#3e3e3e; display:inline-block; margin:5px }
 .Box_Order span{font-weight:bold; color:#ed1c24}
 .Box_Order i{width: 35px;
    height: 35px;
    text-align: center;
	background:url(../iCon/icon_Buy.png) no-repeat center center scroll #007148; background-size:100%;
    border-radius: 50%;
    margin-right: 10px; display:inherit; float:left}
#Bottom_Banner{width:100%; height:auto; float:left; margin:4px 0px}
.Search{    border: 2px solid #007148;
    padding-top: 1px;
    padding-bottom: 1px; width:100%; height:38px; float:right}
.Search #slSearch{ width:30%; height:38px; border:none;     border-right: 1px solid #ccc; float:left; text-align:center; text-indent:15px}
.Search .txtSearch{ width:60%; height:38px; border:none; float:left; margin:0px; text-indent:15px}
.Search .btnSearch{width:8%; height:38px; border:none;   background:url(../iCon/icon_Search.png) no-repeat center center scroll transparent; float:left}
#Menu{width:100%; height:40px; padding:0px; float:left; margin:0px; background: url(../iCon/bg_name.png) repeat left center scroll #007148}
#Main_Menu{width:1200px; height:auto; margin:0px auto}
#Left_Menu{width:220px; height:40px; float:left; margin:0px; background:url(../iCon/bg_name.png) repeat left center scroll #ed2224 }
#Left_Menu:hover{ background:#ed1c24}
#Left_Menu span{line-height:40px; text-align:center;    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase; display:block; color:#FFF; position:relative; font-family:Roboto}
#Left_Menu span:before{ width:15px; height:15px; position:absolute; content:''; background:url(../iCon/icon_List.png); left:7px; top:12px}
#Headshort span.spanname{font-size:30px; color:#00b3e7; font-weight:bold; margin:5px 5px; display:block} 
.Root .Content_Root h1{ color:#333; font-size:12px; margin:5px 5px; font-weight:normal; display:inline-block }

#Content_Menu{     width:100%; height:auto; float:left; margin:0px;    border: 1px solid #ccc; display:none}
#Content_Menu .ul1{ width:100%; height:auto; float:left; padding:10px 0px; position:relative; z-index:1000000;background-color: rgba(255,255,255,0.9);}
#Content_Menu .ul1 .li1{ border-bottom: 1px solid #ddd; width:100%; float:left}

#Right_Menu:last-child{border:none}
#Content_Menu .ul1 .li1 a{ padding:7px 7px; color:#333; font-size:13px; display:block}
#Content_Menu .ul1 .li1 .ul2{width:100%; height:auto; position:absolute; float:left; margin-left:100%; border: 1px solid #ccc; margin-top:-30px; display:none;background-color: rgba(255,255,255,0.9);}
#Content_Menu .ul1 .li1 .ul2 .li2{ border-bottom: 1px solid #ddd; width:100%; float:left}
#Content_Menu .ul1 .li1 .ul2 .li2:last-child{border:none}
#Left_Menu:hover #Content_Menu{display:block}
#Content_Menu .ul1 .li1:hover .ul2{display:block}
#Right_Menu{width:980px; height:100%; float:left; margin:0px}
#Right_Menu ul{width:100%; height:auto; float:left}
#Right_Menu ul li{float:left}
#Right_Menu ul li:hover{ background:#ed2224}
#Right_Menu ul li:hover a{color:#FFF !important}
#Right_Menu ul li a{line-height:40px;  font-size: 13px;
    font-weight: bold;
    text-transform: uppercase; color:#FFF; display:block; margin:0px 20px}
section{width:100%; height:auto; float:left; margin:0px}
#Main{width:1200px; height:auto; margin:0px auto}
#Slide{width:100%; height:390px; float:left; margin:0px}
#Slide img{width:100%; height:100%; float:left; margin:0px}
#Main_Content{width:100%; height:auto; float:left; margin:0px; padding:10px 0px}
#Main_Content #MenuContent{ width:230px; height:auto; float:left; margin:0px}
#Content_MenuProduct{width:100%; height:auto; float:left; margin:0px; border:1px solid #f4f5f6}
#Main_Content #MenuContent .ul_1{ width:100%; margin:0px 0px; float:left; padding:10px 0px}
#Main_Content #MenuContent .ul_1 .li_1{ width:90%; height:100%; margin:0px auto; border-bottom:1px dashed #d9d9d9; position:relative  }
#Main_Content #MenuContent .ul_1 .li_1 a{ margin:7px 0px; color:#007148; font-size:14px; display:block}
#Main_Content #MenuContent .ul_1 .li_1 a i{background:url(../iCon/icon_List1.gif); width:7px; height:7px; float:left; margin:5px 7px 3px 0px}
#Main_Content #MenuContent .ul_1 .li_1:hover{background:none}
#Main_Content #MenuContent .ul_1 .li_1 .ul_2{ width:100%; height:100%; float:left; margin:0px}
#Main_Content #MenuContent .ul_1 .li_1:hover .ul_2{display:block; z-index:1}
#Main_Content #MenuContent .ul_1 .li_1 .ul_2 .li_2 a{ margin-left:20px; font-size:13px; display:block; font-weight:normal; color:#3e3e3e}
#Main_Content #MenuContent #Menu_Product{width:100%; height:auto; float:left; margin:0px;}
.Menu_mn{width:100%; height:auto; float:left; margin:0px; background: url(../iCon/bg_name.png) repeat left center scroll #007148}
.Menu_mn span{padding:7px; display:block; text-align:center; margin:5px; font-size:13px; font-weight:bold; color:#FFF; text-transform:uppercase}
#Hanggia{width:100%; height:auto; float:left; margin:5px 0px; padding:10px 0px}
#Content_Hanggia{width:100%; height:auto; float:left; margin:0px;border:1px solid #f4f5f6}
#Content_Hanggia img{width:100%; height:auto; float:left; margin:0px; padding:5px 0px}
#NewsHomes{width:100%; height:auto; float:left; margin:0px; padding:10px 0px}
#Content_NewsHomes{width:100%; height:auto; float:left; margin:0px;border:1px solid #f4f5f6; }
#Content_NewsHomes .Tear_newshomes{width:100%; height:auto; float:left; margin:0px; padding:7px 0px;  border-bottom: 1px dashed #d9d9d9}
#Content_NewsHomes .Tear_newshomes h4{ font-size:13px; margin:5px;}
#Content_NewsHomes .Tear_newshomes h4 a{ color:#007148;}
#Content_NewsHomes .Tear_newshomes img{width:70px; height:auto; float:left; padding:5px}
#Content_NewsHomes .Tear_newshomes span{margin:7px 5px 5px 5px; display:block; font-size:12px; color:#3e3e3e}
#Uudiem{width:100%; height:auto; float:left; margin:0px; padding:0px 0px; margin-top:10px}
#Uudiem .ud{width:289px; height:auto; float:left; margin:5px 6px; border:1px solid #e5e1e1; position:relative}
#Uudiem .ud:first-child{margin-left:0px}
#Uudiem .ud:last-child{margin-right:0px; float:right}
#Uudiem .ud .ud1{color:#666; font-size:15px; font-weight:bold; padding:10px 0px 5px 55px; display:block; text-transform:uppercase}
 #Uudiem .ud .ud2{ font-size:12px; color:#333; padding:0px 5px 10px 55px; display:block}
 #Uudiem .tv:before{ width:38px; height:40px; content:''; background:url(../iCon/s3.png); position:absolute; left:5px; top:7px}
 #Uudiem .dt:before{ width:40px; height:40px; content:''; background:url(../iCon/s2.png); position:absolute; left:5px; top:7px}
  #Uudiem .ch:before{ width:37px; height:40px; content:''; background:url(../iCon/s4.png); position:absolute; left:5px; top:7px}
 #Uudiem .gh:before{ width:37px; height:37px; content:''; background:url(../iCon/s1.png); position:absolute; left:5px; top:7px}
 
 #InfoHomes{width:100%; height:auto; float:left; margin:10px 0px}
 
#news_Homes{width:32%; height:auto; float:left; margin:10px 1.5% 10px 0px}
.nVar_Homes{ background:#f2192d; width:100%; height:auto; float:left}
.nVar_Homes span{ font-size:14px; color:#FFF; padding:10px 5px 10px 38px; display:block; text-transform:uppercase; font-weight:bold; position:relative}
.nVar_Homes span:before{    width: 22px;
    height: 25px;
    background: url(../iCon/iCon-SH.png);
    position: absolute;
    content: '';
    left: 7px;
    top: 7px;}
.Tear_Homes{width:100%; height:auto; float:left; margin:5px; padding-bottom:10px}
.Tear_Homes img{width:40%; height:auto; float:left; margin:5px 10px 5px 2px}
.Tear_Homes h3{font-size:13px; margin:2px 5px}
 .Tear_Homes h3 a{color:#3e3e3e; margin:5px; display:block}
 .Tear_Homes span{font-size:12px; color:#3e3e3e; margin:5px; display:block; text-align:justify; padding-right:5px}

#news_Homes h4{font-size:13px; color:#3e3e3e; font-weight:normal; margin:0px}
#news_Homes h4 a{    
    color: #3e3e3e;
    margin: 8px 5px;
    display: block;
    background: url(../iCon/icon-list.jpg) left center no-repeat;
    padding-left: 20px;
}
 
#NewsSale{width:33%; height:auto; float:left; margin:10px 0px 10px 0px}
#NewsSale img{margin:5px 0px; max-width:100%}
#VideoHomes {width:32%; height:auto; float:right; margin:10px 0px 10px 1.5%}
#Content_video{width:100%; height:auto; float:left; margin:5px 0px}
 h2.hh2{font-weight:normal; margin:5px 2px 10px 2px; display:inline-block}
h2.hh2 a{ color:#fff; padding:5px 50px 5px 25px; display:block; background:#007148 ; font-size:12px; position:relative}
h2.hh2 a:before{position:absolute; width:15px; height:17px; background:url(../iCon/iCon-SH.png); background-size:100%; left:5px; top:4px; content:''}
h2.hh2 a:after{position:absolute; content:'Xem >>'; font-size:10px; color:#FF0; right:5px; top:5px} 
.Sanphamkhac h2:hover a{color:#FFF !important; background:#f2192d}
 
 
 #Services{width:100%; height:auto; float:left; margin:10px 0px; background:url(../iCon/bg_name.png) repeat left center scroll #007148; padding:0px 0px}
 .Tear_sv{width:24%; height:auto; float:left; margin:1px 0.5%; }
 .Tear_sv .Left_sv{width:30%; height:87px; margin:5px 0px; float:left}
  .Tear_sv .Right_sv{width:70%; float:right; margin:0px}
  .Tear_sv .Right_sv .sv1{font-size:14px; color:#FFF; text-transform:uppercase; margin:16px 5px 2px 10px; display:block}
   .Tear_sv .Right_sv .sv2{font-size:18px; color:#FFF; text-transform:uppercase; margin:0px 5px 2px 10px; display:block; font-family:CondensedBold}
    .Tear_sv .Right_sv .sv3{font-size:10px; color:#FFF;  margin:3px 5px 2px 10px; display:block}
 .Tear_sv .sv01{background:url(../iCon/icon_Van_Van-chuyen.png) no-repeat center center scroll transparent}
  .Tear_sv .sv02{background:url(../iCon/icon_Tuvan.png) no-repeat center center scroll transparent}
   .Tear_sv .sv03{background:url(../iCon/icon_Lap-dat.png) no-repeat center center scroll transparent}
    .Tear_sv .sv04{background:url(../iCon/icon_gia-re.png) no-repeat center center scroll transparent}
 
 
 
 
 
#Content{width:960px; height:auto; float:left; margin:0px 10px 0px 0px}
#ContentMain{width:100%; height:auto; float:left; margin:0px 10px 0px 0px}
.cls_Product{width:100%; height:auto; float:left; margin:0px 0px 0px 0px}
.cls_Product .nvar_ct{width:100%; height:auto; float:left; margin:0px; background: url(../iCon/bg_name.png) repeat left center scroll #007148}
.cls_Product .nvar_ct h2{ background:#ed1c24; margin:0px; display:inline-block; padding:0px 7px 0px 30px; position:relative}
.cls_Product .nvar_ct h2:before{ width:22px; height:25px; background:url(../iCon/iCon-SH.png); position:absolute; content:''; left:7px; top:7px}
.cls_Product .nvar_ct h2 a{color:#FFF; font-size:13px; color:#FFF; padding:12px 8px; text-transform:uppercase; display:block}
.Content_clsProduct{width:100%; height:auto; float:left; margin:0px; padding:5px 0px}
 
.Tear_1{width:23.7%; height:280px; float:left; margin:5px; border:1px solid #e8e8e8; padding-bottom:3px; position:relative}
#ContentMain .Tear_1{width:15.6%}
.Tear_1 .img{width:100%; height:200px; float:left; margin:0px; display:table; table-layout:fixed; margin-bottom:7px}
.Tear_1 .img a{display:table-cell; vertical-align:middle; text-align:center}
.Tear_1 .img a img{max-width:100%; max-height:180px}
.Tear_1 .Name{text-align:center; font-weight:bold; display:block; font-size:13px; margin:5px; color:#2c3e50}
.Tear_1 .Price{font-size:12px; color:#5f5f5f; text-decoration:line-through; margin:9px 5px; display:block; float:left}
.Tear_1 .PriceSale{font-size:16px; color:#ed1c24;  margin:5px; display:block; float:right; font-weight:bold}
.Tear_1 .OrderNow{  position:absolute; top:30%; margin:0px; text-align:center; width:100%; display:none}
.Tear_1 .OrderNow a{color:#FFF;background:#007148; font-size:12px; text-transform:uppercase; text-align:center; display:inline-block; padding:4px 8px}
.Tear_1:hover .OrderNow {display:block}
#Quangcao{width:100%; height:auto; float:left; margin:0px; padding:10px 0px}
#Quangcao a img{max-width:100%; height:auto; float:left; margin:2px 0px}

footer{width:100%; height:auto; float:left; margin:0px; padding:15px 0px 0px 0px }
#Partner{width:100%;    border-top: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px; float:left; height:auto}
#Partner #Content_partner{width:1200px; height:auto; margin:0px auto}
#Partner #Content_partner img{height:27px; width:auto; float:left; margin:5px; margin:7px 16px}
#Footer{width:100%; height:auto; float:left; margin:0px; background:#f6f6f6}
#Info_Footer{width:1200px; height:auto;   margin:0px auto; padding:30px 0px}
#Info_Footer #Logo{width:300px; height:auto; float:left; margin:0px}
#Info_Footer #Logo img{width:265px; float:left; margin:0px}
#Info_Footer #ListAgency{width:900px; height:auto; float:left; margin:0px}
#Info_Footer #ListAgency .Agency_Tear{width:31%; height:auto; float:left; margin:0px 10px 10px 10px}
#Info_Footer #ListAgency .Agency_Tear .ts{font-size:14px; font-weight:bold; color:#333; position:relative; display:block; padding-left:16px}
#Info_Footer #ListAgency .Agency_Tear .ts:before{position:absolute; content:''; width:10px; height:17px; background:url(../iCon/icon-location.png); left:0px; top:0px;}
#Info_Footer #ListAgency .Agency_Tear .dc{font-size:12px; color:#3e3e3e; margin:5px 0px; padding: 10px 0px 0px 0px; display:block}
#Info_Footer #ListAgency .Agency_Tear .dt{font-size:13px; color:#3e3e3e; margin:2px 0px; padding: 0px 0px 5px 0px; display:block}
#Info_Footer #ListAgency .Agency_Tear .dt span{font-weight:bold; color:#F00}
#Register{width:100%; height:auto; float:left; padding:20px 0px; background:#ecf0f1}
#Content_Register{width:1200px; height:auto; margin:5px auto}
#Content_Register #Left_Content_Register{width:auto; height:auto; float:left; margin:0px}
#Content_Register #Left_Content_Register span{ color:#3e3e3e; font-size:13px; text-transform:uppercase; padding:15px 5px; display:block; font-weight:bold}
#Center_Content_Register{width:auto; height:auto; float:left; margin:0px}
#Center_Content_Register #Box_Register{width:400px; float:left; height:40px; margin:0px 15px;   background:#FFF}
#Center_Content_Register #Box_Register .txtRes{width:90%; height:38px; border:none; background-color:transparent; float:left; margin:0px; text-indent:15px}
#Center_Content_Register #Box_Register .btnRes{width:10%; height:40px; border:none; background:url(../iCon/Register-Icon.png) no-repeat center center scroll #e6e6e6; float:left; margin:0px}
#Right_Content_Register{width:auto; height:auto; margin:0px; float:right; text-align:right}
#Right_Content_Register a{ position:relative; margin:5px 7px; display:inline-block}
 
#Right_Content_Register a.Face{ width:30px; height:30px; background:url(../iCon/icon_Social.png) no-repeat center center scroll transparent;   border:1px solid #c2c2c2; border-radius:50%; background-position:10px 7px}
#Right_Content_Register a.Google{ width:30px; height:30px; background:url(../iCon/icon_Social.png) no-repeat center center scroll transparent;   border:1px solid #c2c2c2; border-radius:50%; background-position:-16px 7px}
#Right_Content_Register a.Maps{ width:30px; height:30px; background:url(../iCon/icon_Social.png) no-repeat center center scroll transparent;   border:1px solid #c2c2c2; border-radius:50%; background-position:-42px 7px}
#Right_Content_Register a.Face:hover{ width:30px; height:30px; background:url(../iCon/icon_Social_hover.png) no-repeat center center scroll transparent;   border:1px solid #c2c2c2; border-radius:50%; background-position:10px 7px}
#Right_Content_Register a.Google:hover{ width:30px; height:30px; background:url(../iCon/icon_Social_hover.png) no-repeat center center scroll transparent;   border:1px solid #c2c2c2; border-radius:50%; background-position:-16px 7px}
#Right_Content_Register a.Maps:hover{ width:30px; height:30px; background:url(../iCon/icon_Social_hover.png) no-repeat center center scroll transparent;   border:1px solid #c2c2c2; border-radius:50%; background-position:-42px 7px}
#Intro{width:100%; height:auto; float:left; padding:20px 0px;}
#Intro #IntroContent{width:1200px; height:auto; margin:0px auto}
#Intro #IntroContent .Tear_Intro{width:23%; height:auto; float:left; margin:5px}
#Intro #IntroContent .Tear_Intro span{ color:#3e3e3e; font-size:13px; font-weight:bold; text-transform:uppercase; display:block; margin:5px 0px; padding-bottom:10px}
#Intro #IntroContent .Tear_Intro h3{margin:0px; font-weight:normal}
#Intro #IntroContent .Tear_Intro a{font-size:13px; color:#3e3e3e; margin:7px 0px; display:block}
#CoppyRight{width:100%; height:auto; margin-top:15px; float:left; background:url(../iCon/bg_name.png) repeat left center scroll #007148; text-align:center}
#CoppyRight span{ text-align:center; padding:7px 0px; color:#999; display:inline-block}
#CoppyRight span span{color:#FFF; font-weight:bold}
#Bocongthuong{width:100%; height:auto; float:left; margin:0px ; padding:10px 0px; text-align:center}
#Bocongthuong img{ margin:5px auto; display:block; width:200px; height:auto}
#Bocongthuong a.dmca-badge img{ margin:5px auto; display:block; width:auto; height:auto}
#MenuMobile{width:100%; height:40px; padding:5px 0px; background:#2c3e50; text-align:center; float:left; display:none}
#MenuMobile a{    line-height: 40px;
 
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    color: #FFF;
    position: relative}
#MenuMobile a:before{    width: 15px;
    height: 15px;
    position: absolute;
    content: '';
    background: url(../iCon/icon_List.png);
    left: 7px;
    top: 9px;}
#Linkout{width:100%; height:auto; float:left; margin:5px 0px}
#Linkout a{font-size:12px; color:#ecf0f1; margin:5px 2px; display:inline-block}
#Linkout h3{ margin:0px; font-weight:normal; display:inline-block}
    #Linkout h3 a {
        color: #f6f6f6;
    }
.Xemthem{ width:86px; height:21px; float:right; display:block; margin:5px; background:url(../iCon/icon_Xem-them.gif)}
.h1{font-size:2px; color:#FFF; font-weight:normal; margin:0px}
.nVar_01{width:100%; height:35px; float:left; background:url(../iCon/header-dropdown-nav-bg.png); position:relative; text-align:center}
.nVar_01 span{font-size:15px; text-transform:uppercase; font-weight:normal; margin:0px; padding:0px 12px 0px  5px; color:#ed1c24; font-weight:bold; line-height:35px; position:relative}

.Tear_1 .Note{width: 54px;
    height: 54px;
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
	background:url(../iCon/product-stick.png)}
     .timeWorks{width:auto; height:auto; float:left; margin:0px; color:#333; border:1px dashed #a7a7a7; position:relative; border-radius:5px; padding:7px; background:url(../icon/clock.gif) no-repeat 7px center  scroll #fffef1; padding-left:85px;  }
	.timeWorks .tm1{ font-size:12px; margin:0px 5px; display:block; text-transform:uppercase; font-weight:bold;}
	.timeWorks .tm1 strong{color:#ff5501; font-size:22px; font-weight:bold}
		.timeWorks .tm2{ font-size:14px; margin:0px 5px; display:block; font-style:italic}
		.timeWorks .tm3{ font-size:14px; margin:0px 5px; display:block; color:#ff5501}
		.timeWorks .tm3 strong{color:#0080ec}
  
@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 768px) {
	#Content_Banner{width:100%}
	#Center_Banner{display:none}
	#Left_Banner{width:35%}
	#Right_Banner{width:65%}
	#Right_Menu ul li a{ text-transform:none; font-size:13px;}
	#Right_Menu ul .no{display:none}
	#Main_Menu{width:100%;  z-index:10000}
	#Right_Menu{width:auto; float:left}
	#Main{width:100%; overflow:hidden}
#Slide{display:none}
#Uudiem .ud{width:49%; float:left; margin:5px 5px 5px 0px}
	#Uudiem .ud:last-child{float:left}
	#Content{width:100%}
	#Main_Content #MenuContent{display:none}
	.Tear_1{width:31% !Important}
	#Partner{display:none}
	#Info_Footer{width:100%}
	#Info_Footer #Logo{width:100%; padding-bottom:15px}
	#Info_Footer #Logo img{margin:7px auto; display:block; float:none}
	#Info_Footer #ListAgency{width:100%; padding:10px 0px}
	#Info_Footer #ListAgency .Agency_Tear{width:30%}
	#Content_Register{width:100%}
	#Right_Content_Register{display:none}
	#Intro #IntroContent{ width:100%}
	#Bocongthuong{padding:0px}
    #Linkout{width:100%}
	#news_Homes{width:49%; margin-right:1%}
	#NewsSale{width:49%; float:left; margin-left:1%}
	#VideoHomes{display:none}.Tear_sv{width:48%}
	}
@media screen and (max-width: 480px) {
	#Left_Banner{width:100%; text-align:center}
	#Left_Banner img{float:none; margin:5px auto; display:block; width:90%}
	#Right_Banner{width:100%}
	#Uudiem .ud{width:97%; margin:1%}
	.Tear_1{width:45%!Important}
	.Tear_1 .Price{ text-align:center; float:none}
	.Tear_1 .PriceSale{ text-align:center; float:none; margin-top:2px}
	#Info_Footer #ListAgency .Agency_Tear{width:98%}
	#Content_Register #Left_Content_Register{width:100%}
	#Content_Register #Left_Content_Register span{text-align:center}
	#Center_Content_Register{width:100%}
	#Center_Content_Register #Box_Register{width:100%; padding:0px 0px; margin:0px}
	#Center_Content_Register #Box_Register .txtRes{width:88%}
	#Center_Content_Register #Box_Register .btnRes{width:12%}
	footer{width:100%; overflow:hidden}
	#Intro{display:none}
	#Menu{display:none}
	#MenuMobile{display:block}
	#news_Homes{width:100%; margin:5px 0px}
	#NewsSale{width:100%; float:left; margin:5px 0px}
..Tear_sv{width:97%}
	}

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu oncanvas CSS
*/
.mm-hidden {
  display: none !important; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }

.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  .mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0); }
  .mm-panel.mm-highest {
    z-index: 1; }

.mm-menu > .mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 20px; }
  .mm-menu > .mm-panel.mm-hasheader {
    padding-top: 40px; }
  .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after {
    content: '';
    display: block;
    height: 20px; }

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
  .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent; }

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block; }

.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
  height: 40px;
  bottom: auto; }
  .mm-vertical .mm-listview > li > .mm-next:after,
  .mm-listview > li.mm-vertical > .mm-next:after {
    top: 16px;
    bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-header {
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  .mm-header > a {
    text-decoration: none;
    display: block;
    padding: 10px 0; }
  .mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .mm-header .mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1; }
    .mm-header .mm-btn:first-child {
      padding-left: 20px;
      left: 0; }
    .mm-header .mm-btn:last-child {
      padding-right: 20px;
      right: 0; }

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-listview {
  font: inherit;
  font-size: 14px; }
  .mm-listview a,
  .mm-listview a:hover {
    text-decoration: none; }
  .mm-listview > li {
    position: relative; }
    .mm-listview > li > a,
    .mm-listview > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
    .mm-listview > li:not(.mm-divider):after {
      content: '';
      border-bottom-width: 1px;
      border-bottom-style: solid;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
    .mm-listview > li:not(.mm-divider):after {
      left: 20px; }
  .mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2; }
    .mm-listview .mm-next:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
    .mm-listview .mm-next + a,
    .mm-listview .mm-next + span {
      margin-right: 50px; }
    .mm-listview .mm-next.mm-fullsubopen {
      width: 100%; }
      .mm-listview .mm-next.mm-fullsubopen:before {
        border-left: none; }
      .mm-listview .mm-next.mm-fullsubopen + a,
      .mm-listview .mm-next.mm-fullsubopen + span {
        padding-right: 50px;
        margin-right: 0; }

.mm-menu > .mm-panel > .mm-listview {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-menu > .mm-panel > .mm-listview.mm-first {
    margin-top: -20px; }
  .mm-menu > .mm-panel > .mm-listview.mm-last {
    padding-bottom: 20px; }

.mm-prev:before,
.mm-next:after {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 20px; }

.mm-next:after {
  border-top: none;
  border-left: none;
  right: 20px; }

.mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px; }

.mm-listview > li.mm-spacer {
  padding-top: 40px; }
  .mm-listview > li.mm-spacer > .mm-next {
    top: 40px; }
  .mm-listview > li.mm-spacer.mm-divider {
    padding-top: 25px; }

.mm-menu {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.7); }
  .mm-menu .mm-header {
    border-color: rgba(0, 0, 0, 0.1); }
    .mm-menu .mm-header > a {
      color: rgba(0, 0, 0, 0.3); }
    .mm-menu .mm-header .mm-btn:before,
    .mm-menu .mm-header .mm-btn:after {
      border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu .mm-listview > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next {
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
  .mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.5); }
  .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next,
  .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel,
  .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next,
  .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(0, 0, 0, 0.05); }
  .mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }
  html.mm-opened .mm-page {
    min-height: 100vh; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }
/*
	jQuery.mmenu autoHeight addon CSS
*/
.mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight {
  max-height: 80%; }
  .mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen {
    max-height: 100%; }
.mm-menu.mm-measureheight > .mm-panel {
  bottom: auto !important;
  height: auto !important; }

/*
	jQuery.mmenu buttonbars addon CSS
*/
.mm-buttonbar {
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  position: relative; }
  .mm-buttonbar:after {
    content: '';
    display: block;
    clear: both; }
  .mm-buttonbar > * {
    border-left: 1px solid transparent;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .mm-buttonbar > a {
    text-decoration: none; }
  .mm-buttonbar > input {
    position: absolute;
    left: -1000px;
    top: -1000px; }
  .mm-buttonbar > input:checked + label {
    border-color: transparent  !important; }
  .mm-buttonbar > *:first-child,
  .mm-buttonbar > input:first-child + * {
    border-left: none; }
  .mm-buttonbar.mm-buttonbar-2 > * {
    width: 50%; }
  .mm-buttonbar.mm-buttonbar-3 > * {
    width: 33.33%; }
  .mm-buttonbar.mm-buttonbar-4 > * {
    width: 25%; }
  .mm-buttonbar.mm-buttonbar-5 > * {
    width: 20%; }

.mm-header .mm-buttonbar {
  margin-top: 0px;
  margin-left: -30px;
  margin-right: -30px; }

.mm-footer .mm-buttonbar {
  border: none;
  border-radius: none;
  line-height: 40px;
  margin: -10px -10px 0 -20px; }
  .mm-footer .mm-buttonbar > * {
    border-left: none; }

.mm-listview > li > .mm-buttonbar {
  margin: 10px 20px; }

.mm-menu .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.7);
  background: #f3f3f3; }
  .mm-menu .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.7); }
  .mm-menu .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.7);
    color: #f3f3f3; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 50px;
  top: 50%; }
  em.mm-counter + a.mm-next {
    padding-left: 40px; }
    em.mm-counter + a.mm-next + a,
    em.mm-counter + a.mm-next + span {
      margin-right: 90px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical > .mm-counter {
  top: 12px;
  margin-top: 0; }
.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px; }

.mm-nosubresults > .mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu footer addon CSS
*/
.mm-footer {
  background: inherit;
  border-top: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px 20px;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-hasfooter > .mm-panel {
  bottom: 40px; }

.mm-menu .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu header addon CSS
*/
.mm-menu > .mm-header {
  background: inherit;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .mm-menu > .mm-header .mm-close:after {
    content: 'x'; }

.mm-menu.mm-hassearch > .mm-header {
  top: 40px; }

.mm-menu.mm-hasheader .mm-panel .mm-header {
  display: none; }
.mm-menu.mm-hasheader .mm-panel,
.mm-menu.mm-hasheader .mm-fixeddivider {
  top: 40px; }
.mm-menu.mm-hasheader.mm-hassearch .mm-panel,
.mm-menu.mm-hasheader.mm-hassearch .mm-fixeddivider {
  top: 80px; }

/*
	jQuery.mmenu dividers addon CSS
*/
.mm-divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }
.mm-divider.mm-opened a.mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-collapsed:not(.mm-uncollapsed) {
  display: none; }

.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .mm-fixeddivider:after {
    content: none !important;
    display: none !important; }

.mm-hasdividers .mm-fixeddivider {
  display: block; }

.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05); }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-menu > .mm-search {
  background: inherit;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-search {
  height: 40px;
  width: 100%;
  padding: 10px 10px 0 10px;
  position: absolute;
  top: 0;
  left: 0; }
  .mm-search input {
    border: none;
    border-radius: 25px;
    font: inherit;
    font-size: 14px;
    line-height: 25px;
    outline: none;
    display: block;
    width: 100%;
    height: 25px;
    margin: 0;
    padding: 0 10px; }
  .mm-search input::-ms-clear {
    display: none; }

.mm-panel.mm-hassearch {
  padding-top: 40px; }
  .mm-panel.mm-hassearch.mm-hasheader {
    padding-top: 80px; }
    .mm-panel.mm-hassearch.mm-hasheader .mm-search {
      top: 40px; }

.mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 40px 0; }

.mm-noresults .mm-noresultsmsg {
  display: block; }
.mm-noresults .mm-indexer {
  display: none !important; }

.mm-menu li.mm-nosubresults > a.mm-next {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-next + a,
  .mm-menu li.mm-nosubresults > a.mm-next + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch .mm-panel,
.mm-menu.mm-hassearch .mm-fixeddivider {
  top: 40px; }

.mm-menu .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu sectionIndexer addon CSS
*/
.mm-indexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: -100px;
  z-index: 3;
  -webkit-transition: right 0.4s ease;
  -moz-transition: right 0.4s ease;
  -ms-transition: right 0.4s ease;
  -o-transition: right 0.4s ease;
  transition: right 0.4s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.71%; }
  .mm-indexer ~ .mm-panel.mm-hasindexer {
    padding-right: 40px; }

.mm-hasindexer .mm-indexer {
  right: 0; }
.mm-hasindexer .mm-fixeddivider {
  right: 20px; }

.mm-hasheader .mm-indexer {
  top: 50px; }

.mm-hasfooter .mm-indexer {
  bottom: 50px; }

.mm-hassearch .mm-indexer {
  top: 50px; }

.mm-hassearch.mm-hasheader .mm-indexer {
  top: 90px; }

.mm-menu .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px; }

label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  bottom: 50%;
  z-index: 2; }
  label.mm-toggle:before,
  label.mm-check:before {
    content: '';
    display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-bottom: -15px; }
  label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-bottom: -15px; }
  label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

label.mm-toggle, label.mm-check {
  right: 20px; }
label.mm-toggle + a,
label.mm-toggle + span {
  padding-right: 80px; }
label.mm-check + a,
label.mm-check + span {
  padding-right: 60px; }

a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
  right: 60px; }
  a.mm-next + label.mm-toggle + a,
  a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a,
  a.mm-next + label.mm-check + span {
    margin-right: 50px; }
a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
  padding-right: 70px; }
a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  padding-right: 50px; }

em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
  right: 100px; }
  em.mm-counter + a.mm-next + label.mm-toggle + a,
  em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a,
  em.mm-counter + a.mm-next + label.mm-check + span {
    margin-right: 90px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.7); }

/*
	jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after,
.mm-listview.mm-border-none > li:after {
  content: none; }

.mm-menu.mm-border-full .mm-listview > li:after,
.mm-listview.mm-border-full > li:after {
  left: 0 !important; }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-effect-slide .mm-menu.mm-offcanvas {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-effect-slide.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }
html.mm-effect-slide.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }
html.mm-effect-slide.mm-right.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(30%, 0, 0);
  -moz-transform: translate3d(30%, 0, 0);
  -ms-transform: translate3d(30%, 0, 0);
  -o-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0); }
html.mm-effect-slide.mm-right.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0); }
html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0); }

html.mm-effect-zoom-panels .mm-menu .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  -moz-transition-property: -moz-transform, left;
  -ms-transition-property: -ms-transform, left;
  -o-transition-property: -o-transform, left;
  transition-property: transform, left; }
  html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0); }
    html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0); } }
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0); } }
.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
	jQuery.mmenu multiline extension CSS
*/
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span,
.mm-listview.mm-multiline > li
.mm-listview > li.mm-multiline > a,
.mm-listview.mm-multiline > li
.mm-listview > li.mm-multiline > span {
  text-overflow: clip;
  white-space: normal; }

/*
	jQuery.mmenu pageshadow extension CSS
*/
.mm-menu.mm-pageshadow:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 99; }
.mm-menu.mm-pageshadow.mm-right:after {
  left: auto;
  right: 100%; }
.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {
  content: none;
  display: none; }

.mm-menu.mm-pageshadow:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important; }

.mm-menu.mm-front {
  z-index: 1; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
.mm-menu.mm-top {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }
.mm-menu.mm-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-top, .mm-menu.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu themes extension CSS
*/
.mm-menu.mm-theme-dark {
  background: #333333;
  color: rgba(255, 255, 255, 0.8); }
  .mm-menu.mm-theme-dark .mm-header {
    border-color: rgba(0, 0, 0, 0.15); }
    .mm-menu.mm-theme-dark .mm-header > a {
      color: rgba(255, 255, 255, 0.4); }
    .mm-menu.mm-theme-dark .mm-header .mm-btn:before,
    .mm-menu.mm-theme-dark .mm-header .mm-btn:after {
      border-color: rgba(255, 255, 255, 0.4); }
  .mm-menu.mm-theme-dark .mm-listview > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next {
    color: rgba(255, 255, 255, 0.4); }
  .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after {
    border-color: rgba(255, 255, 255, 0.4); }
  .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
  .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next,
  .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel,
  .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next,
  .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-theme-dark .mm-divider {
    background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-theme-dark .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.8);
  background: #333333; }
  .mm-menu.mm-theme-dark .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.8); }
  .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.8);
    color: #333333; }

.mm-menu.mm-theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-footer {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-pageshadow.mm-theme-dark:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu.mm-theme-dark .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }
  .mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333333; }
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-theme-white .mm-header {
    border-color: rgba(0, 0, 0, 0.1); }
    .mm-menu.mm-theme-white .mm-header > a {
      color: rgba(0, 0, 0, 0.3); }
    .mm-menu.mm-theme-white .mm-header .mm-btn:before,
    .mm-menu.mm-theme-white .mm-header .mm-btn:after {
      border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-theme-white .mm-listview > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next {
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
  .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.05); }
  .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next,
  .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel,
  .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next,
  .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-theme-white .mm-divider {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-theme-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white; }
  .mm-menu.mm-theme-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white; }

.mm-menu.mm-theme-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-pageshadow.mm-theme-white:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu.mm-theme-white .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-theme-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-theme-black .mm-header {
    border-color: rgba(255, 255, 255, 0.2); }
    .mm-menu.mm-theme-black .mm-header > a {
      color: rgba(255, 255, 255, 0.4); }
    .mm-menu.mm-theme-black .mm-header .mm-btn:before,
    .mm-menu.mm-theme-black .mm-header .mm-btn:after {
      border-color: rgba(255, 255, 255, 0.4); }
  .mm-menu.mm-theme-black .mm-listview > li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next {
    color: rgba(255, 255, 255, 0.4); }
  .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:after {
    border-color: rgba(255, 255, 255, 0.4); }
  .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
  .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next,
  .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel,
  .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next,
  .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-theme-black .mm-divider {
    background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black; }
  .mm-menu.mm-theme-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-theme-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black; }

.mm-menu.mm-theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-pageshadow.mm-theme-black:after {
  content: none;
  display: none; }

.mm-menu.mm-theme-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-theme-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-theme-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

@charset "utf-8";
/* CSS Document */

nVar_NewsDetail{ width:100%; height:auto; margin:0px; border-bottom:1px solid #e5e5e5}
.nVar_NewsDetail h1{font-weight:normal; margin:8px 0px 0px 5px; text-transform:uppercase; font-size:16px;  color:#3e3e3e}
.nVar_NewsDetail .toolbar{ width:100%; height:auto;  margin:1px 0px 7px 0px; clear:both}
.NewsDetail{width:100%; height:auto; float:left; margin:10px 0px; font-size:13px; line-height:20px; text-align:justify}
.NewsDetail .Des_Detail{  height:auto; float:left; margin:0px; text-indent:15px; font-weight:bold; padding:5px}
.NewsDetail .Content_Detail{ clear:both; height:auto; padding:5px; font-size:13px}  
.NewsDetail .Content_Detail img{max-width:100%; height:auto !important}
.Tag{    width: 100%;
    height: auto;
    min-height: 20px;
    padding: 3px 0px;
    display: inline-block;
    line-height: 20px;}
.Tag span {
    background-color: #222222;
    padding: 5px 9px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    line-height: 10px;
    float: left;
    margin: 3px; float:left
}
.Tag h2{float:left;font-weight:normal; margin:0px; border:none !important}
.Tag a {
    display: block;
    float: left;
    border: 1px solid #ededed;
    margin-left: 4px;
    line-height: 10px;
    color: #4e4e4e !important;
    padding: 5px 8px;
    margin: 2px;
    font-size: 11px;
    display: inline-block;
}
.Tintuclienquan{width:100%; height:auto; float:left; margin:10px 0px; 0px; border-top:1px solid #e5e5e5; padding-top:5px }
.Tintuclienquan .Name{font-size:14px; font-weight:bold; display:block; margin:5px}
.Tintuclienquan .Content_Tintuclienquan{width:100%; height:auto; float:left; margin:5px 0px}
.Tintuclienquan .Content_Tintuclienquan ul{width:100%; height:auto; float:left; margin:0px}
.Tintuclienquan .Content_Tintuclienquan ul li a{font-size:12px; color:#3e3e3; margin:5px; display:block;     background:url(../iCon/icon-list.jpg) left center no-repeat;
    padding-left: 20px; color:#3e3e3e}
 .Lienquan{ width:auto; clear:both; height:auto; margin:5px 0px; padding:5px 5px; line-height:normal; background:#fafafa}
 .Lienquan a{font-size:12px; font-style:italic; color:#3e3e3e; margin:3px; display:block}

.nVar_NewsDetail .Cate {
    color: #989898;
    padding: 5px 0px;
    padding-right: 15px;
    vertical-align: baseline; margin-left:5px
}
.nVar_NewsDetail  .Cate span {
    width: 14px;
    height: 11px;
    background: url(../iCon/folder-icon.png) no-repeat;
    display: inline-block;
    margin-right: 7px;
    opacity: 0.5;}
.nVar_NewsDetail .Cata {
    color: #989898;
    padding: 5px 0px;
    padding-right: 15px;
    vertical-align: baseline;}
.nVar_NewsDetail .Cata span {
    width: 13px;
    height: 11px;
    background: url(../iCon/icon_calendar.png) no-repeat;
    display: inline-block;
    margin-right: 7px;}
.nVar_NewsDetail .Account {
    color: #989898;
    padding: 5px 0px;
    padding-right: 15px;
    vertical-align: baseline;
}
.nVar_NewsDetail  .Account span {
    width: 14px;
    height: 11px;
    background: url(../iCon/account.png) no-repeat;
    display: inline-block;
    margin-right: 7px;
    opacity: 0.6;
    margin-top: 2px;
}
 
 .Tear_News:last-child{border:none}
 .Tear_News{ width:100%; height:auto; float:left; margin:0px; padding:7px 0px; border-bottom:1px #e5e5e5 dashed}
 .Tear_News:nth-child(2n){ background-color:#fcfbfb}
.Tear_News img{ width:80px; height:auto; float:left; margin:0px 10px 5px 0px}
.Tear_News a.Name{font-size:14px; color:#0063a4; margin:5px; display:block; font-weight:bold}
.Tear_News .date .iCon{ width: 13px;
    height: 11px;
    background: url(../iCon/icon_calendar.png) no-repeat;
    display:inline-block;
    margin-right: 7px;}
.Tear_News .date{color: #989898;
    padding: 5px 0px;
    padding-right: 15px;
    vertical-align: baseline;
    font-size: 10px; display:block}
.Tear_News  .des{font-size:12px; color:#3e3e3e; margin:5px; display:block}
.nVar_NewsDetail{ width:100%; height:auto; margin:0px; border-bottom:1px solid #e5e5e5; margin-bottom:15px}
@charset "utf-8";
/* CSS Document */

body { 
    font: 12px arial;
    margin: 0;
    padding: 0;
	background:#fff !important 
	 
	}
ul,li{ padding:0px; margin:0px; outline:0px; vertical-align:baseline; border:0px}

ul,li{ list-style:none}
a{text-decoration:none}
a:hover{color:#fa8e00 !important;text-decoration:none !important} 
img { border:none}
.Clear{ clear:both}
#OrderPopup{ width:700px; height:auto; float:left; margin:10px; position:relative; background:#FFF; padding:5px; border-radius:4px}
#OrderPopup table{width:100%;     padding:5px; color:#3e3e3e; vertical-align:top}
#OrderPopup table tr{  border-bottom:1px dashed #eaeaea ;vertical-align: top }
#OrderPopup table tr .Name{width:50%}
#OrderPopup table tr .Name img{width:60px; height:60px; padding:5px; float:left; margin-right:10px}
#OrderPopup table tr .Namepd { margin:10px 5px 5px 5px; color:#3e3e3e; font-weight:bold; display:block; text-decoration:none; font-size:12px}
#OrderPopup table tr .Delete{ font-size:13px; color:#F00; margin:3px 5px; display:block}
#OrderPopup table tr .Price{font-size:12px; text-align:center; width:22%}
#OrderPopup table tr .Price span{   display:block; margin-top:7px}
#OrderPopup table tr .PriceSale{width:22%; text-align:center}
#OrderPopup table tr .PriceSale span{ font-weight:bold;   margin-top:7px; display:block}

#OrderPopup table tr .Ord{width:6%}
#OrderPopup table tr .Ord input{ width:80%; height:22px; text-align:center; margin-top:3px; border:1px solid #dfdfdf}
#OrderPopup table tr.top{ font-weight:bold; font-size:13px; color:#ff3c00; height:30px; vertical-align:middle}
  
#OrderPopup table tr.top .Name{text-align:center}
#OrderPopup .Sum{ width:100%; height:auto; float:left; margin:7px 0px}
#OrderPopup .Sum .LeftSUM{ width:40%; height:auto; float:left; margin:0px}
#OrderPopup .Sum .LeftSUM span{font-weight:bold; color:#3e3e3; margin:5px; display:inline-block}
#OrderPopup .Sum .LeftSUM span span{color:#F00}
#OrderPopup .Sum .RightSUM{ width:60%; height:auto; float:left; margin:0px; text-align:right}
#OrderPopup .Sum .RightSUM .Sum1{ margin:5px; display:block; font-size:14px}
#OrderPopup .Sum .RightSUM .Sum2{ margin:5px; display:block; font-size:15px; font-weight:bold}
.OrderNows{ width:100%; height:auto; float:left; margin: 0px 0px 10px 0px}
.OrderNows .nexorder{ width:auto; height:40px; float:left; background:url(../iCon/continue-shopping.png) no-repeat left center scroll transparent; padding-left:55px; color:#72b656; line-height:40px; font-weight:bold; font-size:15px}
.OrderNows .noworder{ width:auto; float:right; padding:10px 10px; background:#ec7115; color:#FFF; font-size:15px; margin-right:5px}
.close_popup {
    position: absolute;
    top: -15px;
    right: -15px;
    display: block;
    width: 30px;
    height: 30px;
    background:url(../iCon/icon_close.png);
    z-index: 2;
}
#Content_OrderPopup{ width:100%; height:270px; overflow:auto; float:left;    border: 1px solid #eaeaea;
}




/*Oeer*/
#Order{ width:100%; height:auto; float:left; margin:10px 0px; background:#FFF; padding:10px}
#ListInfoOrder{ width:47%; height:auto; float:left; margin:0px; float:left;border: 1px solid #ddd; border-radius:2px}
.nVar_Order{ background:#f8f8f8; width:100%; height:35px; float:left; border-bottom: 1px solid #ddd}
.nVar_Order span{    font-size: 14px;
    font-weight: 500;
    padding-left: 10px;
    display: inline-block;
    line-height: 35px;
    vertical-align: bottom; font-weight:normal}
.Content_List{width:100%; height:auto; float:left; margin:20px 0px 0px 0px}
.RowOrd{ width:100%; height:auto; float:left; margin:5px 0px}
.RowOrd1{ width:100%; height:60px; float:left; margin:5px 0px}
.Left_RowOrd{ width:20%; height:100%; float:left; margin:0px; text-align:right}
.Left_RowOrd span{ font-size:12px; line-height:30px; margin-right:10px}
.Right_RowOrd{ width:80%; height:100%; float:left; margin:0px}
.Right_RowOrd input{border: 1px solid #ddd; font-size:12px;
    background-color: #FDFDFD;
    height: 26px;
    color: #666;
    outline: none;
    text-indent: 10px;
    border-radius: 2px; float:left}
.Right_RowOrd .txtName{ 
	width:92%}
.Right_RowOrd  .txtMobile{width:45%; margin:0px 10px 0px 0px}
.Right_RowOrd .txtEmail{ 
	width:92%}
.txtAddress{border: 1px solid #ddd; font-size:12px;
    background-color: #FDFDFD;
    height: 50px;
    color: #666;
    outline: none;
    text-indent: 10px;
    border-radius: 2px; float:left; width:92%}
.txtContent{border: 1px solid #ddd; font-size:12px;
    background-color: #FDFDFD;
    height: 26px;
    color: #666;
    outline: none;
    text-indent: 10px;
    border-radius: 2px; float:left; width:91%; height:50px}
.VAT{ width:100%; height:auto; float:left; margin:20px 0px 0px 0px}
.VAT .row_Vat{ width:100%; height:20px; float:left; margin:0px }
.VAT .row_Vat input{float:left; margin:0px 10px 0px 30px !important}
.VAT .row_Vat span{line-height:14px; display:inline-block}
.VAT .row_Vat span span{color:#F00}
.txtMST{ width:56%}
.ContentVAT{width:100%; height:auto; float:left; margin:5px 0px; display:none}
.ContentVAT .Note{ color:#F00;  margin:10px 5px; text-align:center; display:block}
.Nhanhang{ width:100%; height:auto; float:left; margin:10px 0px 20px 0px}
 .row_nhanhang  input{float:left; margin:0px 10px 0px 30px !important}
.row_nhanhang  span{line-height:14px; display:block}
.Content_Nhanhang{width:100%; height:auto; float:left; margin:5px 0px; display:none}
.Thanhtoan{ width:100%; height:auto; float:left; margin:10px 0px 10px 0px}
.row_thanhtoan{ width:46%; height:auto; float:left; margin:5px}
.row_thanhtoan input{float:left; margin:0px 10px 0px 30px !important}
.row_thanhtoan span{line-height:14px; display:block}
.Vanchuyen{ width:100%; height:auto; float:left; margin:10px 0px 10px 0px}
.row_Vanchuyen{ width:46%; height:auto; float:left; margin:5px}
.row_Vanchuyen input{float:left; margin:0px 10px 0px 30px !important}
.row_Vanchuyen span{line-height:14px; display:block}
  .btnorder{ border:none;width: 180px;
    height: 35px;
    background: #0063a4 url(../iCon/cart-new.png) no-repeat scroll 4px 10px;
    padding-left: 30px;
    color: #FFF;
    font-size: 14px;
    border: none;
    text-transform: uppercase;
    border: none;  margin:10px auto; display:block
}
.timhieu{font-size:12px; color:#6aad00; margin:10px 10px 5px 0px; display:block; clear:both; text-align:center }

#ListOrder{ width:50%; height:auto; float:right; margin:0px;border: 1px solid #ddd; border-radius:2px}

 
#ListOrder table{width:100%;    padding:5px; color:#3e3e3e; vertical-align:top}
#ListOrder table tr{  border-bottom:1px dashed #eaeaea ;vertical-align: top }
#ListOrder table tr .Name{width:50%}
#ListOrder table tr .Name img{width:60px; height:60px; padding:5px; float:left; margin-right:10px}
#ListOrder table tr .Namepd { margin:10px 5px 5px 5px; color:#3e3e3e; font-weight:bold; display:block; text-decoration:none; font-size:12px}
#ListOrder table tr .Delete{ font-size:13px; color:#F00; margin:3px 5px; display:block}
#ListOrder table tr .Price{font-size:12px; text-align:center; width:22%}
#ListOrder table tr .Price span{   display:block; margin-top:7px}
#ListOrder table tr .PriceSale{width:22%; text-align:center}
#ListOrder table tr .PriceSale span{ font-weight:bold;   margin-top:7px; display:block}

#ListOrder table tr .Ord{width:6%}
#ListOrder table tr .Ord input{ width:80%; height:22px; text-align:center; margin-top:3px; border:1px solid #dfdfdf}
#ListOrder table tr.top{ font-weight:bold; font-size:13px; color:#3e3e3e; height:30px; vertical-align:middle}
  
#ListOrder table tr.top .Name{text-align:center}
#ListOrder .Sum{ width:100%; height:auto; float:left; margin:7px 0px}
#ListOrder .Sum .LeftSUM{ width:40%; height:auto; float:left; margin:0px}
#ListOrder .Sum .LeftSUM span{font-weight:bold; color:#3e3e3; margin:5px; display:inline-block}
#ListOrder .Sum .LeftSUM span span{color:#F00}
#ListOrder .Sum .RightSUM{ width:60%; height:auto; float:left; margin:0px; text-align:right}
#ListOrder .Sum .RightSUM .Sum1{ margin:5px; display:block; font-size:14px}
#ListOrder .Sum .RightSUM .Sum2{ margin:5px; display:block; font-size:15px; font-weight:bold}
.OrderNows{ width:100%; height:auto; float:left; margin: 0px 0px 10px 0px}
.OrderNows .nexorder{ width:auto; height:40px; float:left; background:url(../iCon/continue-shopping.png) no-repeat left center scroll transparent; padding-left:55px; color:#72b656; line-height:40px; font-weight:bold; font-size:15px}
.OrderNows .noworder{ width:auto; float:right; padding:10px 10px; background:#ec7115; color:#FFF; font-size:15px; margin-right:5px}
.ttck{    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 10px auto;
    background: rgb(251, 251, 251); width:98%; clear:both; display:none
}
.Tear_ttck{ width:100%; height:auto; float:left; margin:5px 0px; border-bottom:1px dashed #ddd; clear:both; padding-bottom:5px}
.Tear_ttck:last-child{border:none}
.Left_Tear_ttck{ width:20%; height:auto; float:left; margin:0px 3% 0px 0px}
.Left_Tear_ttck img{width:auto; height:auto; max-width:100%; max-height:80px; margin:5px 5px; display:block}
.Right_Tear_ttck{ width:77%; height:auto; float:left; margin:0px 0px 0px 0px}
.row_ttck{ width:100%; height:auto; float:left; margin:4px 0px; font-size:12px; font-weight:bold; clear:both}
.row_ttck1{width:100%; height: auto; float:left; margin:3px 0px;}
.row_ttck1 .sp1{ width:20%; display:inline-block; text-align:left}
.tttt{    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 10px auto;
    background: rgb(251, 251, 251); width:98%; clear:both ; display:none
}
.tttn{ text-align:center; color:#f00; margin:5px; text-align:center; padding:10px 0px}
.ttvs{    text-align: center;
    color: #f00;
    margin: 5px;
    text-align: center;
    padding: 10px 0px; display:none}
@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 768px) 
{
	#ListInfoOrder{ width:100%; margin:0px}
	#ListOrder{ width:100%; margin:5px 0px}
}
@media screen and (max-width: 480px) 
{
.Left_RowOrd{width:30%}	
.VAT .row_Vat{ height:auto}
.Right_RowOrd{ width:70%}
.VAT .row_Vat span{ margin:0px 5px ; text-align:center }
.VAT .row_Vat input{ float:none; margin:5px auto; display:block}
.row_nhanhang span{ margin:0px 5px ; text-align:center }
.row_nhanhang input{ float:none; margin:5px auto; display:block}
.row_thanhtoan{ width:90%}
.row_Vanchuyen{ width:90%}
#ListOrder table tr .Name img{ width:40px; height:40px}
.btnorder{float:none !important; margin:5px auto}
#ListOrder table tr .Namepd{font-weight:normal}
.Right_RowOrd .txtMobile{margin-right:3px}
}
@charset "utf-8";
/* CSS Document */

.Root{width:100%; height:auto; float:left; margin:0px; background:#f6f6f6}
.Root .Content_Root{width:1200px; height:auto;   margin:0px auto; color:#333}
.Root .Content_Root a{display:inline-block; padding:12px 7px; color:#333; font-size:13px}
#Product{width:100%; height:auto; float:left; margin:0px}
#ProductTop{width:100%; height:auto; float:left; margin:0px 0px 10px 0px}
#ProductTop #Image{width:50%; height:auto; float:left; margin:0px; padding:5px}
#TopImage{width:100%; height:auto; float:left; margin:0px 0px 7px 0px; border:1px solid #edebeb}
#ProductTop #Image img{ margin:5px auto; max-width:97%; height:auto; display:block}
#ProductTop #ListImage{width:100%; height:auto; float:left; margin:0px}
#ProductTop #ListImage .Tear_Img{width:74px; height:74px; float:left; margin:5px 10px 5px 0px; padding:5px; display:table; table-layout:fixed; border:1px solid #edebeb; ;opacity:0.7}
#ProductTop #ListImage .Tear_Img a{ text-align:center; display:table-cell; vertical-align:middle}
#ProductTop #ListImage .Tear_Img a img{ max-width:98%; height:78px}
#ProductTop #ListImage .setimg{ opacity:1; border:1px solid #d60000}
#ProductTop #Info{width:48%; height:auto; float:right; margin:0px}
#ProductTop #Info #Top1{ width:100%; height:auto; float:left; margin:0px 0px 5px 0px; border-bottom:1px solid #f2f2f2; padding-bottom:7px}
#ProductTop #Info #Top1 h1{ font-size:16px; text-transform:uppercase; margin:5px 5px 5px 0px; font-family:Arial, Helvetica, sans-serif}
#ProductTop #Info #Top1 span{font-size: 12px;
  color: #7c7c7c;
  margin: 3px 8px 3px 0px; }
#ProductTop #Info #Top1 span span {  color: #ff6000;}
   #Top2 li{ width:50%; margin:0px; height:auto; float:left}
   #Top2 li span{ margin: 5px 5px !important;
  color: #434343;
  line-height: 23px;
   }
#Top2{ width:98%; height:auto; float:left; margin:10px 0px; border-left:5px solid #23a5e4; background:#fafafa; padding:5px 0px}
  #Top2 li{ width:50%; margin:0px; height:auto; float:left}
   #Top2 li span{ margin: 5px 5px !important;
  color: #434343;
  line-height: 23px;
   }
   #Top2 li span span{ width:12px; height:12px; float:left; background:url(../iCon/icon_1.png) no-repeat}
   #Top3{ width:100%; height:55px; float:left; margin:5px 0px}
#Top3 #Left_Top3{ width:50%; height:auto; float:left}
#Top3 #Right_Top3{ width:48%; height:100%; float:left;border-left:5px solid #23a5e4; background:url(../iCon/icon_Call.png) no-repeat left center scroll transparent; background-position:10px}
#Top3 #Left_Top3 span{color: #3a3a3a;
  margin: 5px }
  #Top3 #Left_Top3 span .Price_Sale{font-size: 18px;
  color: #ff6000;
  font-family: CondensedBold;}
  #Top3 #Left_Top3 span.PriceDetail{color: #3a3a3a;
  margin: 3px 5px; display:block }
   #Top3 #Left_Top3 span.editprice{color: #939393;
  margin: 0px 5px; display:block; font-size:9px; font-style:italic  }
  #Top3 #Right_Top3 .sp1{  text-transform: uppercase;
  color: #9c9fa0;
  margin: 5px 5px 1px 55px;
  display: block;
  font-weight: bold;}
   #Top3 #Right_Top3 .sp2 {   color: #ff6600;
  text-transform: uppercase;
  margin: 0px 5px 5px 55px;
  display: block;
  font-weight:normal;
  font-size: 17px;
  font-family: CondensedBold;
  display: block;}
  #Top4{ width:99%; height:auto;   float:left; margin-top:4px; background-position:7px; padding-top:3px; padding-bottom:3px}
  #Top4 #Left_Top4{ float:left; width:auto; height:auto; margin:3px}
  #Top4  span{ margin:20px 5px; float:left}
  #Top4 #Left_Top4 span.Mau{ width:50px; height:57px; float:left; margin:0px; background-size:100%}
#Top5{ width:100%; height:auto; float:left; margin:5px 0px}
#Top5 span{  float: left;
  margin: 7px 10px 5px 1px;}
#Top5 .txtOrd{width: 30px;
  height: 18px;
  float: left;
  margin: 3px 5px;
  text-align: center !important;}
  
  #Top5 button{width: 90px;
  height: 25px;
  background: #0072bc;
  border: none;
  color: #FFF;
  text-transform: uppercase;
  font-size: 11px;
  margin: 3px 3px;}
 #Top6{ width:98%; height:auto; float:left; margin:5px 0px 0px 0px; border-left:5px solid #23a5e4; background:#fafafa; padding-top:5px; padding-bottom:5px}
   #Top6 li{ width:50%; margin:0px; height:auto; float:left}
   #Top6 li a{ margin: 0px 5px !important;
  color: #434343;
  line-height: 25px; float:left
   }
   #Top6 li a .Muahang{ width:11px; height:11px; background:url(../iCon/icon_Online_1.png) no-repeat; float:left; margin:6px 5px}
    #Top6 li a .Thanhtoan{ width:13px; height:14px; background:url(../iCon/icon_Price.png) no-repeat; float:left; margin:4px 5px}
    #Top6 li a .Vanchuyen{ width:10px; height:13px; background:url(../iCon/icon_Van_chuyen.png) no-repeat; float:left; margin:5px 5px}
	#Top6 li a .Baohanh{ width:15px; height:16px; background:url(../iCon/icon_Chinh_sach.png) no-repeat; float:left; margin:0px 5px}
#Top7{ width:100%; height:auto; float:left; margin:7px 0px; text-align:justify; position:relative}
#Top7 #iCon{ width:54px; height:55px; background:url(../iCon/icon_HotPrice.png) no-repeat transparent; position:absolute}
#Top7 #Content_Top7{ width:99%; height:auto; min-height:55px; float:left; margin-top:7px; background:#fafafa; border: 1px solid #f2f2f2}
#Top7 #Content_Top7 ul li{ float:left; margin:2px 5px; width:46%}
#Top7 #Content_Top7 p{ margin:5px 5px 12px 65px; font-size:12px; line-height:18px }
#Top7 #Content_Top7 p a{ color:#ff5a00; text-decoration:underline}
#Top7 #Content_Top7 p span{ color:#ff5a00}
#Top7 #Content_Top7 ul li a{ font-size:12px; margin:2px 5px;  color:#ff5a00;}
#Top7 #Content_Top7 a span{ width:24px; height:15px; float:left; background:url(../iCon/red-star.gif) no-repeat; margin:3px 1px}
#Top8{ width:100%; height:auto; float:left; margin:8px 0px; font-size:12px; text-align:justify; color:#595959; font-style:italic}
#MangxH{width:100%; height:auto; float:left; margin:5px 0px}
#ProductTop #Info #Note{ width:auto; height:auto; padding:5px 8px; color:#3e3e3e; background:#fffbf3; border:1px solid #edebeb; float:left; margin:10px 0px; font-size:12px; line-height:18px}
#ContentProduct{width:100%; height:auto; padding:10px 0px; line-height:18px}
.Parameter{ width:100%; height:auto; float:left; margin:0px}
.Nvar1{ width:100%; height:30px; float:left; background: url(../iCon/bg_name.png) repeat left center scroll #007148;}
.Nvar1 .Name_one{ width:auto; height:100%; float:left; background:url(../iCon/bg_name.png) repeat left center scroll #ed2224;}
.Nvar1 .Name_one .iCon{ width:30px; height:100%; float:left; margin:2px 6px; background:url(../iCon/iCon-SH.png) no-repeat}
.Nvar1 .Name_one .Name{font-size:14px; margin:auto 5px; line-height:30px; color:#FFF; text-transform:uppercase; padding-right:25px}
.Content_Parameter{ width:100%; height:auto; float:left; margin:10px 0px}
.Parameter table{ width:100%; height:auto; float:left; margin:0px}
.Parameter table tr:nth-child(2n){ background-color:#f5f5f5}
 
.Parameter table tr td{ border-right:1px solid #f1efef;  font-size:13px ;
}
.xemthemchitiet{width:100%; height:auto; float:left; margin:5px 0px; text-align:center; font-size:15px; color:#00910a}
.xemthemchitiet a{display:inline-block; padding:5px 7px; color:#F00 }
.Parameter table tr td:first-child{text-align:center;line-height:26px;text-indent:15px; }
.Parameter table tr td:last-child{padding:0px 10px; line-height:18px;width:58%}
.Parameter table tr:last-child{ border-bottom:1px solid #f1efef;width:38%}
.Parameter table tr td h3{font-size:13px; margin:0px; float:left; font-weight:normal; border:none}
.Parameter table tr td h3 a{margin:5px; display:block}
 
.Advantage{ width:100%; height:auto; float:left; margin:10px 0px}
.Content_Advan{ width:100%; height:auto; float:left; margin:10px 0px; font-size:13px; line-height:18px; text-align:justify}
.Content_Advan img{max-width:97%; height:auto; float:left; margin:5px}

.ContentProduct{ width:100%; height:auto; float:left; margin:10px 0px}
.ContentProduct h2 {
    font-size: 14px;
    font-weight: bold;
    color: #3a4851;
    padding-bottom: 5px;
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 12px; text-transform:uppercase
}
.ContentProduct h3 {
    font-size: 14px;
    font-weight: bold;
    color: #3a4851;
    padding-bottom: 5px;
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 12px; text-transform:uppercase
}
.ContentProduct h2.Name,h3.Name{font-weight:normal; float:left; margin:0px; border:none}
.Content_ContentProduct{ width:100%; height:auto; float:left; margin:10px 0px; font-size:13px; line-height:20px; text-align:justify;-moz-user-select: none !important;
-webkit-touch-callout: none!important;
-webkit-user-select: none!important;
-khtml-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important;}
.Content_ContentProduct img{max-width:97%; height:auto !important;   margin:5px}
.Content_Image img{max-width:100%; height:auto !important;   margin:0px}
#Comment{ width:100%; height:auto;
 float:left;
 margin:5px 0px}
  #Comment .nVar_2{ width:95%; height:25px; float:left; margin:0px; background:url(../iCon/comments-icon.png) no-repeat left center scroll transparent; line-height:25px; text-indent:35px;color:#4b4b4b; text-transform:uppercase; font-family:CondensedBold; font-size:16px}
  #Sluion{ width:100%; height:auto; float:left; margin:0px}
  #review{ width:100%; height:auto; float:left; margin:0px}
  #review .rv1{ color:#ff5b02; font-size:13px; margin:5px; display:block}
#review .rv2{ color:#0a9aff; font-size:12px; margin:2px 5px; display:block; font-style:italic}
#ConmentFacebook{ width:100%; height:auto; float:left; margin:5px 0px}
#tb{ width:100%; height:auto; float:left; margin:5px 0px; border:0px; position:relative}
#tb tr{  position:relative; width:100%; float:left; display:table; table-layout:fixed; margin-bottom:6px}
#tb tr td{width:48%; float:left}
#tb tr td:first-child{ margin-right:7px}
#tb tr td:last-child{ margin-left:7px; float:right}
#tb tr td img{ float:left; margin:3px; max-width:80px; margin-right:20px; height:auto !important}
#tb tr h4{ color:#d81e13; margin:3px 0px}
#tb1{ width:100%; height:auto; float:left; margin:5px 0px; border:0px; position:relative}
#tb1 tr{  position:relative; width:100%; float:left; height:100%;margin-bottom:0px}
#tb1 tr td{ float:left; margin:0px}
#tb1 tr td img{ float:left; margin:3px; max-width:100px; margin-right:20px; height:auto !important}
#tb1 tr td h4{ color:#d81e13; margin:3px 0px; font-size:22px; font-family:Condensed; text-transform:uppercase}
#tb1 tr td:first-child{ width:14%; margin-right:15px}
 #tb1 tr td:last-child{ width:80%; float:left}
 #Note{ width:85%; height:auto; margin:8px auto; display:block; background:url(../iCon/iconChuY.png) no-repeat left center scroll #fefde8; background-position:5px; min-height:40px; padding:5px}
  #Note span{ font-size:12px; margin:5px 5px 5px 25px; text-align:center; display:block; color:#5c5c5c}
#tb2{ border:none;border-right:none; border-bottom:none; width:100% !important }
#tb2 tr{ min-height:25px; line-height:26px}
#tb2 td{text-indent:10px}
#tb2 td:first-child{ font-weight:bold}
#tb2 tr:nth-child(2n){ background-color:#f5f5f5}
#tb2 tr:first-child{ text-align:center; text-transform:uppercase; line-height:25px; background:#5f5f5f; font-weight:normal !important; font-weight:bold !important; color:#FFF}
#Headshort{width:100%; height:auto; float:left; margin:0px; padding:10px 0px}
#Headshort h1{font-size:30px; color:#00b3e7; font-weight:normal; margin:5px 5px}
#Headshort span{line-height:18px; color:#3e3e3e; margin:5px; display:block; font-size:12px}
#NoteContent{ width:auto; padding:5px; height:auto; float:left; margin:10px 0px; font-size:12px; line-height:18px; color:#6e6e6e}
#spcungia{width:100%; height:auto; float:left; margin:10px 0px; background:#fafafa; padding-bottom:10px}
#spcungia .Namecungia{color:#F00; font-weight:bold; font-size:14px; margin:5px 5px; display:block}
.Content_spcunggia{width:100%; height:auto; float:left; margin:0px;   border-top:1px #e5e5e5 solid; border-radius:5px }
.Tear_cg{width:32%; height:auto; margin:5px; border-right:1px #e5e5e5 solid; float:left}
.Tear_cg:last-child{border:none}
.Tear_cg .name_cg{ color:#3e3e3e; font-size:12px; margin:0px 2px 7px 5px; display:block; font-weight:bold}
.Tear_cg img{ height:70px; width:auto; float:left; margin:0px 15px 0px 5px; float:left}
.Tear_cg .Price{color:#3e3e3e;   display:block; margin:10px 5px 3px 10px}
.Tear_cg .Price span{color:#F00;   font-size:16px}
.Tear_cg .PriceSale{margin:2px 5px 2px 10px; display:block; font-size:12px; color:#3e3e3e}
 .buynow-button {
    width: 100%;
    float: left;
    margin-top: 30px;
    background-color: #fafafa;
    border-left: 7px #0063a4  solid;
}
.buynow-button-inner {
    margin: 20px;
}
.buynow-button-inner h3 .name-product{    font-size: 14px;
    font-weight: bold;
    color: #3a4851;
    margin-bottom: 10px;}
	.buynow-button-inner .thumb {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 20px;
    border: 1px #e4e4e4 solid; overflow:hidden}
	.buynow-button-inner .thumb img{max-width:100%; max-height:80px; margin:0px auto; display:block}
	.buynow-button-inner .price {
    float: left;
    border-right: 1px #ededed solid;
    padding-right: 20px;
    font-family: arial;
    font-size: 14px;
    color: #3a4851;
    line-height: 38px;}
	.buynow-button-inner  .new-price{    font-size: 16px;
    color: #ff0000;
    font-weight: bold;}
	.buynow-button-inner .button {
    float: right;
    margin-right: 30px;
    margin-top: 5px;
}
.buynow-button-inner .button .buy-now {
    background: #0063a4 url(../iCon/cart-new.png) no-repeat scroll 10px 12px;
    padding: 13px 40px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
	border:none
}
.VideoContent{width:100%; height:auto; float:left; margin:5px 0px}
#Content_MenuProduct .Tear_1{width:98%; margin:7px auto; clear:both}
@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 768px) {
.Root .Content_Root{width:100%; height:auto; float:left}
#ProductTop #ListImage .Tear_Img{width:19%}

}
@media screen and (max-width: 480px) {#ProductTop #Image{width:100%; height:auto; float:left; margin:0px}
#ProductTop #Info{width:97%; height:auto; float:left; margin:10px 0px; padding:5px}
#Top2 li{width:100%}
#tb tr td{width:100%}
#Headshort h1{font-size:20px}
}
figure { 
	display: inline-block; 
}
 
#slideshow {
	position: relative;
	width: 1200px;
	height: 390px;
	padding: 0px;
	float:left;
	margin: 0 ;
	
}

#slideshow img{ width:1200px; height:390px}
#slideshow figure img{float:left; margin:0px; width:100%}
#slideshow:before,
#slideshow:after {
	position: absolute;
	display:block;
	bottom:16px;
	width: 50%;
	height: 20px;
	content: " ";
	background: rgba(0,0,0,0.1);
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	 
	
	z-index: -10;
}
#slideshow:before {
	left:0;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
}
#slideshow:after {
	right:0;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
}
  
#slideshow .container {
	position:relative;
	width: 1200px;
	height: 390px;
	overflow: hidden;
}
/* timeline base */
#slideshow .container:after {
	position:absolute;
	bottom: 0; left:0;
	content: " ";
 
	width: 100%;
	height: 1px;
}

@-webkit-keyframes slider {
	0%, 20%, 100%	{ left: 0 }
	25%, 45%		{ left: -100% }
	50%, 70%		{ left: -200% }
	75%, 95%		{ left: -300% }
}
@-moz-keyframes slider {
	0%, 20%, 100%	{ left: 0 }
	25%, 45%		{ left: -100% }
	50%, 70%		{ left: -200% }
	75%, 95%		{ left: -300% }
}
@keyframes slider {
	0%, 20%, 100%	{ left: 0 }
	25%, 45%		{ left: -100% }
	50%, 70%		{ left: -200% }
	75%, 95%		{ left: -300% }
}

#slideshow .slider {
	position: absolute;
	left:0; top:0;
	width: 400%;
	height: 390px;
	
	-webkit-animation: slider 32s infinite;
	-moz-animation: slider 32s infinite;
	animation: slider 32s infinite;
}
.sl_i:target ~ #slideshow .slider {
	-webkit-transition: left 1s;
	-moz-transition: left 1s;
	transition: left 1s;
}
.sl_command:target ~ #slideshow .slider {
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}
#slideshow .c_slider {
	position: absolute;
	left:0; top:0;
	width: 400%;
	height: 390px;
	background: url(img/dummy-640x310-1.jpg) 0 0 no-repeat, url(img/dummy-640x310-2.jpg) 1200px 0 no-repeat, url(img/dummy-640x310-3.jpg) 1280px 0 no-repeat, url(img/dummy-640x310-4.jpg) 1920px 0 no-repeat;
}
.sl_i:target ~ #slideshow .c_slider {
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	transition: background 1s;
}

#slideshow figure {
	position:relative;
	padding:0; margin:0; float:left;
}


#slideshow figure:after {
	position: absolute;
	display:block;
	content: " ";
	top:0; left:0;
	width: 100%; height: 100%;
 
	
	-webkit-animation: figurer 32s infinite;
	-moz-animation: figurer 32s infinite;
	animation: figurer 32s infinite;
}

@-webkit-keyframes figcaptionner {
	0%, 25%, 50%, 75%, 100%						{ bottom: -55px;	}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ bottom: 5px;		}
}
@-moz-keyframes figcaptionner {
	0%, 25%, 50%, 75%, 100%						{ bottom: -55px;	}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ bottom: 5px;		}
}
@keyframes figcaptionner {
	0%, 25%, 50%, 75%, 100%						{ bottom: -55px;	}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ bottom: 5px;		}
}

#slideshow figcaption {
	position:absolute;
	padding: 20px 20px; margin:0;
	left:0; right:0; bottom: 5px;
	text-align:center;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	font-family: Georgia, Times, serif;
	background: #000;
	background: rgba(255,255,255,0.7);
	border-top: 1px solid rgb(225,225,225);
	color: #555;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
	
	-webkit-animation: figcaptionner 32s infinite;
	-moz-animation: figcaptionner 32s infinite;
	animation: figcaptionner 32s infinite;
}

@-webkit-keyframes timeliner {
	0%, 25%, 50%, 75%, 100%	{ width: 0;		}
	20%, 45%, 70%, 90%		{ width: 1200px;	}
}
@-moz-keyframes timeliner {
	0%, 25%, 50%, 75%, 100%	{ width: 0;		}
	20%, 45%, 70%, 90%		{ width: 1200px;	}
}
@keyframes timeliner {
	0%, 25%, 50%, 75%, 100%	{ width: 0;		}
	20%, 45%, 70%, 90%		{ width: 1200px;	}
}

#timeline {
	position: absolute;
	background: #999;
	bottom: 15px;
	left:0px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner 32s infinite;
	-moz-animation: timeliner 32s infinite;
	animation: timeliner 32s infinite;
}


#lean_overlay {
	position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#popup, .popup {
    width: auto;
 	padding-bottom: 2px;
	display:none;
     border-radius: 5px; -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    margin-left:-360px !important;
 
}

#popup-header, .popup-header { 
	background: url(../img/hd-bg.png); 
	padding: 18px 18px 14px 18px; 
	border-bottom: 1px solid #CCC; 
	border-top-left-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px; 
}

#popup-header  h2, .popup-header  h2 { color: #444; text-align:center; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#popup-header  p, .popup-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }
.info_popup { text-align:center; margin:20px; }      
 
@charset "utf-8";#Baogia{width:100%;height:auto;margin:10px auto;padding:10px 0px}
#Head_Top{width:90%;height:auto;margin:5px auto;height:104px}
#Head_Top #Left_Head{width:40%;height:100%;margin:0px;float:left;}
#Head_Top #Right_Head{width:60%;height:auto;float:left;margin:0px}
#Head_Top #Right_Head .hd1{font-size:20px;color:#656565;text-transform:uppercase;margin:5px;font-family:Condensed;text-align:right;display:block;font-weight:bold}
#Head_Top #Right_Head .hd2{font-size:12px;color:#4f4f4f;margin:2px;display:block;text-align:right}
#Head_Top #Right_Head .hd3{font-size:12px;color:#4f4f4f;margin:2px;display:block;text-align:right}
#Head_Top #Right_Head .hd4{font-size:12px;color:#4f4f4f;margin:2px;display:block;text-align:right}
#Content_Baogia{width:90%;height:auto;margin:0px auto}
#Content_Baogia h1{font-size:23px;color:#000;text-transform:uppercase;text-align:center;margin:25px 5px 5px 5px}
.line_bg{width:90%;height:1px;border-bottom:1px solid #d7d7d7;margin:10px auto}
#Content_Baogia .date1{font-size:12px;text-align:right;display:block;margin:5px;color:#414141;font-style:italic}
#Content_Baogia .kg{font-size:12px;display:block;margin:10px 5px;color:#414141;text-align:center;font-weight:bold}
#Tableb{width:100%;height:auto;float:left;margin:10px 0px;border:1px solid #dcdcdc;border-right:none;border-bottom:none}
#Tableb .Ord{width:5%;text-align:center}
#Tableb .Name{width:40%;;text-align:center}
#Tableb .Code{width:10%;;text-align:center}
#Tableb .Price{width:14%;;text-align:center}
#Tableb .Quality{width:4%;text-align:center}
#Tableb .SumPrice{width:14%;text-align:center}
#Tableb .Image{width:12%;text-align:center}
#Tableb .Head_tb{height:25px;text-transform:uppercase;font-weight:bold}
#Tableb td{text-indent:5px;    border: 1px solid #dadada;}
#Tableb tr{line-height:normal !important}
#Tableb .Names a{font-weight:bold;margin:3px 5px;color:#424242}
#Tableb .Names .n2{font-weight:normal;margin:3px 5px;display:block;font-style:italic}
#Tableb .Codes{font-weight:bold;text-align:center}
#Tableb .Codes a{margin:3px 5px;color:#424242}
#Tableb .Prices{text-align:center}
#Tableb .Ords{text-align:center}
#Tableb .Qualitys{text-align:center}
#Tableb .SumPrices{text-align:center}
#Tableb .Images img{width:90%;margin:5px auto;display:block}
.ghichu_bg{font-weight:bold;text-decoration:underline;margin:5px 5px 20px 5px;display:block;font-size:14px}
.ghichu1{font-size:12px;font-style:italic;color:#525252;margin:5px 5px 5px 30px;display:block}
.Printer{text-align:center;display:block;height:30px;color:#515151;line-height:30px;margin:10px 0px}
.Printer span.icon{width:30px;height:30px;background:url(../iCon/iCon_Printer.png) no-repeat;display:inline-block}
.Printer span{line-height:30px;display:inline-block}
@charset "utf-8";@media screen and (max-width:768px){#Head_Top{width:97%;}
#Content_Baogia{width:97%}
#Head_Top #Left_Head{background-size:100%}
.Printer{display:none}
}
@media screen and (max-width:488px){#Head_Top{height:auto;display:none}
#Table .Ord{width:5%;text-align:center}
#Table .Name{width:71%;;text-align:center}
#Table .Code{width:10%;;text-align:center}
#Table .Price{width:14%;;text-align:center}
#Table .Quality{display:none}
#Table .SumPrice{display:none}
#Table .Image{width:12%;text-align:center;display:none}
#Table .Head_tb{height:25px;text-transform:uppercase;font-weight:bold}
#Table td{text-indent:5px}
#Table tr{line-height:normal !important}
#Table .Names a{font-weight:bold;margin:3px 5px;color:#424242}
#Table .Names .n2{font-weight:normal;margin:3px 5px;display:block;font-style:italic}
#Table .Codes{font-weight:bold;text-align:center}
#Table .Codes a{margin:3px 5px;color:#424242}
#Table .Prices{text-align:center}
#Table .Ords{text-align:center}
#Table .Qualitys{text-align:center;display:none}
#Table .SumPrices{text-align:center;display:none}
#Table .Images img{width:90%;margin:5px auto;display:block;display:none}
#Content_Baogia h1{font-size:17px}
.line_bg{display:none}
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}
