/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Font face*/
@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: RM;
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: UTAV;
    src: url('fonts/UTMAvo.eot');
    src: url('fonts/UTMAvo.eot') format('embedded-opentype'),
         url('fonts/UTMAvo.woff2') format('woff2'),
         url('fonts/UTMAvo.woff') format('woff'),
         url('fonts/UTMAvo.ttf') format('truetype'),
         url('fonts/UTMAvo.svg#UTMAvo') format('svg');
}


/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; text-rendering: optimizeLegibility;}
a { text-decoration:none; color:#1471CE; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none !important; color:#F00; }
html {}/*Prevent Firefox Scrollbar Jump*/
img{border:none; max-width:100%; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ outline:1px solid #f97d17;}
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{ margin-left:15px; text-decoration: none !important;}

/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang a {background:#193d71;color: #FFF;cursor: pointer;font-size: 11px;margin: 10px 0 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang span{padding:3px 10px 5px;background:#f97d17;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;}
.phantrang a:hover {background: none repeat scroll 0 0 #f97d17; box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}

/* My */
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top { position: fixed; bottom: 5px; right:5px; text-align:center; display:none;}
.button{ padding: 2px 15px; background:#1471CE; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; outline:none;}
.button:focus{outline:none;}
.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; border-radius: 3px;}
.center{ max-width:1200px; margin:0 auto; position:relative;}
.center1{ max-width:1300px; margin:0 auto; position:relative;}
.w-clear:after{ display:block; content:""; clear:both;}
.red{ color:#F00;}
.rb{ color:#F00; font-weight: bold; font-size: 18px;}
.addthis_native_toolbox{ margin-top:10px;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.mrb15{ margin-bottom:15px;}
.mrt15{ margin-top:15px;}
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url(../img/loading.gif) no-repeat center,#FFF; display:none; opacity:0.9; top: 0px; left: 0px;}
.ct-l.load{ background:url(../img/load.gif) no-repeat center; min-height: 200px;}
.del{text-decoration: line-through;}
.main-tit{margin-bottom: 10px;font-family: RB; color: #00629a;border-bottom: 1px dashed #00629a; background: url(../img/bg-main-tit.png) no-repeat bottom left;padding: 14px 0px 0px 30px;}
.main-tit h2{margin: 0; font-size: 20px;font-weight: normal; line-height: 30px;}
.box-tab-tit{margin-bottom: 10px;font-family: RM; text-transform: uppercase; color: #FFF; margin-top: 15px; border-bottom: 1px solid #8cc5fe;text-align: center;}
.box-tab-tit:after{display: block;content: "";clear: both;}
.box-tab-tit div{ display: inline-block; line-height: 30px; padding: 5px 15px; cursor: pointer; background: url(../img/bg-menu.png); background-size: 100% 100%; margin-right: 20px; border-radius: 5px 5px 0px 0px;}
.box-tab-tit div.active{ color: #FFF; background: #8cc5fe;}
.box-tab-con{display: none;}
.box-tab-con:first-child{display: block;}
.slick-img-thumb{width: calc(100% + 10px); margin-left: -5px; margin-top: 10px;}
.slick-img-thumb img.thumb{ box-shadow: none !important; border: 1px solid #CCC !important;}
.slick-dots{ margin: 0px !important;}
#smenu{display: none;background: #1471CE; color: #FFF; padding: 5px 10px;}
.i-menu{width: 30px; margin-right: 10px; cursor: pointer;}
#smenu .input{ color: #000;}
#smenu .button{ background: #FF0; color: #000;}
#menus{display: none;}
.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: RB;}
.tbl .td,.tbl .th{ display: table-cell;}

/* RP Iframe*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

::-webkit-input-placeholder{color: #CCC;}
::-moz-placeholder{color: #CCC;}
:-ms-input-placeholder{color: #CCC;}
:-moz-placeholder{color: #CCC;}

/* Banner */
#banner{box-shadow: 1px 1px 5px #000;position: relative;z-index: 99;}
.banner-ab{position: absolute;bottom: 10px;right: 0; text-align: right;}
.banner-ab a{ color: #FFF; cursor: pointer;}
.banner-ab a:hover{ color: #FF0;}

/* Menu */
#menu{display: none;} 
.menu{}
.menu ul{margin: 0;}
.menu ul li{list-style: url(../img/left-li.png) inside; padding:10px 15px; background: url(../img/bg-left-li.png); background-size: 100% 100%;border-bottom: 1px solid #FFF;font-family: RB; font-size: 14px;text-transform: uppercase;position: relative;}
.menu ul li a{color: #FFF;}
.menu ul li a:hover{color: #FF0;}
.menu ul li ul{margin: 0;position: absolute;width: 100%;top: 0;left: 100%;z-index: 99;display: none;}
.menu ul li:hover ul{display: block;}

/* Slide */
#slide{}

/* Footer */
#footer{padding: 20px 0px; background: url(../img/bg-ft.png);}

/* Lien he */
.lh-l{width: 50%;float: left; padding-right: 20px;border-right: 1px solid #CCC;}
.lh-r{width: 50%;float: left;padding-left: 20px;border-left: 1px solid #CCC;margin-left: -1px;}
.lh-con-l{width: 30%;float: left;margin-bottom: 5px;}
.lh-con-r{width: 70%;float: left;margin-bottom: 5px;}
.lh-con-r *{max-width: 100%;}
.lh-con-r .input{width: 100%;}
.lh-con-r textarea{ border: 1px solid #e1e1e1;border-radius: 5px;width: 100%;}

/* San pham */
.box-sp{width: 290px;float: left; margin: 0px 20px 20px 0px; position: relative;overflow: hidden; text-align: center; border: 1px solid #CCC; padding: 5px;}
.box-sp-img{position: relative; overflow: hidden;border: 1px solid #CCC;}
.box-sp-img img{width: 100%;}
.box-sp h3{font-size: 16px;font-weight: normal;margin: 10px 0px 5px; font-family: RCB;}
.box-sp a{ color: #2e2e2e;}
.box-sp a:hover{ color: #F00;}
.box-sp-gia{}
.box-sp-gia strong{color: #F00;}
.box-sp-gia strong a{color:  #F00;}
.box-sp-gia .del{ font-size: 14px; color: #555;}
.box-sp-gia input{float: right;}
.box-sp-gia-l{float: left;}
.box-sp-gia-r{float: right;}
.box-sp-gia.km strong{font-weight: normal;position: relative;margin-right: 70px;}
.box-sp-gia.km .box-sp-km{ position: absolute;width: 66px;height: 28px;background: url(../img/bg-km.png); background-size: 100% 100%; line-height: 28px; color: #FFF;text-align: center;font-family: RCR;font-weight: normal;font-size: 16px;top: 10px;right: -70px;}
.box-sp-gia.km .del{font-size: 18px;font-weight: normal;color: #b6b6b6; font-family: RL; line-height: 20px;}
.box-sp-xn{position: absolute; top: -100px;left: 0;width: 100%;text-align: center;transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.box-sp-xn a{display: inline-block; padding: 5px; background: #258265; color: #FFF; border-radius: 5px;}
.box-sp:hover .box-sp-xn{top: 40%;}
.box-sp-ab{position: absolute;top: -100%;left: 0;width: 100%;height: 100%; padding: 10px 20px; background: #0d5ec0; color: #FFF; transition:all 0.5s;}
.box-sp-ab-l{float: left;width: 50%;}
.box-sp-ab-r{float: right;width: 50%;text-align: right;}
.box-sp-ab h3{padding: 0;padding-bottom: 10px;font-family: RCB; font-size: 16px; border-bottom: 1px solid #0076ff;color: #FF0; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.box-sp-ab h3 a{ color: #FF0;}
.box-sp-ab h3 a:hover{ color: #FF0;}
.box-sp-ab .w-clear{ border-bottom: 1px solid #0076ff; padding: 4px 0px; border-top: 1px solid #093e7e;}
.box-sp-ab .w-clear:last-child{border-bottom: none;}
.box-sp-ab-l a,.box-sp-ab-l a:hover{ color: #FFF; font-family: RCB; color: #FF0; font-weight: normal; font-size: 16px;}
.box-sp-ab-r input{ box-shadow: 1px 1px 5px #000;}
.box-sp:hover .box-sp-ab{top: 0;}
.box-sp-moi{position: absolute;top: 0;left: 0;width: 41px;height: 41px;background: url(../img/i-new.png); background-size: 100% 100%;z-index: 9;}
.ct-l{width: 48%;float: left;}
.ct-r{width: 48%;float: right;}
.ct-tit{font-family: RB; font-weight: normal; margin: 0px 0px 10px; color: #F00;}
.ct-tit h2{font-weight: normal; margin: 0px 0px 15px; color: #F00; font-size: 24px; margin: 0px;}
.ct-sp p{margin-bottom: 0px !important;}
.ct-sp-gia span{ color: #F00;font-weight: bold; font-size: 16px;}
.ct-sp-gia.del span{ color: #555; font-size: 14px;}
.sc-tab-tit{font-family: RB; margin-top: 10px; font-weight: bold; background: #DEDCDC; padding: 5px 10px; color: #555; cursor: pointer;}
.mn-l{width: 60%;float: left;position: relative;margin-left: 5%;border: 1px solid #f2f2f2; padding: 10px; box-shadow: 0px 0px 5px #CCC}
.mn-l img,#phuongphapphoimau .col-2 img{position: absolute;top: 10px;left: 10px;z-index: 0;opacity: 0;}
.mn-l img.active,#phuongphapphoimau .col-2 img.active{position: static;z-index: 99; opacity: 1;}
.mn-r{width: 28%;float: right;margin-right: 5%;}
.mn-r img{ margin: 0px 10px 10px 0px;float: left; cursor: pointer;}
.mn-r img:nth-child(2n){margin-right: 0;}
.sm-r img{ margin: 0px 0px 10px 0px !important;}

/* Tin tuc */
.box-news{line-height: 20px; margin: 0px 0px 0px 0px;padding-bottom: 25px; background: url(../img/bong-news.png) no-repeat center bottom;}
.box-news-img{float: left; margin-right: 10px;max-width: 150px;}
.box-news h3{margin: 0px 0px 5px;font-size: 18px; font-family:RB;}
.box-news-date{ color: #bbbbbb;}
.box-news a{ color: #00629a;}
.box-news a:hover{ color: #F00;}
.box-news:nth-child(2n){margin-right: 0;}
.box-news:nth-child(2n+1){clear: both;}
h2.tincungloai{font-size: 16px;font-weight: bold;border-bottom: 1px solid #CCC; margin: 0px 0px 5px; padding-bottom: 5px; margin-top: 15px;}

/* Container */
#container{ padding:20px 0px;}
.content{ text-align:justify;}
.left{width: 280px;float: left;margin-right: 20px;}
.mid{width: calc(100% - 600px);float: left;}
.right{width: 280px;float: right; overflow: hidden;}

/* Index */
.qc img{margin-top: 20px;}
.mb-20{margin-bottom: 20px;}
.rse{width: 100%;border: 1px solid #CCC;border-radius: 0px; padding: 7px 5px;}
.w-al img{width: 50%;float: left;}
.dk-l{width: 30%;float: left; margin-bottom: 5px;}
.dk-r{width: 70%;float: left;margin-bottom: 5px;}
.dk-r .input{width: 100%;}
.tl{font-family: RM; font-size: 18px;text-transform: uppercase; color: #FFF;text-align: center;background: #0370b8; padding: 5px; margin-bottom: 20px;}

.frm_dangky{float: left; width: calc(100% - 300px);}
.frm_dangky .main-tit{float: left; width: 100%; margin-bottom: 30px;}
.frm_dangky .mid{float: left; width: calc(50% - 10px);}
.frm_dangky .right{float: right; width: calc(50% - 10px); overflow: inherit;}
.dangky_frm{padding: 10px 20px; position: relative; border: 1px solid #D6D6D6; margin-top: 10px; box-sizing: border-box;}
.tieude_dangky{position: absolute; background: #F7F7F7; padding: 0 15px; top: -16px; left: 20px; border: 1px solid #D6D6D6; font-size: 13px; }
.item_lienhe{margin: 8px 0px; line-height: 30px; font-size: 13px;}
.item_lienhe span{color: red; margin-left: 5px;}
.item_lienhe p{margin: 0;}
.item_lienhe input[type='text'], .item_lienhe textarea, .item_lienhe input[type='password'], .item_lienhe select{width: 100%; line-height: 15px; outline: none; padding: 8px 10px; border: 1px solid #D6D6D6; box-sizing: border-box; background: #F7F7F7; border-radius: 0;}
.item_lienhe select{padding: 7px 10px;}
.datepicker table tr td, .datepicker table tr th{line-height: 21px !important;}
.load_gia{margin-top: 10px;}
.load_gia p{margin: 0;}
.load_gia span{color: #d00; font-weight: bold;}

.phuongthuc{margin: 10px 0px 10px 0px; box-sizing: border-box; }
ul.list-content{list-style-type: none; margin: 0px; padding: 0px;}
ul.list-content label{font-weight: normal;}
ul.list-content input[name="option_payment"]{margin-right: 5px; position: relative; top: 2px;}
.phuongthuc input{width: auto; height: auto;}
.list-content li .boxContent{display: none; border: 1px solid #cccccc; padding: 10px; margin: 5px 0 10px;}
.list-content li.active .boxContent{display: block;}
.list-content li .boxContent ul {list-style: none; padding: 0; margin: 0; margin-top: 10px;}
ul.cardList li{cursor: pointer; float: left; margin-right: 0; padding: 5px 4px; text-align: center; width: 25%;}
i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB,i.NAB,i.BAB{width:80px; height:30px; display:block; background:url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat; margin: auto;}
i.VISA { background-position:0px 0}
i.MASTE { background-position:0px -31px}
i.AMREX { background-position:0px -62px}
i.JCB { background-position:0px -93px;}
i.VCB { background-position:0px -124px;}
i.TCB { background-position:0px -155px;}
i.MB { background-position:0px -186px;}
i.VIB { background-position:0px -217px;}
i.ICB { background-position:0px -248px;}
i.EXB { background-position:0px -279px;}
i.ACB { background-position:0px -310px;}
i.HDB { background-position:0px -341px;}
i.MSB { background-position:0px -372px;}
i.NVB { background-position:0px -403px;}
i.DAB { background-position:0px -434px;}
i.SHB { background-position:0px -465px;}
i.OJB { background-position:0px -496px;}
i.SEA { background-position:0px -527px;}
i.TPB { background-position:0px -558px;}
i.PGB { background-position:0px -589px;}
i.BIDV { background-position:0px -620px;}
i.AGB { background-position:0px -651px;}
i.SCB { background-position:0px -682px;}
i.VPB { background-position:0px -713px;}
i.VAB { background-position:0px -744px;}
i.GPB { background-position:0px -775px;}
i.SGB { background-position:0px -806px;}
i.NAB { background-position:0px -837px;}
i.BAB { background-position:0px -868px;}
.bank-online-methods input{margin-left: 3px; position: relative; top: 2px;}

/* Reponsive */
@media (min-width: 1200px) 
{
    .box-sp:nth-child(2n){margin-right: 0;}
    .box-sp:nth-child(2n+1){clear: both;}
    .box-news:nth-child(2n){margin-right: 0;}
    .box-news:nth-child(2n+1){clear: both;}
}

@media (max-width: 1199px) 
{
    #container{ padding: 20px 15px;}
    #menu{ z-index: 120;}
    #menu.fix{width: 100%;left: 0;}
    .box-news{width: 100%;float: none;margin: 0px 0px 15px;}
    #footer{padding-left: 15px;padding-right: 15px;}
    .slick-sp{width: 100%;margin: 0;}
    .banner-ab{right: 10px;}
    .left,.right{width: 230px;}
    .mid{width: calc(100% - 500px);}
    .frm_dangky .mid{width: calc(50% - 10px);}
    .frm_dangky .right{display: block; width: calc(50% - 10px)}
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .sm-blue a{ padding: 0px 9px !important; line-height: 50px !important;}
    .sm-blue ul a{ line-height: 30px !important;}
    
    .box-sp{width: 30%; margin: 0px 4.5% 20px 0px;}
    .box-sp:nth-child(3n){margin-right: 0;}
    .box-sp:nth-child(3n+1){clear: both;}
    
    .box-news-img{max-width: 150px;}
}

@media (min-width: 992px) 
{
    .sub-arrow{display: none !important;}
    .box-spi:nth-child(3n){margin-right: 0;}
    .box-spi:nth-child(3n+1){clear: both;}
    .slang{display: none;}
}

@media (max-width: 991px) 
{
    #smenu{display: block;background: #1471CE;}
    #smenu a{font-family: RB; color: #FF0; font-size: 14px;}
    #menu,#banner{position: static !important;}
    #menu,.right,.left,.banner-ab{display: none;}
    .mid{width: 100%;float: none;margin: 0;}
    .slang{display:inline-block;}
    .frm_dangky{width: 100%;}
    .frm_dangky .mid{width: 100%;}
    .frm_dangky .right{display: block; width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px)
{
    .box-sp{width: 30%; margin: 0px 4.5% 20px 0px;}
    .box-sp:nth-child(3n){margin-right: 0;}
    .box-sp:nth-child(3n+1){clear: both;}
    .i-l{width: 300px;}
    .i-r{width: calc(100% - 300px);}
    .box-spi{width: 50%;}
    .box-spi:nth-child(2n){margin-right: 0;}
    .box-spi:nth-child(2n+1){clear: both;}
    .w-al img{width: 33.33%;}
}

@media (max-width: 767px) 
{
    .ft-1,.ft-2,.ft-3{width: 100%;float: none; margin: 0px 0px 20px 0px;}
    .ct-l,.ct-r,.lh-l,.lh-r{width: 100%;float: none; margin: 0px 0px 15px 0px;padding: 0; border: none;}
    .i-l{display: none;}
}

@media (min-width: 375px) and (max-width: 767px)
{
    .box-sp{width: 48%; margin: 0px 4% 20px 0px;}
    .box-sp:nth-child(2n){margin-right: 0;}
    .box-sp:nth-child(2n+1){clear: both;}
    
    .i-r{width: 100%;float: none;}
    .box-spi{width: 50%;}
    .box-spi:nth-child(2n){margin-right: 0;}
    .box-spi:nth-child(2n+1){clear: both;}
}

@media (max-width: 374px) 
{
    .lh-con-l,.lh-con-r{width: 100%;float: none;margin: 0px; padding: 0px;}
    .lh-con-r{margin-bottom: 10px;}
    .box-sp,.box-spi{width: 90%; margin: 0px 5% 20px;float: none;}
    #smenu .input{width: 140px;}
}