﻿body { width: 100%;margin: 0 auto; background: #e6dcd0}
/*Class dùng chung*/
.w960{ width: 960px; margin: 0 auto}
.w980{ width: 980px; margin: 0 auto}
.w1000{ width: 1000px; margin: 0 auto}
.w1020{ width: 1020px; margin: 0 auto}
.w1030{ width: 1030px; margin: 0 auto}
.w1040{ width: 1040px; margin: 0 auto}

/*Hover Zoom ảnh-K xóa*/
#mystickytooltip .boder_img{width: 300px;height: 300px;display: block;
        text-align: center;display: table-cell !important;vertical-align: middle !important; background: #FFF}
#mystickytooltip .boder_img img{max-width: 300px !important;max-height: 300px !important;width: auto !important;
        height: auto !important;vertical-align: middle !important;}
/*Hover Zoom ảnh*/

.cb{clear: both}
.h10{height: 10px}
.h15{height: 15px}
.h20{height: 20px}
.h30{height: 30px}
.h40{height: 40px}
.Left{float: left}
.Right{float: right} 

ul,li{ margin: 0; padding: 0}
a, a:hover{text-decoration: none}
h1,h2,h3,h4{ margin: 0; padding: 0}
/*Class dùng chung---End*/

#Wrapper{ width: 100%;margin: 0 auto;min-width: 1000px;}
.Wrapper_Site{ background: url('img/bg_wrapper_1.png') no-repeat center 120px; *background: url('img/bg_wrapper_1.png') no-repeat top center !important;}
.Wrapper_Second{ background: url('img/bg_wraper_2.png') no-repeat center 120px; *background: url('img/bg_wraper_2.png') no-repeat top center !important;}


/*Header*/
#Wrapper .Header{ width: 100%;margin: 0 auto;height: 140px;background: url('img/bg_header.png') repeat-x top center}
#Wrapper .Header .w960{position: relative}
#Wrapper .Header .w960 #Logo{width: 210px; height: 138px;position: absolute;left: 39%;top: 4%; overflow: hidden}
#Wrapper .Header .w960 #Logo .Adv img{ width: 210px; height: 138px}
#Wrapper .Header .TopHeader{width: 100%;height: 75px;margin: 0 auto;margin-bottom: 5px; }
#Wrapper .Header .TopHeader .Supportop{ float: left;margin-top: 17px;}
#Wrapper .Header .TopHeader .Search_box{ float: right;margin-top: 23px;}

#Wrapper .Header .MenuHeader{width: 100%;height: 40px;margin: 0 auto;}
#Wrapper .Header .MenuHeader .Menu_left{ float: left; text-align: left}
#Wrapper .Header .MenuHeader .Menu_right{ float: right; text-align: right}

/*Header--End*/

/*WrapContent*/
#Wrapper .WrapContent{ width: 960px;margin: 0 auto;}
#Wrapper .WrapContent .WrapContent_Left{ float: left;width: 200px}
#Wrapper .WrapContent .WrapContent_Right{ float: right; width: 690px}
.Wrapper_Second .WrapContent{width: 920px !important;background: #fff;border-radius: 3px;padding: 20px;margin: 0 auto; min-height: 550px}

/*WrapContent--End*/

/*Footer*/
.Wrapper_Site .Footer{background: url('img/bg_footer.png') repeat-x center}
#Wrapper .Footer{ width: 100%;height: 127px;margin: 0 auto;}
#Wrapper .Footer .CopyRight{ float: left;width: 295px;margin-top: 25px; margin-right: 10px}
#Wrapper .Footer .CopyRight .kimlai_googlemap{ display: block;height: 30px;background: url('img/ic_map_footer.png') no-repeat left 0px;padding-left: 40px;
    font: normal 13px/42px Arial;color: #6b271a;}
#Wrapper .Footer .CopyRight .kimlai_googlemap .Contact_click{ color: #6b271a;text-decoration: underline; cursor: pointer}
#Wrapper .Footer .CopyRight .kimlai_googlemap .Contact_click:hover{color: #0000ff}
#Wrapper .Footer .CopyRight .Kimlai2014{ display: inline-block;color: #6b271a;font: bold 13px/18px Arial;margin: 5px 0; width: 100%}
/*#Wrapper .Footer .CopyRight .Kimlai2014 span{ display: inline-block;float: left; margin-right: 3px}*/
#Wrapper .Footer .CopyRight .Kimlai2014 a{ color: #333333; font-weight: normal}
#Wrapper .Footer .CopyRight .Design{ width: 100%;font: normal 12px/18px Arial;color: #333333;}
#Wrapper .Footer .CopyRight .Design a{ cursor: pointer; color: #333333}
#Wrapper .Footer .CopyRight .Design a:hover{color: #6b271a}
#Wrapper .Footer .Contact_Kimlai{ width: 350px;float: left; margin-top: 25px}
#Wrapper .Footer .Contact_Kimlai .Adv .item{ text-align: center;color: #333333; line-height: 18px}
#Wrapper .Footer .Contact_Kimlai .Adv .item h2{ margin-bottom: 5px;}
#Wrapper .Footer .Share_Online{ width: 140px;float: right;margin-top: 20px;}
#Wrapper .Footer .Share_Online .Title{ width: 100%;font: bold 16px/20px Time new romal;color: #6b271a;text-transform: uppercase;margin-bottom: 12px; text-align: center}
#Wrapper .Footer .Share_Online a{ display: block;width: 40px;height: 40px;float: right; cursor: pointer}
#Wrapper .Footer .Share_Online .tw_share{ background: url('img/ic_tw.png') no-repeat center;margin-left: 10px;}
#Wrapper .Footer .Share_Online .g_share{ background: url('img/ic_g.png') no-repeat center;margin-left: 10px;}
#Wrapper .Footer .Share_Online .fb_share{ background: url('img/ic_fb.png') no-repeat center;}
/*hover*/
#Wrapper .Footer .Share_Online .tw_share:hover{ background: url('img/ic_tw_hover.png') no-repeat center;}
#Wrapper .Footer .Share_Online .g_share:hover{ background: url('img/ic_g_hover.png') no-repeat center;}
#Wrapper .Footer .Share_Online .fb_share:hover{ background: url('img/ic_fb_hover.png') no-repeat center;}
/*Footer--End*/


/*Default*/
#Default{width: 960px}
#Default .Slide_Banner{width: 100%;height: 360px;position: relative;}
/*Default--end*/


/*phân trang*/
#divPage{margin-top: 20px}
.pager {float: left;position: relative;overflow: hidden;text-align: left;}
.pager a.num {width: 30px;height: 30px;text-align: center;display: inline-block;color: #fff;background: #cfa57d;
    font: bold 13px/30px arial;margin-right: 5px;}
.pager a.select, .pager a:hover {color: #fff;background: #743023;font-weight: bold;}
.pager a.num span {line-height: 26px;}
/*phân trang--End*/