body {margin: 0; padding:0;  position:relative; box-shadow: inset 0 32px #2f2d2b; overflow-x:hidden}
body:before{width:100%; height:1px; background:#e4dfdb; content:''; position:absolute; left:0; top:33px;}
header{margin: 0 -8px; height:160px; clear:both; position:relative;  z-index:20; margin-bottom:0px; }
header #clock{float:left; color:rgba(255,255,255,1); position:absolute; top:7px; left:0; font-size:12px;}
header .wrap-mainmenu{width:100%; float:left; height:52px; position:absolute; bottom:0px; left:0; padding: 0 15px 5px 20px; display:block; background:url(gd-bg-mainmenu.png) repeat-x 0 bottom; }
header .wrap-mainmenu:before{content:''; width:8px; height:10px; background:url(gd-mainmenu-nav.png) no-repeat 0 0; position:absolute; top:100%; left:0;}
header .wrap-mainmenu:after{content:''; width:8px; height:10px; background:url(gd-mainmenu-nav.png) no-repeat right 0; position:absolute; top:100%; right:0;}
header a.logo-company{text-decoration:none; float:left; margin-top:45px; }
header a.logo-company img{height:44px;}
header a.logo-company p{margin:0; padding:0; text-align:justify; color:rgba(0,0,0,.8); font-size:18px; display:block; margin-top:3px; letter-spacing:1.6px; font-family: 'Roboto Condensed', sans-serif; }
header .col-banner{position:relative;}
header .wrap-mainsearch{height:45px; position:relative; float:left; z-index:11; display:block;}
header .wrap-mainsearch .nav-search{width:26px; height:26px; border-radius:3px; background:rgba(0,0,0,.07); text-align:center; line-height:26px; color:#fff;text-decoration:none;  transition:.3s; font-size:12px; float:left; display:none;}
header .wrap-mainsearch .nav-search:hover,
header .wrap-mainsearch .nav-search.active{background:#65c5f2; color:#fff;}
header .wrap-mainsearch #panel-search {  padding: 0; display: block; width:220px; background:none; position:relative; top:2px; right:0; border-radius:3px; box-shadow:none; border:none; }
header .wrap-mainsearch #panel-search:before{font-family: 'FontAwesome';     content: "\f002"; font-size:11px; position:absolute; top:-2px; right:8px; color:#cdc8c3;}
header .wrap-mainsearch #panel-search input[type='text']{background:#fff; height:22px; padding:0 22px 0 5px; border:1px solid #cdc8c3; width:100%; font-size:11px; border-radius:4px; box-shadow: inset 2px 2px 2px rgba(0,0,0,.1) }
header .wrap-mainsearch #panel-search input[type='text']:focus{outline:none;}
header .wrap-nn{position:relative; right:0px; top:0px; z-index:11; float:right;}
header .wrap-nn .language{ width: auto; margin:7px 0 0 0; padding:0px 3px 0px 5px;  float:left;}
header .wrap-nn .language .label{ float:left; padding-top:0px; color:#808080; font-weight:normal; display:none;}
header .wrap-nn .language img{ float:left; border: none; margin-left: 5px; }
header a.cart{color:#fff; font-weight:500; text-decoration:none; font-weight:bold; font-size:13px; float:left; padding:0 15px 5px 15px; height:44px;  background:#fb7b26; box-shadow: inset 0 -5px rgba(0,0,0,.18);  position:absolute; top:116px; z-index:10; right:15px; text-align:center; z-index:10;
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cb5204), to(#fb7b26));
                background: -webkit-linear-gradient(top, #cb5204, #fb7b26);
                background: -moz-linear-gradient(top, #cb5204, #fb7b26);
                background: -ms-linear-gradient(top, #cb5204, #fb7b26);
                background: -o-linear-gradient(top, #cb5204, #fb7b26);
}
header a.cart:before{width:100%; height:1px; content:''; background:rgba(255,255,255,.2); position:absolute; bottom:5px; left:0;}
header a.cart label{font-weight:bold; padding: 11px 2px 0 5px; cursor:pointer; }
header a.cart i{font-size:14px; float:left; margin-top:12px; }
header a.cart span{height:20px; font-size:12px; width:20px; line-height:19px; background:#629826; padding: 0 5px; border-radius:50%; font-size:11px; display:block; float:right; margin:10px 0 0 5px; }
header .wrap-hotline-email{position:absolute; top:55px; right:0px;}
header .wrap-hotline-email i{font-size:24px; color:#dfd8d2; position:absolute; top:3px; left:0;}
header .wrap-hotline-email label{display:block; margin:1px 0 0 0; padding:0; color:rgba(0,0,0,.7); font-weight:500; font-size:10px; text-transform:uppercase }
header .wrap-hotline-email span{display:block;  color:#fb7b26; font-size:15px; margin:-3px 0 0; padding:0; float:left; font-weight:500;}
header .wrap-hotline-email .hotline{float:left; position:relative;  padding-left:25px; padding-right:15px;}
header .wrap-hotline-email .hotline:before{content:''; width:1px; height:20px; background:#e4deda; position:absolute; top:50%; margin-top:-10px; right:0;}
header .wrap-hotline-email .email{float:left; position:relative;  padding-left:30px; margin-left:15px;}

header .wrap-hotline-email .email i{font-size:22px; top:6px;}
header .wrap-hotline-email .email span{font-weight:300; color:#60972a; }

header .bartop{position:absolute; top:3px; right:0; background:#f6f2ee; height:34px; line-height:28px; border-radius:3px; box-shadow:inset 0 -4px #e4dfdb; padding: 0 6px;}

ul.system{position:absolute; top:6px; right: 290px; margin:0; padding:0; list-style:none; text-align:center;}
ul.system li{padding: 0 8px 0 12px; position:relative; display:inline-block; color:#fff;}
ul.system li:before{content:''; width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.5); position:absolute; top:8px; left:0; }
ul.system li a{text-decoration:none; color:rgba(255,255,255,.7); font-size:12px; transition:.3s;}
ul.system li a:hover{color:#fff;}
ul.system li a:focus{outline:none;}
/* Slider */
#mainslider{width:100%; float:left; position:relative; padding:15px; background:#e4dfdb; border-bottom: 1px solid #c2bab7; }
#mainslider .item{width:100%; float:left; display:block;}
#mainslider .item img{display: block; width: 100%; height: auto; border-radius:5px;}
#mainslider .owl-prev,
#mainslider .owl-next{width:35px;height:62px;display:block;cursor:pointer; opacity:1;position:absolute;top:50%; transition:.3s;left:0px;margin-top:-31px; font-size:0; border-radius:0; }
#mainslider .owl-next{background:url(gd-slider-navRight-hover.png) no-repeat 0 0; left:initial;right:10px; }
#mainslider .owl-next:hover{background:url(gd-slider-navRight.png) no-repeat 0 0; }
#mainslider .owl-next:before{width:35px; height:62px; padding-left:3px; line-height:62px; content:"\f054"; font-size:14px; color:#fff; display:block; font-family: 'FontAwesome'; position:absolute; top:0; left:0; text-align:center; padding-left:10px; transition:.3s; }
#mainslider .owl-next:hover:before{color:#60972a;}
#mainslider .owl-prev{background:url(gd-slider-navLeft-hover.png) no-repeat 0 0; left:10px;}
#mainslider .owl-prev:hover{background:url(gd-slider-navLeft.png) no-repeat 0 0;}
#mainslider .owl-prev:before{width:35px; height:62px; padding-left:3px; line-height:62px;content:"\f053";  font-size:14px; color:#fff; display:block; font-family: 'FontAwesome'; position:absolute; top:0; left:0; text-align:center; padding-right:10px; transition:.3s; }
#mainslider .owl-prev:hover:before{color:#60972a}

#mainslider .owl-pagination{position:absolute; width:100%;  bottom:30px;}
#mainslider .owl-controls .owl-page span{opacity:.5; background:#60972a; margin: 0 5px; transition:.3s;}
#mainslider .owl-controls .owl-page:hover span,
#mainslider .owl-controls .owl-page.active span{background:#60972a; opacity:1}
#mainslider .owl-controls{margin:0;}

.col-content-left{padding-right:30px;}
.col-content-left:before{content:''; background:#fff url(gd-line-left.png) repeat-y 0 0; width:25px; height:100%; position:absolute; top:0; left:100%;}
.col-content-right{background:url(gd-line-left.png) repeat-y 0 0; padding-left: 30px;}
.col-slider{padding-right:0;}

/* Login */
.col-login{padding-left:0; }
.col-login .wrap-banner{width:100%; float:left; height:378px;  padding: 15px 15px 0 0; background:#e4dfdb; position:relative; z-index:10;}
.col-login .wrap-banner a.link{width:100%; height:348px; border-radius:4px; overflow:hidden; float:left;  }
.col-login .wrap-banner a.link img{height:100%;}
.col-login .wrap-banner .panel-login{width:100%; position:absolute; top:100%; right:0; margin-top:-1px; }
.col-login .wrap-banner .panel-login .inner{margin: 0 0 0 -15px; height:165px; padding: 0 15px 15px 15px; border-bottom: 1px solid #c2bab7; border-left: 1px solid #c2bab7; position:relative;  background:#e4dfdb; border-radius:0 0 6px 6px; box-shadow: 0 3px 2px rgba(0,0,0,.1), inset 0 -4px 5px rgba(0,0,0,.02)}
.col-login .wrap-banner .panel-login .inner h3{float:left; margin:0; padding:0; font-size:16px; color:#60972a;}
.col-login .wrap-banner .panel-login .inner .from{width:100%; float:left; margin-top:5px;}
.col-login .wrap-banner .panel-login .inner .from input[type='text'],
.col-login .wrap-banner .panel-login .inner .from input[type='password'] { background: #fff;height: 30px; margin-top:10px; padding: 0 22px 0 5px; border: 1px solid #cdc8c3; width: 100%; border-radius: 4px;box-shadow: inset 2px 2px 2px rgba(0,0,0,.1); transition:.3s;}
.col-login .wrap-banner .panel-login .inner .from input[type='text']:focus,
.col-login .wrap-banner .panel-login .inner .from input[type='password']:focus{border-color:#fb7b26; outline:none;}
.col-login .wrap-banner .panel-login .inner .from .login{ height: 34px; border:none; float:left;border-radius: 15px;text-decoration: none;box-shadow: inset 0 -3px rgba(0,0,0,.07);display: inline-block;font-weight: 500;line-height: 32px;border-radius: 4px;padding: 0 15px;text-align: center;margin: 10px 0 0 0;color: #fff;font-size: 13px;transition: .3s;display: inline-block;position: relative;
    background: #b9b9b9;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9b9b9), to(#c5c5c5));
    background: -webkit-linear-gradient(top, #b9b9b9, #c5c5c5);
    background: -moz-linear-gradient(top, #b9b9b9, #c5c5c5);
    background: -ms-linear-gradient(top, #b9b9b9, #c5c5c5);
    background: -o-linear-gradient(top, #b9b9b9, #c5c5c5);
}
.col-login .wrap-banner .panel-login .inner .from .register{text-decoration:none; float:left; color:#cb5204; margin: 17px 0 0 15px; transition:.3s; font-weight:bold;}
.col-login .wrap-banner .panel-login .inner .from .register:hover{text-decoration:underline}
.col-login .wrap-banner .panel-login .inner .from .register:focus{outline:none;}

/* Index */
.wrap-hot-products{position:relative; z-index:5; margin:0 0 50px 0 ;  padding: 15px 310px 25px 10px; display:block;  width:100%; float:left; border-radius:0 0 4px 4px; }
.wrap-hot-products:before{content:''; width:100%; height:5px; position:absolute; top:0; left:0; opacity:.5;
                            background:#f6f2ee;
                            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cb5204), to(#f6f2ee));
                            background: -webkit-linear-gradient(top, #d4d1cc, #f6f2ee);
                            background: -moz-linear-gradient(top, #d4d1cc, #f6f2ee);
                            background: -ms-linear-gradient(top, #d4d1cc, #f6f2ee);
                            background: -o-linear-gradient(top, #d4d1cc, #f6f2ee);
}

ul.hot_products{ margin:0 -10px; padding:0px 0 0 0; list-style: none; float:left;}
ul.hot_products li{ padding:25px 10px 20px 10px; float:left;position:relative; transition:.3s; text-align:center; width:100%; }
ul.hot_products li a.img{width:100%; float:left; position:relative;}
ul.hot_products li a.img:before{content:""; width:100%; height:5px; background:#f37420; position:absolute; left:0; bottom:-6px; opacity:.3; border-radius: 0 0 4px 4px;}
ul.hot_products li a.img img{width:100%; border-radius: 4px 4px 0 0}
ul.hot_products li a.link-name{text-decoration:none; color:rgba(0,0,0,.7); display:block;  text-align:center; text-transform:uppercase; padding-top:10px; clear:both; position:absolute; left:0; bottom:0; width:100%; padding: 0 10px;}
ul.hot_products li a.link-name h3{margin:0; padding:0; font-size:15px; font-weight:700; line-height:18px; transition:.3s;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; }
ul.hot_products li a.link-name:hover h3{color:#fb7b26}
ul.hot_products li .price{display:block; font-weight:500; color:#e57aac; text-align:center; padding-top:5px; font-weight:bold; font-size:18px;}
ul.hot_products li .addcart{width:40px; height:5px; background:#cb631e; display:inline-block; position:relative; text-decoration:none; color:#fff; text-align:center; transition:.3s; margin-top:1px;}
ul.hot_products li .addcart i{line-height:32px; font-size:14px; width:100%; float:left; position:absolute; bottom:5px; left:0; background:#ed6f1c; box-shadow: inset 0 -1px rgba(255,255,255,.1); border-radius: 4px 4px 0 0; height:0; overflow:hidden; transition:.3s;}
ul.hot_products li .addcart:hover i{box-shadow: inset 0 -30px rgba(255,255,255,.7); color:#cb5204}
ul.hot_products li:hover .addcart i{height:32px;}

ul.thumb_products{ margin:0 -10px; padding:0; list-style: none;}
ul.thumb_products li{ margin:0; padding:30px 10px 0 10px ; float:left;position:relative; text-align:center; }
ul.thumb_products li .box-product{ width:100%; float:left; position:relative; padding-bottom:25px;}
ul.thumb_products li a.img{width:100%; float:left; position:relative;}
ul.thumb_products li a.img:before{content:""; width:100%; height:5px; background:#60972a; position:absolute; left:0; bottom:-6px; opacity:.4; border-radius: 0 0 4px 4px;}
ul.thumb_products li a.img img{width:100%; border-radius: 4px 4px 0 0}
ul.thumb_products li a.link-name{text-decoration:none; color:rgba(0,0,0,.7); display:block;  text-align:center; text-transform:uppercase; padding-top:10px; clear:both; position:absolute; left:0; bottom:0; width:100%; padding: 0 10px;}
ul.thumb_products li a.link-name h3{margin:0; padding:0; font-size:14px; font-weight:700; line-height:18px; transition:.3s;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; }
ul.thumb_products li a.link-name:hover h3{color:#60972a}
ul.thumb_products li .price{display:block; font-weight:500; color:#e57aac; text-align:center; padding-top:5px; font-weight:bold; font-size:18px;}
ul.thumb_products li .addcart{width:40px; height:5px; background:#60972a; display:inline-block; position:relative; text-decoration:none; color:#fff; text-align:center; transition:.3s; margin-top:1px;}
ul.thumb_products li .addcart i{line-height:32px; font-size:14px; width:100%; float:left; position:absolute; bottom:5px; left:0; background:#73aa27; box-shadow: inset 0 -1px rgba(255,255,255,.1); border-radius: 4px 4px 0 0; height:0; overflow:hidden; transition:.3s;}
ul.thumb_products li .addcart:hover i{box-shadow: inset 0 -30px rgba(255,255,255,.7); color:#60972a}
ul.thumb_products li:hover .addcart i{height:32px;}


.title-page{margin:0; padding: 0px ; color:#736357;display: block; line-height:17px; font-size: 25px; width:100%; float:left; font-weight:300; border-bottom:4px solid #75ab22; padding-bottom:15px; position:relative;}
.title-page:before{content:''; width:8px; height:10px; background:url(gd-mainmenu-nav.png) no-repeat 0 0; position:absolute; top:100%; margin-top:4px; left:0;}
.title-page:after{content:''; width:8px; height:10px; background:url(gd-mainmenu-nav.png) no-repeat right 0; position:absolute; top:100%; margin-top:4px; right:0;}

.info-product-sale { background: #ef601d ; border-radius: 3px; color: #fff;position:absolute;font-size: 12px;font-weight: 500;height: 20px;line-height: 20px;top:5px;right:5px;padding: 0 5px;text-align: center;text-transform: uppercase;z-index:10; display:none;}
.info-product-hot{ background: #d00d0d ; border-radius: 3px; color: #fff;position:absolute;font-size: 12px;font-weight: 500;height: 20px;line-height: 20px;top:5px;left:5px;padding: 0 5px;text-align: center;text-transform: uppercase;z-index:10; display:none;}
.info-product-kind{ background: #64b21f; border-radius: 3px; color: #fff;position:absolute;font-size: 12px;font-weight: 500;height: 20px;line-height: 20px;top:5px;left:5px;padding: 0 5px;text-align: center;text-transform: uppercase;z-index:10; display:none;}

ul.ad-home{margin: 0 -10px; padding:20px 0; list-style:none; display:inline-block;}
ul.ad-home li{padding: 20px 10px 0 10px;}
ul.ad-home li img{width:100%; border-radius:5px;}

.gmap {width:100%;height:100%;min-height:400px; float:left; }
.gmap_image img {max-width:100%;}
.gmap h2{text-transform:uppercase; font-size:13px; font-weight:500; color:#5fa81b; margin:0; padding:5px 0 0 0;}
.gmap p{font-size:12px; color:rgba(0,0,0,.7); display:block; margin:0; padding:5px 0 0 0;}  

/* Partner */
.wrap-partner{width:100%; float:left; position:relative; background:#e4dfdb; border-radius: 5px 5px 0 0; margin-top:25px; padding: 20px 15px 20px 15px  }
.wrap-partner .owl-item{padding: 0 10px;}
.wrap-partner #partner .item{width:100%; float:left; border:1px solid rgba(0,0,0,.1); padding:4px; border-radius:6px; transition:.3s; }
.wrap-partner #partner .item:hover{border-color:#fb7b26}
.wrap-partner #partner .item img{width:100%; border-radius:4px;}
.wrap-partner .owl-theme .owl-controls{margin:0;}
.wrap-partner .owl-theme .owl-controls .owl-buttons div{background:#e4dfdb; opacity:1; font-size:0; border-radius: 0; width:20px; height:40px; position:absolute; top:50%; margin-top:-20px; padding:0;}
.wrap-partner .owl-theme .owl-controls .owl-buttons div:before{ font-family: 'FontAwesome'; width:20px; height:40px; text-align:center; line-height:40px; font-size:18px; color:rgba(0,0,0,.7); position:absolute; top:0; left:0;}
.wrap-partner .owl-theme .owl-controls .owl-buttons div:hover:before{color:#fb7b26}
.wrap-partner .owl-theme .owl-controls .owl-buttons .owl-prev{right:100%; border-radius: 5px 0 0 5px;}
.wrap-partner .owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"\f104"}
.wrap-partner .owl-theme .owl-controls .owl-buttons .owl-next{left:100%; border-radius: 0 5px 5px 0}
.wrap-partner .owl-theme .owl-controls .owl-buttons .owl-next:before{content:"\f105"}
 

/* Footer */

ul.service-group{padding:0; margin-bottom:0; list-style:none;}
ul.service-group li{text-align:center; color:rgba(0,0,0,.85); padding-top:20px;}
ul.service-group li:last-child{padding-bottom:20px;}
ul.service-group li .image-wrapper{ width:99px; height:99px; display:inline-block; padding-right:0px; transition:1s;}
ul.service-group li .image-wrapper i{line-height:99px; color:#fff; font-size:35px;}
ul.service-group li:hover .image-wrapper{ transform: rotateZ(720deg);}
ul.service-group li h1{width:100%; float:left; font-family: 'Roboto Condensed', sans-serif; margin:10px 0 0 0; padding:0; text-transform:uppercase; font-size:20px;}
ul.service-group li h2{margin:5px 0 0 0; padding:0; width:100%; float:left; font-size:15px; font-family: 'Roboto Condensed', sans-serif;}
ul.service-group li.doitra .image-wrapper{background:url(ha-service-bg-4.png) no-repeat center;}
ul.service-group li.huongdan .image-wrapper{background:url(ha-service-bg-3.png) no-repeat center;}
ul.service-group li.hotro .image-wrapper{background:url(ha-service-bg-2.png) no-repeat center;}
ul.service-group li.giaohang .image-wrapper{background:url(ha-service-bg-1.png) no-repeat center;}

footer{width:100%; position:relative; background:#2f2d2b; padding: 0; display:block; float:left; color:rgba(0,0,0,.8);  font-size:15px; box-shadow: inset 0 5px rgba(0,0,0,.05);}
footer #footer{font-size:13px;}
footer:before{content:''; width:100%; height:1px; background:#e4dfdb; position:absolute; top:-2px; left:0;}
footer ul.menu_footer{ width:auto; margin:0 0 20px 0; padding:0; list-style: none; float:left;}
footer ul.menu_footer li{ margin:10px 0 0 0; padding:0; float:left; border-right: 1px solid rgba(0,0,0,.2); height: 15px;}
footer ul.menu_footer li:last-child{border:none;}
footer ul.menu_footer li a{ text-decoration: none; color:#cb5204; padding: 0 10px; margin-top: -2px; float:left; transition:.3s; font-size:14px;}
footer ul.menu_footer li a:hover{text-decoration:underline;}
footer ul.menu_footer li:first-child a{padding-left:0;}
footer .col-suport{}
footer .col-suport .title{display:block; color:#cb5204; font-size:14px; font-weight:bold; padding: 10px 0 5px 0}
footer .col-suport ul{width:100%; float:left; margin:0; padding:0; list-style:none;}
footer .col-suport ul li{width:100%; float:left; clear:both;}
footer .col-suport ul li a{background: url(skype-icon.png) no-repeat 0 2px; padding: 3px 0 3px 22px; color:rgba(0,0,0,.8); text-decoration:none; font-size:13px; transition:.3s; float:left;}
footer .col-suport ul li a:hover{color:#00afef;}
footer .col-right{text-align:right;}
footer .col-right ul.thongke{ width:auto; margin:0; padding:0; list-style: none; color:rgba(0,0,0,.85); font-size:13px;}
footer .col-right ul.thongke li{ padding: 0 ; clear:both; margin-top:10px; font-weight:700; display:inline-block; clear:both; width:100%; }
footer .col-right ul.thongke li span{font-weight:normal; padding-right:10px;}
footer .bar-footer{width:100%;  line-height:45px; float:left;}
footer .bar-footer .copy{float:left; font-size:13px; color:rgba(255,255,255,.85); float:left; }
footer .bar-footer  a{color:rgba(255,255,255,.85); margin-left:5px; float:left; transition:.3s; font-size:13px;}
footer .bar-footer  a:hover{ text-decoration:none; color:#fff}
footer .inner-footer{width:100%; float:left; position:relative; background:#f6f2ee; border-radius:4px; padding: 20px; overflow:hidden; margin-top:-7px;}
footer .inner-footer:before{content:''; width:100%; height:6px; background:#e4dfdb; position:absolute; top:0; left:0; border-radius: 4px 4px 0 0}

/* Sitemap */
.swap_sitemap{ width:100%; float:left; padding: 9px 15px 7px 15px; background:#f6f3ee; margin-bottom:40px; border-bottom:1px solid rgba(0,0,0,.05); box-shadow: inset 0 2px 1px rgba(0,0,0,.1); border-radius: 0 0 5px 5px;  }
.swap_sitemap a{ text-decoration:none; color:rgba(0,0,0,.8); font-size:12px; white-space:normal; font-weight:normal; transition:.3s; display:block; float:left; }
.swap_sitemap a:hover{color:#155399;}
.swap_sitemap a.sub{margin-left:8px;} 
.swap_sitemap a.sub:before{font-family: 'FontAwesome'; content:"\f105"; float:left; margin-right:8px; margin-top:0px; font-size:13px;}

.content-info{width:100%; float:left; margin-top:20px; margin-bottom:20px; background:#fff; padding:10px 0; border-radius:3px; line-height:20px; font-size:14px;}
.content-info img{margin:0 auto; display:block; max-width:100%;}

/* Left */
.box-left{width:100%; position:relative; padding:10px 0px; margin-top:20px; background:#fff; box-shadow: 0 0 1px rgba(0,0,0,.05); display:block; float:left; border-radius: 5px 5px 3px 3px;}
.box-left .title-box{font-weight: normal; position: relative;  margin: -15px 0px 10px 0px;  font-size:18px; background:#e57aac; padding: 0; position: relative;text-transform: uppercase;  color:#cb5204; font-weight:500; white-space:nowrap; letter-spacing:1px;}
.box-left .title-box.catalog{background:none;}
.box-left .title-box.suport{background:#3FD6A3;}
.box-left .title-box.news{background:none;}



ul.support_left{ width:100%; margin:0 0 0 0px; padding:0; list-style: none; float:left; } 
ul.support_left li{ margin:0; padding:5px 0; width:100%; border-bottom: 1px solid rgba(0,0,0,.05); }
ul.support_left li:last-child{border:none;}
ul.support_left li img{ border: none; margin-top:3px; float:left; position:absolute; top:0; left:0;}
ul.support_left li a{ text-decoration: none; color:rgba(0,0,0,.7); padding-left:25px; position:relative; display:block; font-size:14px; }
ul.support_left li a:hover{ text-decoration: none; color:#3FD6A3}

ul.hotnews_left{ width:100%; margin:0 ; padding:0; list-style: none; float:left; overflow:hidden; }  
ul.hotnews_left li{ margin:0; padding:7px 0; width:100%; border-bottom: 1px solid rgba(0,0,0,.05) }
ul.hotnews_left li:last-child{border:none;}
ul.hotnews_left li a{ text-decoration: none; color:rgba(0,0,0,.7);padding: 0px 0 0px 12px; display:block; position:relative; transition:.3s; font-size:14px; }
ul.hotnews_left li a:hover{color:#60972a}
ul.hotnews_left li a:before{font-family: 'FontAwesome'; content:"\f105"; float:left; margin-right:8px; margin-top:0px; font-size:13px; position:absolute; top:0; left:0;}

ul.web_link{ width:100%; margin:0 ; padding:0; list-style: none; float:left; overflow:hidden; }  
ul.web_link li{ margin:0; padding:7px 0; width:100%; border-bottom: 1px solid rgba(0,0,0,.05) }
ul.web_link li:last-child{border:none;}
ul.web_link li a{ text-decoration: none; color:rgba(0,0,0,.7);padding: 0px 0 0px 20px; display:block; position:relative; transition:.3s; font-size:14px; transition:.3s; }
ul.web_link li a:hover{color:#fb7b26; margin-left:15px;}
ul.web_link li a:before{font-family: 'FontAwesome'; content:"\f0c1"; float:left; margin-right:8px; margin-top:1px; font-size:14px; position:absolute; top:0; left:0; color:#fb7b26}

ul.ad_left{ width: 100%; margin:0px 0 0 0; padding:0; list-style: none; float:left; clear:both;}
ul.ad_left li{ width:100%; margin:20px 0 0 0; padding:0; float:left; clear:both;  }
ul.ad_left li img{ width:100%; border: none;}

ul.catalog-news{ width:100%; margin:-5px 0 0 0 ; padding:0; list-style: none; float:left; overflow:hidden; }  
ul.catalog-news li{ margin:0; padding:7px 0; width:100%; }
ul.catalog-news li a{color: rgba(0,0,0,.7); transition: .3s; padding: 0; line-height: 27px; font-size: 14px; height: 30px; padding: 0 20px 0 10px; display: block; position: relative; float: left; font-weight: normal; width: 100%; margin: 1px 0; border-radius: 4px; box-shadow: inset 0 0 1px rgba(0,0,0,.1), inset 0 -2px rgba(0,0,0,.02); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdf9f5), to(#f6f2ee)); background: -webkit-linear-gradient(top, #fdf9f5, #f6f2ee); background: -moz-linear-gradient(top, #fdf9f5, #f6f2ee); background: -ms-linear-gradient(top, #fdf9f5, #f6f2ee); background: -o-linear-gradient(top, #fdf9f5, #f6f2ee); text-decoration:none; transition:.3s;}
ul.catalog-news li a:hover{color:#fb7b26}
ul.catalog-news li a.active{ color: #fff; border: none; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#75aa27), to(#639a22));  background: -webkit-linear-gradient(top, #75aa27, #639a22); background: -moz-linear-gradient(top, #75aa27, #639a22); background: -ms-linear-gradient(top, #75aa27, #639a22); background: -o-linear-gradient(top, #75aa27, #639a22);}

/* News */
ul.group_info{ margin:0 -15px 0 -15px; padding:0; list-style: none; }
ul.group_info li{  margin:0; padding:30px 15px 0 15px ; float:left;position:relative; text-align:center;}
ul.group_info li .box-info{background:#fff; width:100%; float:left; padding:0;position:relative; }
ul.group_info li .box-info a.img{width:100%; float:left; height:230px; border-radius: 4px 4px 0 0}
ul.group_info li .box-info .title-name{text-decoration:none; margin-top:1px; height:5px; background:#bfd5a9; color:#fff; display:block;  text-align:center; clear:both; position:relative; border-radius: 0 0 4px 4px; float:left; width:100%;}
ul.group_info li .box-info .title-name:before{content:''; width:40px; height:5px; background:#60972a; position:absolute; bottom:0; left:50%; margin-left:-20px;}
ul.group_info li .box-info .title-name h3{margin:0; padding:10px 10px; font-size:16px; font-weight:400; line-height:22px; transition:.3s;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.3s; position:absolute; width:100%; left:0; bottom:6px; background:rgba(0,0,0,.5)}
ul.group_info li:hover .box-info .title-name h3{ white-space:normal;}
ul.group_info li .box-info .date{color:rgba(0,0,0,.5);font-size:13px; padding-top:10px; display:block; width:100%; text-align:center; float:left;}
ul.group_info li .box-info .date b{font-weight:500; color:rgba(0,0,0,.7)}

/* News detail */
.wrap-news-detail{ width:100%; float:left; clear:both; position:relative; background:#fff; margin-bottom:20px; }
.wrap-news-detail .title-new{margin: 0; padding: 0; font-size: 25px; font-weight: 300; color: rgba(0,0,0,.7); color: rgba(0,0,0,.85); line-height: 28px; color:#60972a; text-transform: uppercase;}
.wrap-news-detail .date{width:100%; color:rgba(0,0,0,.7); border-bottom: 1px dashed rgba(0,0,0,.1); padding: 10px 0; font-size:12px;}
.wrap-news-detail .date label{font-weight:500; color:#fb7b26}
.wrap-news-detail .source-info{  padding:0 0 0 20px ; display:inline-block;}
.wrap-news-detail .source-info label{font-weight:500; color:#fb7b26}
.wrap-news-detail .info{width:100%; float:left; clear:both; padding-top:20px; font-size:14px; line-height:20px;}
.wrap-news-detail .info img{display:block; margin: 0 auto; max-width:100%; width:auto;}

ul.list_news_more{ width: 100%; margin:20px 0px; padding:0; list-style: none; float:left; background:#fff; border-radius:3px; padding:10px 20px; }
ul.list_news_more li{ width: 100%; margin:0; padding:10px 0 ; float:left; display:block; border-bottom: 1px solid rgba(0,0,0,.1);}
ul.list_news_more li:last-child{border:none;}
ul.list_news_more li a{ text-decoration: none; color:rgba(0,0,0,.7);padding: 0px 0 0px 15px; display:block; float:left; position:relative; font-size:14px;}
ul.list_news_more li a:hover{text-decoration:none; color:#e57aac;}
ul.list_news_more li a:before{content:"\f105" ; font-family: 'FontAwesome'; position:absolute; top:0; left:0;}

/* Contact */
.wrap-contact{width:100%; float:left; clear:both; position:relative;}
.wrap-contact .wrap-add{width:100%; float:left; margin-top:0px;}
.wrap-contact .swap_map{width:100%; height:500px; margin-top:20px; float:left; clear:both; border: 10px solid #fff; box-shadow: 0 0 1px rgba(0,0,0,.5) ; border-radius:3px;}
ul.form{margin: -15px -10px 0 -10px; padding:0; list-style:none;}
ul.form li{padding: 0 10px; position:relative;}
ul.form li label{font-weight:400; display:block; width:100%; float:left; padding: 15px 0 3px 0; margin:0; font-size:14px;}
ul.form li label.req:after{content:'*'; color:red; padding-left:5px; display:inline-block;}
ul.form li label span{display:inline-block; color:red; padding-left:5px;}
ul.form li input[type='text']{width:100%; height:34px; border: 1px solid #c1bbb6; padding: 0 5px; transition:.3s; border-radius:3px; box-shadow: inset 2px 2px 3px rgba(0,0,0,.1) }
ul.form li input[type='text']:focus{border-color:#60972a; outline:none; }
ul.form li select{width:100%; height:34px; border: 1px solid #c1bbb6; padding: 0 5px; transition:.3s; border-radius:3px; box-shadow: inset 2px 2px 3px rgba(0,0,0,.1) }
ul.form li select:focus{border-color:#60972a; outline:none;}
ul.form li textarea{width:100%; height:150px;  border: 1px solid #c1bbb6; padding: 0 5px; transition:.3s; resize:none; border-radius:3px; box-shadow: inset 2px 2px 3px rgba(0,0,0,.1)}
ul.form li textarea:focus{border-color:#60972a; outline:none; }
ul.form li.check{padding-top:15px; display:block; float:left;}
ul.form li.check input[type='checkbox']{float:left;}
ul.form li.check label{width:auto; margin:0; padding:2px 0 0 5px;}
ul.form li a{ text-decoration: none; text-decoration:none;  box-shadow: inset 0 -5px rgba(0,0,0,.15), 0 1px 1px rgba(0,0,0,.1);  display: block; font-weight: 700; line-height: 40px;  border-radius: 3px;  text-transform: uppercase;  font-family: 'Roboto Condensed', sans-serif;  padding: 0 20px; text-align: center;  margin: 20px 10px 0 0;  color: #fff;  font-size: 14px;  transition: .3s;  float: left; transition: .3s;  position: relative;
               background: #fb7b26;
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cb5204), to(#fb7b26));
                background: -webkit-linear-gradient(top, #cb5204, #fb7b26);
                background: -moz-linear-gradient(top, #cb5204, #fb7b26);
                background: -ms-linear-gradient(top, #cb5204, #fb7b26);
                background: -o-linear-gradient(top, #cb5204, #fb7b26);}
ul.form li a:before{content:''; width:100%; height:1px; background:rgba(255,255,255,.1); position:absolute; left:0; bottom:5px; transition:.3s; }
ul.form li a:hover{box-shadow: inset 0 -45px rgba(0,0,0,.15), 0 1px 1px rgba(0,0,0,.1);}
ul.form li a:hover:before{opacity:0;}


.btn-oranges{ text-decoration: none; text-decoration:none;  box-shadow: inset 0 -5px rgba(0,0,0,.15), 0 1px 1px rgba(0,0,0,.1);  display: block; font-weight: 700; line-height: 40px;  border-radius: 3px;  text-transform: uppercase;  font-family: 'Roboto Condensed', sans-serif;  padding: 0 20px; text-align: center;  margin: 0px 10px 0 0;  color: #fff;  font-size: 14px;  transition: .3s;  float: left; transition: .3s;  position: relative; color:#fff;
               background: #fb7b26;
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cb5204), to(#fb7b26));
                background: -webkit-linear-gradient(top, #cb5204, #fb7b26);
                background: -moz-linear-gradient(top, #cb5204, #fb7b26);
                background: -ms-linear-gradient(top, #cb5204, #fb7b26);
                background: -o-linear-gradient(top, #cb5204, #fb7b26);}
.btn-oranges:before{content:''; width:100%; height:1px; background:rgba(255,255,255,.1); position:absolute; left:0; bottom:5px; transition:.3s; }
.btn-oranges:focus{color:#fff; text-decoration:none}
.btn-oranges:hover{box-shadow: inset 0 -45px rgba(0,0,0,.15), 0 1px 1px rgba(0,0,0,.1); color:#fff; text-decoration:none;}
.btn-oranges:hover:before{opacity:0;}

/* Product detail */

.col-product-detail{position:relative; width:100%; float:left; background:#fff; border-radius:3px; padding:0px;}
.View-img-Product{width: 100%; float:left; margin: 0 0 30px 0; padding-right: 100px; position:relative;}
.View-img-Product #main-view-img{width: 100%; background:#fff; float:left;  }
.View-img-Product #main-view-img img{width: 100%; border: none; max-height:500px; border-radius:4px;}
.View-img-Product .text-view{width: 295px; border-bottom: 1px solid #c7c7c7; color:#666666; text-transform: uppercase; padding: 15px 0 3px 5px; font-size: 11px; font-weight:bold; margin: 5px 0 10px 6px; }
.View-img-Product ul.thumb-img{width: 100px; list-style: none; margin: 0 0 0; padding:0; position:absolute; top:0; right:0;}
.View-img-Product ul.thumb-img li{width: 90px; max-height:110px; float:right; margin: 0 0 10px 0; background:#fff; }
.View-img-Product ul.thumb-img li img{width:100%; max-height:105px; border: none; cursor:pointer; border-radius:3px;}
.col-product-detail h1.name{margin:0; padding:0 0 15px 0; font-size:20px; font-weight:500; color:#60972a; line-height:28px; text-transform:uppercase; background:url(gd-shadow.gif) repeat-x 0 bottom}
.col-product-detail ul.info-product{width:100%; float:left; margin:5px 0 0 0; padding:0; list-style:none}
.col-product-detail ul.info-product li{width:100%; float:left; border-top:1px solid rgba(0,0,0,.05); padding: 8px 0 5px 0; font-size:14px;}
.col-product-detail ul.info-product li:first-child{border:none;}
.col-product-detail ul.info-product li label{width:100px; float:left; color:#736357;}
.col-product-detail ul.info-product li.rice-products b{font-family: 'Roboto Condensed', sans-serif; font-size:22px; color:#000; letter-spacing:1px;} 
.col-product-detail ul.info-product li.rice-products label{float:left; margin-top:7px;}
.col-product-detail ul.info-product li.rice-sale b{font-family:title-font; font-size:25px; color:#64b21f; letter-spacing:1px;} 
.col-product-detail ul.info-product li.rice-sale label{float:left; margin-top:13px;}
.col-product-detail a.addtocart{text-decoration:none; box-shadow: inset 0 -5px rgba(0,0,0,.15), 0 1px 1px rgba(0,0,0,.1);  display:block; font-weight:700; line-height:45px; border-radius: 3px; text-transform:uppercase;  font-family: 'Roboto Condensed', sans-serif; padding:0 20px; text-align:center; margin:20px 0 0 0; color:#fff; font-size:14px; transition:.3s; float:left; transition:.3s; position:relative;
                                background:#fb7b26;
                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cb5204), to(#fb7b26));
                                background: -webkit-linear-gradient(top, #cb5204, #fb7b26);
                                background: -moz-linear-gradient(top, #cb5204, #fb7b26);
                                background: -ms-linear-gradient(top, #cb5204, #fb7b26);
                                background: -o-linear-gradient(top, #cb5204, #fb7b26);
}
.col-product-detail a.addtocart:before{content:''; width:100%; height:1px; background:rgba(255,255,255,.1); position:absolute; left:0; bottom:5px; transition:.3s; }
.col-product-detail a.addtocart:focus{outline:none;}
.col-product-detail a.addtocart:hover{box-shadow: inset 0 -45px rgba(0,0,0,.15), 0 1px 1px rgba(0,0,0,.1);}
.col-product-detail a.addtocart:hover:before{opacity:0;}

.swap_detail_product{width:100%; float:left; margin-top:0px;}
.swap_detail_product .title-detail-product{ margin: 0 0 25px 0; padding: 0px; color: #736357; display: block; line-height: 17px; font-size: 28px; width: 100%; float: left; font-weight: 300; border-bottom: 5px solid #75ab22; padding-bottom: 20px; position: relative;}
.swap_detail_product .title-detail-product:before { content: ''; width: 8px; height: 10px; background: url(gd-mainmenu-nav.png) no-repeat 0 0; position: absolute; top: 100%; margin-top: 5px; left: 0;}
.swap_detail_product .title-detail-product:after { content: ''; width: 8px; height: 10px; background: url(gd-mainmenu-nav.png) no-repeat right 0; position: absolute; top: 100%; margin-top: 5px;   right: 0;}
.swap_detail_product .content-product-detail{width:100%; float:left; position:relative; line-height: 20px; font-size: 14px;}
.swap_detail_product .content-product-detail img{display:block; margin: 0 auto; max-width:100%;}
.swap_detail_product table { width:100%; border: none; color:#434343; background:#fff; border: 1px solid rgba(0,0,0,.1)}
.swap_detail_product table td {padding : 8px 15px; border-bottom: 1px solid #eee;}
.swap_detail_product table th {padding: 8px 15px; text-transform: uppercase;  border-bottom: 1px solid #eee; color:#155399; box-shadow:inset 2px 0 #155399; position: relative;}
.swap_detail_product table th:before {content:''; position: absolute; left:0; top:50%; margin-top:-5px; border-left: 5px solid #155399; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.swap_detail_product table tr td:first-child {color:#747373; font-weight: normal; width:150px;}

.col-product-more{width:100%; float:left; margin-top:30px; margin-bottom:20px;}
/* Cart */
.warp_popup_dangnhap{ width: 340px; margin: 0px; float: left; font-size: 12px; padding: 10px 15px;  z-index: 999999; }
.warp_popup_dangnhap .popupdangnhap{ width:auto; color:rgba(0,0,0,.7); margin:0px; padding: 0px; position:relative; background:#fff; float:left; border-radius:3px; overflow:hidden; box-shadow: 0 0 20px rgba(0,0,0,.5)  }
.warp_popup_dangnhap .popupdangnhap .title{float: left; font-weight: 700; color:#fff; display: block; width:100%; line-height:40px;  text-transform:uppercase; text-align:center; font-size:15px; background:#60972a;  position:relative; }
.warp_popup_dangnhap .popupdangnhap .title a{text-decoration:none; width:20px; height:20px; text-align:center; line-height:18px; border: 1px solid rgba(255,255,255,.3); position:absolute; top:10px; right:10px; color:#fff; border-radius:2px; padding-left:2px;}
.warp_popup_dangnhap .popupdangnhap .popupContent{width: 100%; padding:15px 10px 15px 10px; float:left; clear:both; text-align:center;}
.warp_popup_dangnhap .popupdangnhap .popupContent .note{ font-size:14px;}
.warp_popup_dangnhap .popupdangnhap .popupContent .button{width:100%; float:left; text-align:center; padding-top:10px;}
.warp_popup_dangnhap .popupdangnhap .popupContent .button a{ height: 34px; border-radius: 15px; text-decoration:none; box-shadow: inset 0 -4px rgba(0,0,0,.05), 0 1px 1px rgba(0,0,0,.1); display:inline-block; font-weight: 500; line-height: 34px; border-radius: 3px; padding: 0 20px;  text-align: center; margin: 20px 0 0 0;    color: #fff; font-size: 13px; transition: .3s; transition: .3s; display:inline-block; position: relative;
                                                              background: #b9b9b9; margin: 0 3px;
                                                            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9b9b9), to(#c5c5c5));
                                                            background: -webkit-linear-gradient(top, #b9b9b9, #c5c5c5);
                                                            background: -moz-linear-gradient(top, #b9b9b9, #c5c5c5);
                                                            background: -ms-linear-gradient(top, #b9b9b9, #c5c5c5);
                                                            background: -o-linear-gradient(top, #b9b9b9, #c5c5c5);}
.warp_popup_dangnhap .popupdangnhap .popupContent .button a:before{content: '';width: 100%; height: 1px; background: rgba(255,255,255,.05); position: absolute; left: 0; bottom: 4px; transition: .3s;}
.wrap-cart{width:100%; float:left; clear:both; position:relative; background:#fff; padding:10px 0; border-radius:3px; margin:20px 0}
.wrap-cart .title-cart{display:block; font-weight:400; margin:0; padding:20px 0 5px 0; color:#cb5204; text-transform:uppercase; font-size:16px; }

.modalBackground{background:rgba(0,0,0,.1)}


.tbl-cart{float:left; clear:both; margin-top:30px; width:100%; }
.tbl-cart tfoot tr{background:#fff;}
.tbl-cart thead th{white-space:nowrap;  font-weight:400; text-align:left; text-transform:uppercase; font-size:15px; padding: 12px 10px 10px 10px; background:#e4dfdb; color:rgba(0,0,0,.7);}
.tbl-cart thead th:first-child{border-radius:3px 0 0 0;}
.tbl-cart thead th:last-child{border-radius:0 3px 0 0;}
.tbl-cart thead th:nth-child(6),
.tbl-cart thead th:nth-child(7){text-align:right;}
.tbl-cart tbody td{background:#fff; box-shadow: inset 0 -1px rgba(0,0,0,.07); padding:8px 10px; text-align:left; font-size:14px;}
.tbl-cart tbody td:nth-child(4){color:#60972a}
.tbl-cart tbody td:nth-child(6),
.tbl-cart tbody td:nth-child(7){text-align:right; font-weight:bold; white-space:nowrap; color:rgba(0,0,0,.7)}
.tbl-cart tbody .delete{text-decoration:none; color:red; font-size:14px;}
.tbl-cart tbody .delete span{display:none;}
.tbl-cart input[type='text']{width:50px; border: 1px solid rgba(0,0,0,.1); text-align:center; height:28px; border-radius:3px; transition:.3s;}
.tbl-cart input[type='text']:focus{outline:none; border-color:#e57aac}
.tbl-cart a.cart{float: left; line-height: 32px; height:30px; border-radius: 15px; font-size:14px; font-weight: 500; font-family: 'Roboto Condensed', sans-serif; background: #e57aac; margin: 0px 5px 0 0; color: #fff;  padding: 0 20px; display: block; text-decoration: none; text-transform: uppercase;transition: .3s;}
.tbl-cart a.cart:hover{background:#65c5f2}
.tbl-cart tfoot td{background:#fff; padding:10px 10px; text-align:left; font-size:14px;}
.tbl-cart tfoot tr:last-child td{ border-radius: 0 0 3px 3px;}
.tbl-cart tfoot td .note{background:#F9F0B2; color:rgba(0,0,0,.7); padding:7px 10px; width:100%; float:left; border-radius:3px; position:relative; padding-left:50px; margin-top:25px;}
.tbl-cart tfoot td .note:before{font-family: 'FontAwesome'; content:"\f071"; float:left; font-size:28px; margin:0; position:absolute; top:6px; left:10px; color:#F2BB5E;}
.tbl-cart tfoot td .note .title{ font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-size:13px; font-weight:700;}
.tbl-cart tfoot td .note p{width:100%; float:left; margin:0; font-size:12px; font-style:italic; }

.tbl-cart .sum_rice{float:right; font-size:15px;}
.tbl-cart .sum_rice label{display:inline-block; color:#cb5204; font-family:title-font; font-size:20px; font-family: 'Roboto Condensed', sans-serif;}
.tbl-cart .sum_rice label span{font-size:20px; margin:0; }
.tbl-cart .sum_rice span{font-size:14px; float:left; margin:5px 10px 0 0}

.modal-content{padding: 5px; box-shadow:0 2px 5px rgba(0,0,0,.2); background:#e4dfdb; border:none;}
.modal-header{border-bottom:none; padding: 12px 15px; box-shadow: inset 0 1px rgba(255,255,255,.07); border-radius: 6px 6px 0 0}
.modal-header .modal-title{color:#60972a; font-size:16px;}
.modal-header .close{position:absolute; top:15px; right:15px; text-shadow:none; font-weight:normal; width:25px; height:25px; padding-left:5px; line-height:22px;  text-align:center; text-align:center; border-radius:4px;  opacity:.7; transition:.3s; border:1px solid rgba(0,0,0,.1); padding:0; display:block; background:rgba(0,0,0,.05) }
.modal-header .close:hover{opacity:1}
.modal-body{background:#f6f2ee; border-radius:4px;} 
.modal-body ul.from{list-style:none; margin: -10px -8px 0 -8px; padding:0;}
.modal-body ul.from li{padding: 10px 8px 0 8px;}
.modal-body ul.from li label{width:100%; float:left; font-weight:normal;}
.modal-body ul.from li input[type='text'],
.modal-body ul.from li input[type='password'] { background: #fff;height: 32px; padding: 0 22px 0 5px; border: 1px solid #cdc8c3; width: 100%; border-radius: 4px;box-shadow: inset 2px 2px 2px rgba(0,0,0,.1); transition:.3s;}
.modal-body ul.from li input[type='text']:focus,
.modal-body ul.from li input[type='password']:focus{border-color:#fb7b26; outline:none;}
.modal-body ul.from li .login{ height: 34px; border:none; float:left;border-radius: 15px;text-decoration: none;box-shadow: inset 0 -3px rgba(0,0,0,.07);display: inline-block;font-weight: 500;line-height: 32px;border-radius: 4px;padding: 0 15px;text-align: center;margin: 10px 0 0 0;color: #fff;font-size: 13px;transition: .3s;display: inline-block;position: relative;
    background: #b9b9b9;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9b9b9), to(#c5c5c5));
    background: -webkit-linear-gradient(top, #b9b9b9, #c5c5c5);
    background: -moz-linear-gradient(top, #b9b9b9, #c5c5c5);
    background: -ms-linear-gradient(top, #b9b9b9, #c5c5c5);
    background: -o-linear-gradient(top, #b9b9b9, #c5c5c5);
}
.modal-body ul.from li .register{text-decoration:none; float:left; color:#cb5204; margin: 17px 0 0 15px; transition:.3s; font-weight:bold;}
.modal-body ul.from li .register:hover{text-decoration:underline}


/* Hot news home */
.wrap-hotnews-home{ position:relative; padding-right:294px; padding-top: 20px; margin-bottom:35px; margin-left:-10px; float:left; width:100%; }
.wrap-hotnews-home:after{content:''; width:10px; height:100%; background:#fff; position:absolute; top:0; left:0; z-index:1; }
.wrap-hotnews-home:before{content:''; width:100%; height:5px; position:absolute; top:0; left:10px; opacity:.5; z-index:2;
                            background:#f6f2ee;
                            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cb5204), to(#f6f2ee));
                            background: -webkit-linear-gradient(top, #d4d1cc, #f6f2ee);
                            background: -moz-linear-gradient(top, #d4d1cc, #f6f2ee);
                            background: -ms-linear-gradient(top, #d4d1cc, #f6f2ee);
                            background: -o-linear-gradient(top, #d4d1cc, #f6f2ee);
}

#hotnews-home .item{text-decoration:none; color:rgba(0,0,0,.85); padding: 0 10px; float:left;}
#hotnews-home .item .wrap-img{width:100%; height:143px; position:relative; border-radius:4px;}
#hotnews-home .item .wrap-img img{transition:.3s;}
#hotnews-home .item:hover .wrap-img img{-moz-transform: scale(1.3);-webkit-transform: scale(1.3);transform: scale(1.3); opacity:.7}
#hotnews-home .item h1{margin:0; padding:5px 0; width:100%;  font-size:15px; font-weight:normal; line-height:18px; }
#hotnews-home .item:hover h1{color:#60972a}

.wrap-hotnews-left{ width:100%; float:left; padding-top:5px;}
.wrap-hotnews-left .item{width:100%; position:relative; float:left; clear:both; margin-bottom: 15px; color:rgba(0,0,0,.8); text-decoration:none; transition:.3s;}
.wrap-hotnews-left .item:hover{color:#60972a}
.wrap-hotnews-left .item .wrap-img{width:90px; height:70px; position:relative; border-radius:4px; float:left; margin-right:15px; }
.wrap-hotnews-left .item h1{margin:0; padding:0; font-size:15px; font-weight:normal; line-height:19px; }

.modal-open{overflow-x:hidden; overflow-y:auto;}