/*****************************/ /* RESET */ /*****************************/ @import 'reset.css'; @import 'form.css'; /*****************************/ /* COMMON */ /*****************************/ @font-face{ font-family:'UVNTinTucHepThemBold'; src:url('fonts/uvntintuchepthem_b-swiss.eot'); src:url('fonts/uvntintuchepthem_b-swiss.eot?iefix') format('eot'),url('fonts/uvntintuchepthem_b-swiss.woff') format('woff'),url('fonts/uvntintuchepthem_b-swiss.ttf') format('truetype'),url('fonts/uvntintuchepthem_b-swiss.svg') format('svg'); font-weight:normal; font-style:normal } /*@font-face { font-family: 'Segoe UI Light'; src: url('fonts-se/segoeuil.eot'); src: local('☺'), url('fonts-se/segoeuil.woff') format('woff'), url('fonts-se/segoeuil.ttf') format('truetype'), url('fonts-se/segoeuil.svg') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'Segoe UI Light'; src: url("fonts-se/segoeuil_0.eot") /* EOT file for IE */ } @font-face { font-family: 'Segoe UI Light'; src: url("fonts-se/segoeuil_0.ttf") /* TTF file for CSS3 browsers */ } textarea { resize: none; } .cfont, #nav > ul > li > a {font-family: 'UVNTinTucHepThemBold', Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; text-transform:uppercase} body, #wrapper {height:100%} body{font: 12px/18px Arial, sans-serif; color: #333; background: url(../images/bg-new.jpg) top left repeat #c8c5b4;} a:link, a:visited{text-decoration:none;outline:none; color: #006699;} a:hover {text-decoration:none; color:#006699} .fleft {float:left;} .fright {float:right;} a img{border:none;} .block ul {margin:0px; padding:0px;} .hide, .bar:empty {display:none} .clearfix:after { content:" "; display:block; height:0; font-size:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* mac hide \*/ * html .clearfix {height:1%;} .clearfix {display:block;} .clear {clear:both} /*****************************/ /* HEADING */ /*****************************/ a.edit {background:url(../images/edit.png) left center no-repeat; padding-left:20px; display:block} /*****************************/ /* TYPOGRAPHY */ /*****************************/ h1, h2, h3, h4, h5, h6 { font-weight: bold; text-rendering: optimizelegibility; } h1 {font-size: 30px; line-height: 36px;} h2 {font-size: 24px; line-height: 36px;} h3 {font-size: 18px; line-height: 21px;} h4 {font-size: 14px;} h5 {font-size: 12px;} h6 {font-size: 11px;} h4,h5,h6 {line-height: 18px;} /*****************************/ /* LAYOUT */ /*****************************/ .span60 {width:630px; float:left;} .span30 {width:300px; float:left; border-left:#9eafb9 1px dashed; padding-left:14px;} .bot-bg {background:url(../images/bot-bg.png) bottom left no-repeat; padding-bottom:10px; width:957px; margin:0 auto 15px; position:relative; z-index:444} .top-bg {background:url(../images/top-bg.png) top left no-repeat; padding-top:13px; width:957px; margin:0 auto; clear:both} .midd-bg {background:url(../images/midd-bg.png) top left repeat-y; padding:0 13px} #mid-banner {position:relative; z-index:3; width:955px; margin:-31px auto 15px; left:4px; clear:both} #mid-banner img {display:block} #wrapper {width:949px; margin:0 auto 15px; clear:both; position:relative; z-index:333; height:auto; min-height:100%} #header {position:relative; padding-top:19px; z-index:444} .span8 {float:left; width:640px; } .detail-page .span8, .detail-page #sidebar {margin-top:-13px;} #maincontent {clear:both; overflow:hidden; padding:20px 15px; background-color:#fff;} div#content, .user-box {width:620px; float:left; display:inline; padding:10px; background-color:#fff;} .forum-page {width:640px; float:left} .full-width {width:949px;} .full-width .box-forum .box-body {width:947px;} .one-col-post {width:950px; margin:0 auto} div#content {margin-bottom:15px;} #col1 {float:left; width:220px; display:inline; margin-right:10px;} #col2 {width:700px; float:left} aside#sidebar {width:197px; float:left} div#sidebar {width:300px; float:right} .banner {padding:20px 0 0; } #middle {position:relative; z-index:80; padding-bottom:30px; min-height:350px;} .container {margin:0 auto} #wrapper-width {width:980px; margin:0 auto} #full-content {width:690px; float:left; padding:10px; background-color:#fff} #full-content img {max-width:690px;} #sitebar-content {width:250px; float:right;} #cat-page {padding:0 10px;} /*****************************/ /* HEADER */ /*****************************/ .logo {float:left; margin: 0 10px 73px 5px; } .logo a {display:block; text-indent:-9999px; width:160px; height:48px; } .logo-mask { display: block; height: 65px; left: 13px; position: absolute; top: -79px; width: 171px; background:url(../images/logo-new.png) 6px 10px no-repeat; } a.logo-mask:hover {background-position:6px -63px;} .nav-top {width:100%; display:block; position:relative; z-index:555; margin-top:-123px; margin-bottom:77px;} .nav-top .line {background:url(../images/tab-line1.png) top left repeat-x; height:11px; display:block; position:absolute; width:100%; bottom:-3px; left:0; clear:both; opacity:0;} .nav-top .item-02 .line {background:url(../images/tab-line2.png) top left repeat-x;} .nav-top .item-03 .line {background:url(../images/tab-line3.png) top left repeat-x;} #nav {width:957px; height:43px; margin:0 auto;} .line-not-cat {display:none; background:url(../images/bg-line-home.png) bottom left no-repeat; width:947px; height:7px; margin: -14px auto 0; position:relative; z-index: 333;} .not-cat .sale-nav-top {margin-top:-83px} .not-cat #nav > ul > li > a {height:35px; line-height:38px;} .not-cat .line-not-cat {display:block} .not-cat .logo {margin: 0 10px 37px 5px;} .not-cat #nav .nav-blog {height: 57px; margin-top: -15px;} .not-cat #mid-banner {margin-top:-49px;} #nav > ul {text-align:left; float:left; margin-right:5px; margin-left:20px;} #nav .nav-blog, #nav .nav-cart, .box-com-cart-body .nav-blog, .box-com-cart-body .nav-cart{display:block; background:url(../images/giohang_empty.png) top left no-repeat; width:97px; height:59px; text-indent:-9999px; float:left; margin-top:-15px;} .box-com-cart-body .nav-blog, .box-com-cart-body .nav-cart{margin-top: 14px;height: 50px;float:left;width: 90px;} #nav .nav-cart, .box-com-cart-body .nav-cart{background:url(../images/giohang_co.png) top left no-repeat;} #nav > ul > li { float:left; margin-right:6px; } /*#nav > ul > li:hover .line, #nav > ul > li.active .line {opacity:1}*/ #nav > ul > li div.relative {position:relative; width:144px;} #nav > ul > li div.relative .post-up-btn {display:none; height:36px; line-height:36px; float:left; position:absolute; top:11px; left:-490px; width:88px;} #nav > ul > li.active div.relative a.post-up-btn {display:block } #nav > ul > li > a {background:url(../images/tab1.png) top left no-repeat; width:144px; height:43px; text-align:center; line-height:38px; color:#fff; font-size:14px; display:block; position:relative; font-size:17px; text-shadow:1px 1px 0 #777} #nav > ul > li > a:hover {text-decoration:none} #nav > ul > li.active > a {line-height:42px;} #nav > ul > li.item-02 > a {background:url(../images/tab2.png) top left no-repeat;} #nav > ul > li.item-03 > a {background:url(../images/tab3.png) top left no-repeat;} /*#nav ul > li > a i {background:url(../images/text-hover-nav.png) top left no-repeat; width:145px; height:39px; display:block; position:absolute; top:-41px; left:0; opacity:0} #nav ul > li.item-02 > a i {background-position:-156px 0} #nav ul > li.item-03 > a i {background-position:-304px 0} #nav ul > li > a:hover i {opacity:1;}*/ #nav ul ul {display:block; position:absolute; bottom:-59px; left:-205px; width:951px; padding-top:7px; height:60px;} #nav li div.relative .submenu, #nav li div.relative i {opacity:0} #nav li.active div.relative .submenu, #nav ul > li:hover div.relative i {opacity:1} #nav li.active div.relative {z-index:33} /* #nav li.item-02 div.relative {opacity:1} .nav-top .item-01 .line {opacity:1} #nav li:hover div.relative {opacity:1;}*/ #nav li li {float:left; padding:0 1px 0; background:url(../images/dot-bg.png) top left repeat-y; padding-left:2px;} #nav li ul li:first-child {background:none} #nav li li a {color:#4c4c4c; display:block; height:59px; font-size:13px; font:normal 13px 'Segoe UI', Arial, Helvetica, sans-serif; padding-left:14px;} #nav li li a:hover {color:#191919; background-color:#fff5cc} .wrap-user {width:957px; margin:0 auto; position:relative} .sale-nav-top li.active .line {z-index:44; opacity:1;} .sale-nav-top li.active a {z-index:55} #nav .item-03 ul {left:-505px; width:937px;} #nav li li small {display:inline-block; background:url(../images/icon-submenu-new.png) top left no-repeat; vertical-align:middle; margin-right:8px; float:left; margin-top:18px;} #nav li li span {float:left; line-height:normal; margin-top:13px;} #nav li li span strong {font-size:11px; font-weight:normal} #nav li.item-03 li.sub-01 a {width:275px;} #nav li.item-03 li.sub-02 a {width:195px;} #nav li.item-03 li.sub-04 a {width:195px;} #nav li.item-03 li.sub-03 a {width:200px;} #nav li.item-03 li.sub-02 small {width:21px; height:18px; background-position:0 -42px} #nav li.item-03 li.sub-01 small {width:17px; height:17px; background-position:-24px -43px} #nav li.item-03 li.sub-01 small.hd {width:19px; height:19px; background-position:-46px -41px} #nav li.item-01 li.sub-01 small.icon-spat{width:19px; height:20px; background-position:-100px -20px} #nav li.item-01 li.sub-02 small.icon-gt{width:12px; height:16px; background-position:-66px -23px} #nav li.item-01 li.sub-03 small.icon-nb{width:16px; height:16px; background-position:-82px -23px} #nav li.item-01 li.sub-03 small.icon-nm{width:15px; height:17px; background-position:-91px 0px} #nav li.item-01 li.sub-03 small.icon-dx{width:17px; height:29px; background-position:-86px -40px} #nav li.item-03 li.sub-01 small.blh{width: 20px;height: 21px;background-position: -19px 0;} #nav li.item-03 li.sub-03 small {width:13px; height:13px; background-position: -75px 0;} #nav li.item-03 li.sub-04 small {width:21px; height:18px; background-position:0 -42px} #nav li.item-01 li.sub-01 a {width:225px;} #nav li.item-01 li.sub-02 a {width:235px;} #nav li.item-01 li.sub-03 a {width:206px;} #nav li.item-01 li.sub-01 small {width:17px; height:21px; background-position:0 0} #nav li.item-01 li.sub-02 small, #nav li.item-02 li.sub-02 small {width:20px; height:21px; background-position:-19px 0} #nav li.item-01 li.sub-03 small {width:18px; height:17px; background-position:-41px 0} #nav .item-02 ul {left:-355px;} #nav li.item-02 li.sub-01 a {width:230px;} #nav li.item-02 li.sub-02 a {width:210px;} #nav li.item-02 li.sub-03 a {width:210px;} #nav li.item-02 li.sub-01 small {width:17px; height:21px; background-position:0 0} #nav li.item-02 li.sub-03 small {width:18px; height:17px; background-position:-41px 0} .i-s {display:inline-block; background:url(../images/icon-submenu.png) top left no-repeat; vertical-align:middle; margin-right:11px;} .i-scb {width:15px; height:15px; background-position:0 -24px;} .i-post-pro {width:14px; height:15px; background-position:-17px -24px;} .i-cntt {width:16px; height:15px; background-position:-33px -24px;} .i-khcn {width:14px; height:12px; background-position:-50px -24px;} .i-bql {width:12px; height:15px; background-position:-66px -24px;} .i-post-order {width:13px; height:16px; background-position:-68px -42px;} /*.sale-nav-top #nav > ul > li.item-02:hover > a , .sale-nav-top #nav > ul > li.item-03:hover > a {z-index:999 !important}*/ /*#nav .subwrapper {background:url(../images/bg-submenu.png) top left repeat-y; padding:0 4px 4px; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; box-shadow:1px 1px 4px 0 #555} #nav .subwrapper .subwrapper {border-radius: 4px; -webkit-border-radius: 4px;} #nav .subwrapper .sub-wrap-innter {padding:0 10px; border:#a8a8a8 1px dashed; border-top:none;} #nav .sub-wrap-innter a {font:normal 13px/34px Arial, Helvetica, sans-serif; color:#4175a3; text-transform:none; text-shadow:none; height:34px;} #nav .sub-wrap-innter a:hover {color:#ff9c00}*/ /*#nav li li, #nav li li li, #nav li li:first-child {margin:0; height:auto; line-height:normal; float:none}*/ .notlogin {float:right; margin-top:-29px; } .notlogin li {float:right; margin-left:23px; padding-top:5px; } .notlogin li.login-fb {clear:both; padding-top:8px;} .notlogin li a {color:#555; font-size:11px;white-space:nowrap;} .notlogin li a:hover, article.item .meta a:hover, .nav-footer li a:hover, .store-list li a:hover {color:#3378AD} .notlogin li i {vertical-align:top; margin-right:5px;} .notlogin li.cart i {background-position:-72px 0; width:15px; height:14px; margin-right:7px;} .notlogin li.reg i {background-position:-72px -20px; width:20px; height:17px; } .notlogin li.login i {background-position:-72px -43px; width:20px; height:17px;} .notlogin li.login-fb a, a.login-fb {display:block; background:url(../images/loginfb.png) top left no-repeat; width:173px; height:26px; text-indent:-9999px; margin-top:-3px;} .notlogin li.login-fb a:hover , a.login-fb:hover {background-position:0 -26px} a.reg-fb {background-position:0 -52px; margin-top:10px;} a.reg-fb:hover {background-position:bottom left} .gt-menu { left: 170px; position: absolute; top: 20px; } .ex-link {position:absolute; top:12px; left:266px; display:block} #header .gt-menu li {margin-left:0} .login-fb-page {clear:both; padding-top:15px; border-top:1px solid #C2DADD} .login-fb-page a {margin:0 auto;} .alert-info img { margin-right: 10px; vertical-align: middle; } .logged {float:right; margin-top:-49px; position:relative; z-index:999; margin-right:15px;} .notlogin .logged .menu-about {padding-top:0 !important; margin-right:0} .logged > ul > li {float:left; margin-left:10px; position:relative} .logged li ul { opacity:0; background-color: #FFFFFF; box-shadow: 0 2px 4px rgba(34, 25, 25, 0.5); position: absolute; width: 155px; top:-9999px; left:-9999px; padding-top:35px; z-index:333; border-radius:3px; background:url(../images/bg-top-usermenu.png) top left repeat-x #fff; } .logged li ul li {display:block; padding:3px 0px 3px 6px; float:none; font-size:10px;} .logged li ul li a {display:block} .logged li ul li.spre {border-top:#eaeaea 1px solid; margin-top:4px;} .logged li ul li:hover {background-color:#e5e5e5} .logged li ul li.no-hover-menu:hover{background-color:#fff;} .logged li ul li:first-child {border-top: 1px solid #e5e5e5;} .logged li.menu-user:hover ul {opacity:1; top:-2px; left:-14px} .logged li.menu-about:hover ul {left:-30px} .logged li.menu-about {margin-right:10px;} .logged li.menu-user img {float:left; width:18px; height:18px; position:absolute; top:4px; left:0; border:#558ab9 1px solid; box-shadow:1px 1px 3px #aaa} .logged li.menu-user .nav {height:25px; line-height:25px; font-size:11px; padding-left:28px; position:relative; z-index:444; display:block; margin-top:3px;} .logged li.menu-user .nav span {display:inline-block; background:url(../images/arr_blue.png) right center no-repeat; width:8px; height:4px; margin-left:7px; margin-bottom:2px;} .logged li.noti {padding-top:8px} .logged li.noti a {display:block; float:left; margin-left:10px;} .logged li.noti a.mess i {display:inline-block; background:url(../images/mail_blue.png) top left no-repeat; width:20px; height:14px;} .logged li.noti a.noti-numb i {display:inline-block; background:url(../images/noti-blue.png) top left no-repeat; width:18px; height:17px;} .logged li.noti a i em {position:relative; color:#fff; border-radius:50%; top:-8px; right:-9px; font-size:10px; font-weight:bold; padding:0 3px; height:12px; display:inline-block; text-align:center; line-height:11px; font-style:normal; border:#fff 2px solid; background-color:#e90404; } .notlogin .submenu-user li {margin-left:0; float:none; } .notlogin .logged li.menu-about:hover ul {left:3px;} .notlogin .logged li.menu-user .nav {height:20px; line-height:23px;} .submenu-user i {display:inline-block; background:url(../images/icon-menu-user.png) 1px 1px no-repeat; width:15px; height:15px; vertical-align:middle} .submenu-user i.icon-sell {background-position:0 -22px} .submenu-user i.icon-mana-article {background-position:0 -45px} .submenu-user i.icon-qa {background-position:0 -75px} .submenu-user i.icon-update-info {background-position:0 -97px} .submenu-user i.icon-wall {background-position:0 -121px} .submenu-user i.icon-bookmark {background-position:0 -143px} .submenu-user i.icon-setting {background-position:0 -179px} .submenu-user i.icon-logout {background-position:0 -199px} .submenu-user i.icon-intro {background-position:0 -219px} .submenu-user i.icon-job {background-position:0 -244px} .submenu-user i.icon-sitemap {background-position:0 -264px} #breadcrumb {width:900px; margin:0 0 10px 10px;/* background:url(../images/bg-break.png) top left no-repeat;*/ font-size:11px; overflow:hidden} #breadcrumb a, #breadcrumb {color:#757575;} #breadcrumb li {float:left; margin-right:10px; background:url(../images/arr-crumb.png) left center no-repeat; padding-left:13px;} #breadcrumb ul li:first-child {background:none; padding-left:0} /*#breadcrumb span { background-position: -53px 0; display: inline-block; height: 7px; margin: 3px 10px 0; width: 4px; }*/ /*#breadcrumb .ihome {background-position:-48px -12px; width:18px; height:14px; margin:-2px 8px 0 0}*/ /*CONTENT*/ .icon, .typepost, .icon-profile {background:url(../images/icon.png) top left no-repeat; display:inline-block; *display:inline; zoom:1; margin-right:1px; vertical-align:text-top } .reply a.like_editor i{background-position: 0 -18px; width: 11px; height: 10px; position: relative; bottom: -1px;} h1.title-page, .login-popup .title-login{font-size:24px; color:#575757; margin-bottom:20px;} .content-body {margin-bottom:20px; font-size:13px; clear:both; line-height:20px;} .content-body li{list-style-type:decimal;} .content-body ul li{list-style-type:disc;} .content-body p {margin-bottom:12px;} .content-body img {max-width:560px; height:auto !important} .content-body h3.head-line {font-size:17px; font-weight:bold; margin:0 0 12px; line-height:normal} .pro-desc, .buy-method {margin-bottom:30px; padding-left:30px} .content-body .pro-desc h3.head-line, .content-body .buy-method h3.head-line {border-bottom:#e4e4e4 1px solid; font-size:16px; font-weight:normal; padding:0 0 7px 30px; margin-left:-30px; background:url(../images/icon2_gt.png) 2px 1px no-repeat} .content-body .buy-method h3.head-line {background:url(../images/icon2_ctgh.png) 0 1px no-repeat} .content-body .btn-stt {font-size:12px !important; padding: 8px 20px;} .content-body ul {list-style: disc} .content-body ol {list-style:decimal} .content-body ul, .content-body ol {margin-bottom:15px; margin-left:25px;} .span100 {width:100%; clear:both} .wrap-list {margin-left:-12px; clear:both} .xuhuong-page .wrap-list {margin-left:0px;} .small-wrap-list {margin-left:-11px;} .wrap-list article.item, .z-masonry.wrap-list article.item {width:300px; float:left; background:url(../images/shadow.png) bottom center no-repeat; padding-bottom:10px; margin:0 0 15px 15px; /*display:inline-block; vertical-align:top*/} .masonry article.item {width:220px; background:url(../images/shadow2.png) bottom center no-repeat; padding-bottom:7px;} .masonry article.item img {width:200px;} .z-masonry.wrap-list article.item img {width:280px; height:auto} .wrap-list article.item .item-body, article.item-board .item-body {border:#e5e5e5 1px solid; border-bottom:#ccc 1px solid; border-radius:10px; -webkit-border-radius:10px; /*min-height:200px;*/ padding:9px; background-color:#fff; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s;} .wrap-list article.item .item-body:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); border-radius:10px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; border-color:transparent} /*.wrap-list article.product .item-body {background-color:#fffedc; border:#e3ad6e 1px solid; border-bottom:#dca362 1px solid}*/ .wrap-list article.item .thumb {margin-bottom:8px; position:relative} .span60 .wrap-list article.item .thumb, .span30 .wrap-list article.item .thumb {height:210px;} .wrap-list article.item .thumb a {display:block} .wrap-list article.item .meta a.username {margin-bottom:3px;} .wrap-list article.item .thumb .price {position:absolute; bottom:0; left:0; background-color:#ff8400; font-size:18px; color:#fff; padding:3px 8px 5px; display:block} .wrap-list article.item .thumb .price i {vertical-align:text-top; font-size:11px; font-style:normal; margin-bottom:-10px;} .wrap-list article.item .desc {clear:both; padding:5px 0 10px} article.item .meta.meta-footer {float:none; border-top: 1px dotted #D9D9D9; overflow: hidden; padding: 10px 0 0;} article.item .meta-footer .meta-cat {float: left; font-size: 11px;} article.item .meta-footer .meta-cat a {color: #3378AD;} article.item .meta-footer ul { float: right; list-style: none outside none; } .wrap-list article.item h2.title {font:normal 18px Arial, Helvetica, sans-serif; padding-bottom:2px; height:22px; overflow:hidden} .wrap-list article.item h2.title a {color:#3378ad} /*.wrap-list article.product h2.title a {color:#df5401}*/ article.item .meta {float:left} article.item .meta.pro-point {background:url(../images/point-bw.png) 100% 1px no-repeat; padding-right:20px; font:normal 17px/17px 'Segoe UI Light', Arial, Helvetica, sans-serif; color:#9d9d9b} article.item .change-link a {color:#9d9d9b; font:normal 16px/16px 'Segoe UI Light', Arial, Helvetica, sans-serif;} article.item .change-link a:hover {color:#ff8400; text-decoration:underline} article.item .meta a {color:#7d7d7d; font-size:11px; display:block} .meta-list li {float:left; margin-right:13px; line-height:normal} .meta-list li.like i {width:11px; height:10px; background-position:0 -18px; margin-top:1px;} .meta-list li.comments i { background-position:0 0; width:17px; height:13px;} .meta-list li.views i { background-position:-67px -132px; width:17px; height:11px;} .meta-list li.follow i { background-position:-72px -107px; width:7px; height:8px; margin-top:1px;} .meta-list li.shop-item i { background-position:-72px -119px; width:7px; height:8px; margin-top:1px;} .meta-white li.like i {background-position:-24px -37px; margin-right:4px;} .meta-white li.comments i {background-position:-50px -33px; margin-right:4px;} .blue-post-btn, a.blue-post-btn { -moz-box-shadow: 1px 1px 3px 0 #B2B2B2, inset 0 -2px 0 0 #249ad7; -webkit-box-shadow: 1px 1px 3px 0 #B2B2B2, inset 0 -2px 0 0 #249ad7; box-shadow: 1px 1px 3px 0 #B2B2B2, inset 0 -2px 0 0 #249ad7; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2bb4f8), color-stop(1, #28a9ef)); background:-moz-linear-gradient(top, #2bb4f8 5%, #28a9ef 100%); background:-webkit-linear-gradient(top, #2bb4f8 5%, #28a9ef 100%); background:-o-linear-gradient(top, #2bb4f8 5%, #28a9ef 100%); background:-ms-linear-gradient(top, #2bb4f8 5%, #28a9ef 100%); background:linear-gradient(to bottom, #2bb4f8 5%, #28a9ef 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bb4f8', endColorstr='#28a9ef',GradientType=0); background-color:#2bb4f8; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #2190c7; border-left:#46bcf8 1px solid; border-top:#62c7fa 1px solid; display:inline-block; color:#ffffff; font:normal 16px 'UVNTinTucHepThemBold', Arial, Helvetica, sans-serif; text-transform:uppercase; padding:6px 11px; text-decoration:none; text-shadow:0px 1px 0px #2393cb; } .blue-post-btn:hover, a.blue-post-btn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #28a9ef), color-stop(1, #2bb4f8)); background:-moz-linear-gradient(top, #28a9ef 5%, #2bb4f8 100%); background:-webkit-linear-gradient(top, #28a9ef 5%, #2bb4f8 100%); background:-o-linear-gradient(top, #28a9ef 5%, #2bb4f8 100%); background:-ms-linear-gradient(top, #28a9ef 5%, #2bb4f8 100%); background:linear-gradient(to bottom, #28a9ef 5%, #2bb4f8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28a9ef', endColorstr='#2bb4f8',GradientType=0); background-color:#28a9ef; } a.post-up-btn, a.post-up-btn:hover, a.post-sale-btn, a.post-sale-btn:hover, a.post-guide-btn, a.post-guide-btn:hover { height:34px; margin:0 auto; line-height:34px; padding:0 13px 0 48px; background-image:url(../images/icon-up.png); background-position:15px 8px; background-repeat:no-repeat; display:table} a.post-sale-btn, a.post-sale-btn:hover {background-image:url(../images/button_post_sale.png); background-position:10px 8px; background-repeat:no-repeat; padding:0 0 0 38px; display:block; top: 11px; width: 126px; position: absolute; right: -440px; z-index:9999; height:36px; line-height:36px; float:right} a.post-guide-btn, a.post-guide-btn:hover {background-image:url(../images/button_post_guide.png); background-position: 14px 8px; background-repeat:no-repeat; padding:0 0 0 38px; display:block; top: 11px; width: 126px; position: absolute; right: -590px; z-index:9999; height:36px; line-height:36px; float:right} a.post-sale-btn, a.post-guide-btn {display:none} .sale-nav-top li.active a.post-sale-btn, .sale-nav-top li.active a.post-guide-btn {display:block} .head-top-page {padding:27px 10px 27px 15px;border-bottom:1px #e1e1e1 solid;} .head-post {padding-bottom:5px} .head-top-page h1 {float:left; margin-bottom:0} .head-top-page h1.acenter {text-align:center; float:none} .masonry-wrap {padding-left:1px;} .item-mas {width:220px; float:left; margin:0 0 10px 13px} .item-mas .item-mas-body {position:relative} .item-mas .item-mas-body img {display:block; width:220px;} .item-mas .item-mas-body .meta-footer {} .item-mas .meta-top {position:absolute; top:0; left:0; height:31px; width:220px;} .item-mas .meta-top .opa {height:30px; width:220px; background-color:#ecedec; opacity:.75} .item-mas .meta-top ul {list-style:none; position:relative; z-index:3; border-bottom:#aeaeae 1px solid; float:left; width:220px;} .item-mas .meta-top li {border-left:#aeaeae 1px solid; height:30px; margin:0} .item-mas .meta-top li.like {border-left:none; float:left; width:109px} .item-mas .meta-top li i, a.nn-btn i {background:url(../images/icon-mas.png) top left no-repeat; width:11px; height:10px; margin-right:14px;} .item-mas .meta-top li.vn i, a.nn-btn i {width:13px; height:11px; background-position:bottom left; margin-right:6px;} .item-mas .meta-top li.vn {width:110px;} .item-mas .meta-top li a {display:block; height:30px; line-height:30px; color:#636363; font-size:11px; padding-left:10px;} .item-mas .meta-top li.vn a {padding-left:20px;} .item-mas .meta-top li a:hover {background-color:#ecedec; opacity:.7; color:#555;} .item-mas .meta-footer {position:absolute; left:0; bottom:30px; width:210px; background:url(../images/bg-mas-title.png) top left repeat-x; text-align:center; padding:0 5px 5px;} .item-mas .meta-footer h2.title a, .item-mas .meta-footer, .item-mas .meta-footer h2.title {font:normal 13px 'Segoe UI Light', Arial, Helvetica, sans-serif; color:#fff} .item-mas .meta-footer p.author, .item-mas .meta-footer p.author a {font-size:11px; color:#fff} .item-mas .meta-item-mas {background-color:#eaeaea; height:30px; line-height:30px; text-align:center; color:#636363; font-size:11px} .item-mas .meta-item-mas a {color:#636363;} .item-mas .meta-item-mas a:hover {text-decoration:underline} .item-mas .meta-top, .item-mas .meta-footer {opacity:0} .item-mas:hover .meta-top, .item-mas:hover .meta-footer {opacity:1;} .typepost {float:right; display:block; text-indent:-9999px; width:31px; height:31px; background-position:0 -80px; margin:4px 7px 0 0;} article.item.product .typepost {background-position:0 -142px} article.item.video .typepost {background-position:0 -49px} .feature-left {width:620px; float:left; border-radius:10px; -webkit-border-radius:10px; overflow:hidden; position:relative; margin-bottom:35px;} .feature-left .desc, .feature-left .opacity {position:absolute; bottom:0; left:0; height:63px;} .feature-left .desc {padding:0 15px; width:590px; z-index:444} .feature-left .opacity {width:640px; background-color:#000; opacity:0.25} .feature-left .desc a {color:#fff} .feature-left .desc h2 {line-height:normal; font-size:22px; font-weight:normal; padding-top:9px;} .feature-left .meta-white {float:right; margin-top:-2px;} .feature-left .meta-white li.comments {margin-right:0;} .side-bar-pro {width:300px; float:right} .list-sidebar-pro li {position:relative;} .list-sidebar-pro > li:first-child, .spre-hv {background:url(../images/spre-hv.png) bottom center no-repeat; padding-bottom:20px; margin-bottom:10px; clear:both} .list-sidebar-pro > li .pro-body {border-radius:10px; -webkit-border-radius:10px; overflow:hidden; position:relative; height:150px;} .list-sidebar-pro > li .desc {background:url(../images/opa-black.png) bottom left repeat-x; position:absolute; bottom:0; left:0; width:300px; height:25px; padding-top:12px} .list-sidebar-pro li h2 {font:normal 14px Arial, Helvetica, sans-serif; float:left; padding-left:13px;} .list-sidebar-pro li h2 a {color:#fff} .list-sidebar-pro .meta-list {float:right} .list-sidebar-pro .meta-list a {color:#fff} #formSubmit .spre-hv {margin-bottom:20px; margin-top:15px;} h3.head-title {font:normal 22px Arial, Helvetica, sans-serif; color:#007ec0; padding-left:18px; margin-bottom:14px;} h3.org-color {color:#ff8400} .span-page {border-bottom:#ededed 1px solid; margin-bottom:15px; position:relative; left:-13px; padding-left:13px; width:943px} article.detail {font-size:14px;} article.detail h1.title-detail {color:#0193dc; font:normal 28px 'Segoe UI Light', Arial, Helvetica, sans-serif; margin-bottom:5px;} article.detail header .meta-post {font-size:12px; color:#888; padding:3px 0 0 0;} article.detail h1.title-detail .edit-article {display:inline-block; width:120px; height:27px;margin-bottom: 4px;} article.detail .meta-post {text-align:center; font-family:'Segoe UI Light', Arial, Helvetica, sans-serif; color:#686a6b; margin-bottom:20px;} article.detail .meta-post a { color:#686a6b; text-decoration:underline;} .main-thumb {width:500px; margin:0 auto 20px; border:#e5e5e5 1px solid; padding:9px; border-radius:3px; -webkit-border-radius:3px; overflow:hidden} .main-thumb img {border-radius:4px; -webkit-border-radius:4px;} .field-nguyen-lieu {margin-bottom:30px;} .hv-break {background:url(../images/hv.jpg) center center no-repeat; height:21px; clear:both; margin-bottom:15px;} .hv-small {background:url(../images/hv2.png) center center no-repeat; height:11px; clear:both; margin-bottom:20px;} h3.head-detail {color:#4f94d3; font:normal 30px 'Segoe UI Light', Arial, Helvetica, sans-serif; margin-bottom:5px;} h3.head-detail .i-nl {background-position:-32px -84px; width:36px; height:35px; vertical-align:middle; margin-right:2px;} h3.head-detail .i-cl {background-position:-34px -49px; width:33px; height:33px; vertical-align:middle; margin:-2px 2px 0 0;} #material {position:relative; margin-bottom:15px;} #material .icon-material {background:url(../images/icon-nl.gif) top left no-repeat; width:103px; height:119px; float:left; margin-right:20px;} #material .thumb-frame {background:url(../images/frame-img.png) top left no-repeat; width:177px; height:135px; position:absolute; top:39px; right:20px; padding:9px 0 0 15px;} #material .thumb-frame div {position:relative} #material .thumb-frame div span.tap {background:url(../images/tap.png) top left no-repeat; width:15px; height:39px; position:absolute; top:-9px; left:10px;} #material .list-ma p {border-bottom:#b2b2b2 1px dotted; padding:10px 0 0 13px; width:282px; /*width:420px;*/} .step-head {clear:both; margin-bottom:15px;} .step-head h3 {padding-top:25px;} .step-title {margin-bottom:0; position:relative; z-index:99} .step-title h3 {padding:30px 0 0 130px; margin-bottom:0} .step-head .icon-step {background:url(../images/icon-step.gif) top left no-repeat; width:103px; height:77px; float:left; margin-right:20px} .gallery-head {margin-bottom:15px;} .gallery-head i {background:url(../images/icon-camera.jpg) top left no-repeat; width:65px; height:60px; float:left; margin-right:10px;} .gallery-head h3 {padding-top:10px;} .gallery-list {width:105%; margin-bottom:10px;} .gallery-list li {float:left; margin:0 10px 10px 0;} .over-hid {overflow:hidden} .over-hid-old{width:269px;float:left;} .over-hid-new{width:283px; float:left; overflow:none;} .list-step {margin-bottom:22px} .list-step li {margin-bottom:10px; float:left; width:620px;} .list-step li .thumb-step {width:280px; height:205px; border:#e5e5e5 1px solid; padding:9px; border-radius:8px; -webkit-border-radius:8px; float:left; -webkit-box-shadow: 1px 0px 3px 0px #dadada; box-shadow: 1px 0px 3px 0px #dadada;} .list-step li .thumb-step img {border-radius:5px; -webkit-border-radius:5px;} .list-step li .over-hid {padding:9px 0; width:320px; float:left; overflow:visible} .list-step li .over-hid .body-step {background:url(../images/body-step.jpg) top left repeat; min-height:181px; padding:12px 18px; line-height:22px; -webkit-box-shadow: 2px 2px 5px 0px #d3d3d3; box-shadow: 2px 2px 5px 0px #d3d3d3;} .list-step li .body-step h3.step-numb {font:italic 24px "Times New Roman", Times, serif; margin-bottom:7px;} #step-done { font-size:12px; padding:0 0 25px 22px; border-bottom:#d8d8d8 1px dotted; margin:-40px 0 20px 0;} #step-done .col1, #step-done .col3 {width:277px;} #step-done .col2 {width:52px; padding:0 7px; } #step-done .col2 div, #step-done .col1 div, #step-done .col3 div {vertical-align:middle} .step-do {margin-top:-17px;} .step-do .head {background:url(../images/steps_top.gif) left -8px no-repeat; width:572px; height:164px; position:relative} .step-do .head .step-no {font-size:11px; text-transform:uppercase; text-shadow: 1px 1px 1px #7bb6d6; color:#fff; position:absolute; left:0; top:28px; padding-left:15px; height:30px; line-height:30px;} .step-do .head .step-no span {font-size:18px; display:inline-block; vertical-align:top} .step-do .midd {background:url(../images/steps_midd.gif) top left repeat-y; width:572px; padding-top:90px; position:relative; z-index:3} .step-do .midd .body {padding:0 10px 0 110px; margin-top:-180px; font-size:13px;} .step-do .midd .body .text {padding:0 8px; margin-bottom:10px} .step-do .midd .body .img {position:relative;} .step-do .midd .body .img a {display:block} .step-do .midd .body .img a span {background:url(../images/zoom.png) top left no-repeat; width:37px; height:37px; position:absolute; top:10px; right:10px;} .step-do .bot {background:url(../images/steps_bot.gif) top left no-repeat; width:572px; height:34px;} .box-step, .box-step.box-right {background:url(../images/shadow-step-left.png) bottom left no-repeat; padding-bottom:15px; } .box-step-inner {border:#dfdfdf 1px solid; background-color:#f1f1f1; border-radius:5px; -webkit-border-radius:5px; padding:9px; width:252px; position:relative} .box-step-inner .arr {background:url(../images/arr-right.png) top left no-repeat; width:7px; height:13px; position:absolute; top:47%; right:-7px;} .step-text .box-step-content {background-color:#fff; padding:9px !important; color:#696969; font-size:13px;} .tbl-list-step td {vertical-align:middle} .box-step.box-right {background:url(../images/shadow-step-right.png) bottom left no-repeat; float:right} .box-right .box-step-content {padding:0; } .box-right .box-step-inner .arr {background:url(../images/arr-left.png) top left no-repeat; right:auto; left:-7px;} .step-img .box-step-content {padding:0} div.step-numb {background:url(../images/numb-step.png) top left no-repeat; width:52px; height:41px; text-align:center; font-size:18px; color:#fff; line-height:normal; text-shadow:1px 1px 1px #8bbdd9; line-height:14px; padding-top:11px; margin-top:-10px;} div.step-numb small {display:block; font-size:8px; text-transform:uppercase; font-weight:bold} div.step-done {background:url(../images/step-done.png) top left no-repeat; text-indent:-99999px; text-align:left; margin-top:20px; display:block} #like-post {float:left; margin:5px 0 11px 10px;} #like-post a {background:url(../images/like.png) top left no-repeat; display:block; padding:11px 0 0 64px; font-size:18px; color:#fd0000; line-height:21px; min-height:47px;} #like-post a small {font-size:12px; display:block; } .social-share {float:right; margin:0 10px 11px 0; width:300px;} #tags { padding:10px; clear:both; overflow:hidden; margin-bottom:10px;} #tags span {float:left; width:62px; color:#4c4c4c; font:italic 24px/15px "Times New Roman", Times, serif; display:block} #tags a {display:inline-block; background:url(../images/bullet.png) 0 7px no-repeat; padding-left:14px; margin-left:7px; font-size:12px;} #tags a:first-child {background:none; padding-left:0; margin-right:0} h5.head-title-box { color: #333333; font: 20px Arial,Helvetica,sans-serif; margin-bottom: 15px; } .hv {background:url(../images/hv.png) top left no-repeat; width:52px; height:14px; margin:0 auto 25px} .block ul.comment-list { clear: both; margin-bottom: 30px; } #comments {padding:15px 10px 0; background-color:#fff; clear:both; position:relative} #comments span.arr {background:url(../images/arr-up.png) top left no-repeat; width:17px; height:9px; position:absolute; top:-9px; left:37px;} #comments h5.head-title-box {text-align:center; font-family:'Segoe UI Light',Arial,Helvetica,sans-serif; color:#1f8ece} .comment-list {margin-bottom:20px;} .comment-list > li { float: left; margin-bottom: 15px; padding-left: 70px; position: relative; width: 540px; } .comment-list li .user-picture {background:url(../images/bg-avatar.png) top left no-repeat; width:65px; height:60px; left: 0; position: absolute; top: 0; } .comment-list li .user-picture img {width:50px; height:50px; margin:5px 0 0 5px} .comment-content { border: 1px solid #c2dadd; color: #3e3f40; border-radius:3px; -webkit-border-radius:3px; padding:10px 14px; } .comment-content .like {float:right;} .comment-content .like i {background-position:0 -18px; width:11px; height:10px; position:relative; bottom:-1px;} .reply-form {width:auto; padding:10px 0 0 70px; position:relative} .reply-form textarea.normal-input {min-width:460px; width:460px; min-height:84px; height:84px;} .reply-form .blue-btn {padding:9px 18px 6px} .comment-list li .reply-form .user-picture {top:10px;} .comment-list li .reply-form .user-picture strong {display:block; text-align:center; font-size:12px; font-weight:bold; padding-top:7px; color: #3385AD;} .reply { padding:5px 0 0 0; text-align: right; } .reply a { background:url(../images/reply-icon.png) 7px 4px no-repeat #E9E9E9; border: 1px solid #D9D9D9; border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px 0 0 #F4F4F4 inset; color: #333333; display: inline-block; font-size: 11px; height: 19px; line-height: 19px; padding: 0 10px; text-align: left; width: auto; padding-left: 27px; } .reply a:hover, .child-comment .reply a:hover { background-color: #DFDFDF; text-decoration: none; } .meta-user-comment {margin-bottom:5px; font-size:11px; color:#656566;} .meta-user-comment a.username {font-size:14px; font-weight:bold; color:#3385ad; line-height:normal} .form-comment .comment-content {border:none; padding:0} .form-comment .comment-content textarea {border-radius:3px; -webkit-border-radius:3px; border: 1px solid #c2dadd; width:530px; min-height:150px; margin-bottom:15px;} .form-comment .comment-content input, #form-register input[type="submit"], #loginForm input[type="submit"], .signin input[type="submit"], form .form-actions input, form .form-actions button, a.blue-btn, .blue-btn, #lostpasswordForm input[type="submit"], #activeForm input[type="submit"], .cn-bh-right input, .form-actions a.btn-next-cart, .btn-update-status, a.btn-success , .span100 input[type="submit"], .span100 input[type="button"], .kh-not-login a.myButton{ -moz-box-shadow: 0px 1px 3px 1px #e1f0f4; -webkit-box-shadow: 0px 1px 3px 1px #e1f0f4; box-shadow: 0px 1px 3px 1px #e1f0f4; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #73b9cc), color-stop(1, #57abc2)); background:-moz-linear-gradient(top, #73b9cc 5%, #57abc2 100%); background:-webkit-linear-gradient(top, #73b9cc 5%, #57abc2 100%); background:-o-linear-gradient(top, #73b9cc 5%, #57abc2 100%); background:-ms-linear-gradient(top, #73b9cc 5%, #57abc2 100%); background:linear-gradient(to bottom, #73b9cc 5%, #57abc2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#73b9cc', endColorstr='#57abc2',GradientType=0); background-color:#73b9cc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #3b8ca3; border-width:0 0 1px 0; display:inline-block; color:#ffffff; font-size:12px; font-weight:bold; padding:10px 25px 8px; text-decoration:none; text-shadow:0px 1px 0px #508e9f; cursor:pointer } form .form-actions button {padding:9px 25px 7px; margin-left:10px;} #form-register {clear:both} #form-register input[type="submit"], #loginForm input[type="submit"], #lostpasswordForm input[type="submit"], #activeForm input[type="submit"], .kh-not-login a.myButton {display:table; margin:0 auto; font-weight:normal; font-size:16px;} .form-comment .comment-content input:hover, #form-register input[type="submit"]:hover, #loginForm input[type="submit"]:hover, .signin input[type="submit"]:hover, form .form-actions input:hover, form .form-actions button:hover, a.blue-btn:hover, .blue-btn:hover, #lostpasswordForm input[type="submit"]:hover, #activeForm input[type="submit"]:hover, .cn-bh-right input:hover, .form-actions a.btn-next-cart:hover, .btn-update-status:hover, a.btn-success:hover, .kh-not-login a.myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #57abc2), color-stop(1, #73b9cc)); background:-moz-linear-gradient(top, #57abc2 5%, #73b9cc 100%); background:-webkit-linear-gradient(top, #57abc2 5%, #73b9cc 100%); background:-o-linear-gradient(top, #57abc2 5%, #73b9cc 100%); background:-ms-linear-gradient(top, #57abc2 5%, #73b9cc 100%); background:linear-gradient(to bottom, #57abc2 5%, #73b9cc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#57abc2', endColorstr='#73b9cc',GradientType=0); background-color:#57abc2; } .child-comment { border-top: 1px solid #E5E5E5; margin-top: 10px; position: relative; overflow:hidden; } .child-comment .comment-list > li { width:510px; border-top: 1px solid #E5E5E5; padding: 0; margin-bottom:0; margin-top:-1px;} .child-comment td, .child-comment table, .child-comment .comment-content { border: medium none;} .child-comment .meta-user-comment small { display: inline; } .child-comment .meta-user-comment a.username {font-size:11px; font-weight:normal} .child-comment .comment-content {padding:10px 0} .meta-user-comment .sub-action { float: left; margin-left: 10px; } .meta-user-comment .sub-action li { float: left; line-height: normal; margin-right: 10px; } .nav-box, .box-sidebar {border:#bab9aa 1px solid; margin-bottom:10px; border-bottom:#cecfd1 1px solid} .nav-box {float:left; width:218px;} .nav-box h2, .box-sidebar h2 {font:normal 16px 'Segoe UI Light', Arial, Helvetica, sans-serif; /*padding:10px; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f8f9), color-stop(1, #eeeeee)); background:-moz-linear-gradient(top, #f9f8f9 5%, #eeeeee 100%); background:-webkit-linear-gradient(top, #f9f8f9 5%, #eeeeee 100%); background:-o-linear-gradient(top, #f9f8f9 5%, #eeeeee 100%); background:-ms-linear-gradient(top, #f9f8f9 5%, #eeeeee 100%); background:linear-gradient(to bottom, #f9f8f9 5%, #eeeeee 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f8f9', endColorstr='#eeeeee',GradientType=0); background-color:#f9f8f9; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;*/ border-bottom:#e1e1e1 1px solid; color:#555; padding:10px 30px; background-color:#fff; text-align:center } .box-sidebar h2:before {background-color:#000} .nav-box h2 i {width:10px; height:11px; background-position:-72px -67px; vertical-align:baseline; margin-right:4px;} .nav-box-body, .box-sidebar-body {padding:0 9px; background-color:#fff;} .nav-box-body, .box-tt-shop{padding:0;} .nav-box-body li {border-top:#ccc 1px dotted; } .nav-box-body li a {color:#6d6d6d; font-size:14px; padding:10px 0; display:block} .nav-box-body li.active a {color: #FF8400;} .nav-box-body li:first-child {border-top:none} .box-sidebar {margin-bottom:15px; float:left; width:298px; background-color:#fff; -webkit-box-shadow:0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #cecfd1, 0 11px 0 -8px #fff, 0 11px 0 -7px #cecfd1; -moz-box-shadow:0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #cecfd1, 0 11px 0 -8px #fff, 0 11px 0 -7px #cecfd1; box-shadow:0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #cecfd1, 0 11px 0 -8px #fff, 0 11px 0 -7px #cecfd1} .banner-shop {margin-bottom:32px;} .head-se {color:#1c1c1c; margin-bottom:8px; line-height:21px; font:normal 22px 'Segoe UI Light', Arial, Helvetica, sans-serif; padding-left:10px; text-shadow: 0 1px 0 rgba(0,0,0,0.01); } .head-se a {color:#1c1c1c} .head-se a.more-arr {font-size:12px;} .head-se a.active, .head-se a:hover, .nav-box-body li a:hover, .wrap-list article.item h2.title a:hover {color:#ff8400 !important} .head-filter {font-size:20px; color:#818181; margin-bottom:17px;} .head-filter a {color:#818181} .fright.call-post {margin-top: -50px; margin-bottom:10px;} .call-post a {display:block; background:url(../images/btn-sell.png) top left no-repeat; width:156px; height:46px; font:normal 18px/42px 'Segoe UI Light', Arial, Helvetica, sans-serif; color:#fff; text-indent:54px} .small-wrap-list .typepost.product {background-position: -35px -121px; width:24px; height:24px;} .small-wrap-list article.item h2.title {font-size:14px;} .small-wrap-list article.item {width:225px; background: url(../images/shadow-small.png) no-repeat scroll center bottom; padding-bottom:8px;margin: 0 0 10px 11px} .small-wrap-list article.item .meta a, .small-wrap-list article.item .meta .date {font-size:10px; color: #7D7D7D;} .small-wrap-list article.item .meta-list a {font-size:9px;} .small-wrap-list article.item img {width:209px; height:157px} .small-wrap-list article.item .item-body {padding:7px; border-radius:7px; -webkit-border-radius:7px;} .small-wrap-list .meta-list li.like i {width:9px; height:8px; background-position:-72px -84px; margin-top:2px;} .small-wrap-list .meta-list li.comments i {width:13px; height:10px; background-position:-72px -94px;} .small-wrap-list .meta-list li.views i {width:13px; height:8px; background-position:-70px -147px; margin-top:2px;} .small-wrap-list article.item .thumb .price {font-size:14px; padding:1px 6px} .small-wrap-list article.item .thumb {height:157px;} .board-list > li {width:222px; float:left; margin:0 14px 0px 0} .board-list > li h2 {height:21px; margin-bottom:8px;} .board-list > li h2 a {font:normal 15px Arial, Helvetica, sans-serif; color:#347aaf; display:block; text-align:center; margin-bottom:10px;} .board-wrapper article.item {width:222px; margin-bottom:0} .board-wrapper article.item .empty {height: 193px; line-height: 193px; text-align: center;} .board-wrapper article.item .item-body {padding:0px; overflow:hidden; min-height:219px;} .board-wrapper article.item .item-body .big-thumb {height:137px;} .board-wrapper article.item .item-body:hover, .board-wrapper article.item-board-emty .item-body:hover, .board-wrapper article.item-board-emty .item-body {box-shadow: none; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; border:#e5e5e5 1px solid; border-bottom:#ccc 1px solid; border-radius:7px; -webkit-border-radius:7px;} .board-wrapper article.item-board-emty .item-body {height:219px; line-height:218px; border:none; background:url(../images/bg-board.png) top right no-repeat; width:222px; text-align:center} .board-wrapper article.item-board-emty .item-body:hover {background-position:top left; border:none} .board-wrapper article.item-board-emty .item-body a {color: #8D8D8D; display: block; font-size: 13px; margin-top: -2px;} .board-wrapper article.item-board-emty .item-body #collection_add {line-height:normal} .board-wrapper article.item .big-thumb img {width:220px; height:auto; margin-bottom:3px; height:135px;} .board-wrapper article.item .thumb {width:220px; overflow:hidden; margin-bottom:0; min-height:54px; height:auto} .board-wrapper article.item .thumb ul {width:228px;} .board-wrapper article.item .thumb ul li {float:left; margin-left:2px; width:54px;} .board-wrapper article.item .thumb ul li:first-child {margin-left:0} .board-wrapper article.item .thumb img {width:54px; float:left; height:auto; } .board-wrapper article.item .edit-board {text-align:center} .board-wrapper article.item .edit-board {padding:5px 0 3px;} .board-wrapper article.item .edit-board a {display:inline-block; background:url(../images/icon-edit.png) left center no-repeat; padding-left:15px; color:#737373; font-size:13px; } article.item .edit-del {float:right; margin-top:10px;} article.item .edit-del a { background: url(../images/edit-del.png) top left no-repeat; display: inline-block; height: 17px; width: 17px; text-indent:-9999px; } article.item .edit-del a.del-link {background-position:top right} article.item .edit-del a.edit-link {background-position:top center} .list-full-sidebar {} .list-full-sidebar li {text-align:center; padding:12px 0} .list-full-sidebar li img {margin-bottom:5px;} .list-full-sidebar li a {color:#555} .list-full-sidebar li span.meta {font-size:11px; color:#ff6600} .spacing-hv {clear:both; text-align:center; border-bottom:#ededed 1px solid; margin:13px 0 20px} .spacing-hv i {background-position:-33px -149px; width:38px; height:9px; background-color:#fff; margin-bottom:-5px;} a.more-arr {color:#81adde} .more-arr i {display:inline-block; background:url(../images/arr-reply.png) 1px 1px no-repeat; width:17px; height:17px; vertical-align:middle; margin-left:4px;} .box-shop {} .box-shop h3 {font:normal 20px 'Segoe UI Light', Arial, Helvetica, sans-serif; color:#3b7fcc; padding-left:7px;} .wrap-list-shop .typepost {margin:-13px 5px 0 0} .wrap-list-shop .hv-shop {width:209px; height:26px; background:url(../images/bg-shop.png) top left repeat-x; position:absolute; top:0; left:0 } #s3sliderContent a, #s3sliderContent a strong {color:#fff; font-weight:normal} /*.span60 .head-se, .span30*/ #cat-page .head-se, .box-shop h3, .span60 .head-se, .span30 .head-se {float:left; background:url(../images/bg_head_title.png) bottom right no-repeat; font-size:18px; color:#4691d3; margin:0 0 10px 4px; text-align:center; padding:0 20px 0 0; height:37px;} /*.span60 .head-se .head-se-inner, .span30*/ #cat-page .head-se .head-se-inner, .box-shop h3 .head-se-inner, .span60 .head-se .head-se-inner, .span30 .head-se .head-se-inner { background:url(../images/bg_head_title.png) top left no-repeat; padding-left:23px; padding-right:3px; height:37px; line-height:33px; float:left; display:block} .span60 .head-se {padding-right:14px;} .span60 .head-se .head-se-inner {padding-left:17px;} /*.span60 .head-se a, .span30*/ .head-se a {color:#4691d3} .box-shop h3 {margin-top:2px; margin-right:15px;} .box-shop a.fright {color:#FF8100; background-color:#fff; border-radius:10px; -webkit-border-radius:10px; padding:1px 2px 2px 10px; margin-right:3px;} .video-thumb {width:570px; margin:0 auto 15px;} .contact-page {width:710px; margin:0 auto; font-size:14px; line-height:22px; color:#858484} .contact-page h3 {color:#656363; font-style:italic; font-weight:bold; margin-bottom:15px;} .contact-page p, .contact-page form {margin-bottom:15px;} .contact-page form input[type="text"] {width:690px} .contact-page form textarea {width:700px} .contact-page button.blue-btn {padding: 8px 18px 6px;} h1.title-single-page {color:#477fbe; font:normal 30px 'Segoe UI Light', Arial, Helvetica, sans-serif; border-bottom:#959595 1px dashed; padding-bottom:6px; margin-bottom:35px;} .more-help {border-top:#959595 1px dashed; text-align:center; padding:25px 0; margin-top:10px; overflow:hidden} .more-help p {font:bold 20px Arial, Helvetica, sans-serif; color:#4a83c4} .more-help div {float:left; width:50%; padding-top:20px; font-size:11px;} .more-help div a {text-decoration:underline; font-size:13px;} /*Profile*/ #profile-wrapper, .single-page {background-color:#fff;border-radius:5px; box-shadow: 1px 1px 4px 1px #b2b2b2;-webkit-box-shadow: 1px 1px 4px 1px #b2b2b2; /*padding-top:20px; top:-49px;*/ position:relative; float:left; width:955px; overflow:hidden} .single-page {padding:20px 30px; width:893px; top:0; margin-bottom:20px;} .nav-profile {background:url(../images/bg-nav-profile.png) bottom left repeat-x; height:66px;} .nav-profile li {float:left; margin-left:36px;} .nav-profile li .popover-title {display:none} .nav-profile li:first-child {margin-left:33px;} .nav-profile li a, .nav-profile li span {display:block; height:66px; font: 16px/74px 'Segoe UI Light', Arial,Helvetica,sans-serif; color:#929292; line-height:62px;} .nav-profile li.active a {background:url(../images/arr-white.png) bottom center no-repeat} .nav-profile li a:hover, .nav-profile li.active a {color:#ff4e00; text-decoration:underline} .nav-profile li.send-sms {float:right; padding:19px 25px 0 0} .nav-profile li.send-sms a {line-height:normal; height:auto; font:normal 14px Arial, Helvetica, sans-serif; color:#fff; padding:10px 15px 8px;} .nav-profile li.send-sms a:hover {text-decoration:none} .nav-profile li.send-sms a i, button.blue-btn i {background:url(../images/icon-postsms.png) top left no-repeat; display:inline-block; vertical-align:middle; width:19px; height:19px; margin-right:3px;} #profile-body {padding: 20px 10px;} #profile-body .wrap-list article.item h2.title { height: 33px;} .meta-user-logged {} .meta-user-logged .user {float:left} .meta-user-logged .byme {margin-top:-5px;} .meta-user-logged .byme .over-hid {padding-top:10px;} .meta-user-logged .user .over-hid a {color: #949494; font-size: 11px; font-weight: normal; display:inline-block} .meta-user-logged .user .over-hid a.username {color: #4180C1; display: inline-block; font: 24px/17px 'Segoe UI Light',Arial,Helvetica,sans-serif; height: 28px;} .meta-user-logged .user .over-hid a.change-name { background: url(../images/icon-edit.png) no-repeat scroll left center transparent; padding-left: 16px; } .meta-user-logged .user .over-hid a.change-avatar { background: url(../images/change-ava-icon.png) no-repeat scroll left center transparent; padding-left: 18px; } .meta-user-logged .user .over-hid span {display:block} .meta-user-logged .user img {float:left; margin-right:15px;} .meta-user-logged .static {float:right; margin-top:-5px; padding-bottom:3px;} .meta-user-logged .byme .over-hid a {font-size:21px;} .post-menu-logged {float:left; margin-left:7px;} .post-menu-logged li {border-left:#b7b7b7 1px dotted; padding:0 13px; float:left} .post-menu-logged li:first-child {padding-left:0; border-left:none} .post-menu-logged li a {font: 16px/16px 'Segoe UI Light',Arial,Helvetica,sans-serif;} .post-menu-logged li a:hover {color:#ed7b00} .post-menu-logged li i {margin-right:3px;} .post-menu-logged li.post-article i {background-position:-96px -20px; width:20px; height:20px;} .post-menu-logged li.post-article a:hover i {background-position:-96px -46px} .post-menu-logged li.post-sell i {background-position:-96px -68px; width:17px; height:20px;} .post-menu-logged li.post-sell a:hover i {background-position:-96px -91px} .info-wrapper .points { border-right: 1px dotted #CCCCCC; float: left; width: 85px; font-size: 8px; line-height: normal; overflow: hidden; text-align: center; } .info-wrapper .points a.icon { background:url(../images/level.jpg) top left no-repeat; float: left; height: 37px; width: 37px; display: inline-block; vertical-align: text-top; } .info-wrapper .points a.level2 {background-position:0 -37px;} .info-wrapper .points a.level3 {background-position:0 -74px;} .info-wrapper .points a.level4 {background-position:0 -111px;} .info-wrapper .points a.level5 {background-position:0 -148px;} .info-wrapper .points a.level6 {background-position:0 -185px;} .info-wrapper .points p { border: medium none; clear: none; font-size: 8px; padding: 5px 0 0 0; } .info-wrapper .points strong a { color: #FF9900; display: block; font-size: 14px; font-weight: bold !important; } .u-total { float: left; padding-top:5px; } .info-wrapper p { border-top: 1px dotted #CCCCCC; clear: both; font-size: 11px; padding: 10px 0 0 10px; } .u-total p { border-top: medium none !important; float: right; padding: 0 7px 0 0 !important; text-align: center; } .total-posts {border-right:1px dotted #CCCCCC; height:31px; } .u-total p:first-child { border-left: medium none; margin-left: 7px; padding-left: 7px; } .u-total p small { display: block; font-size: 8px; line-height: normal; text-transform: uppercase; } .u-total p strong { color: #FF9900; font-size: 14px; font-weight: bold !important; } .icon-profile {background:url(../images/icon-backend.png) top left no-repeat} .i-message {width:17px; height:15px; background-position:-3px -162px; margin:-1px 5px 0 0} .user-box {width:auto; min-height:!important} #nav-message {width:155px; float:left; margin:0 15px 0 10px; padding-top:5px;} #nav-message .nav-box {width:155px;} #nav-message .blue-btn {padding:10px 22px 8px; font-size:13px; border-radius:5px; -webkit-border-radius:5px;} #mess-content {overflow:hidden; margin-right:10px; padding:5px;} .form-message {padding-top:2px;} .form-message input[type="text"], .form-message textarea {box-shadow: 0 0 3px 0 #d4d4d4; -webkit-box-shadow: 0 0 3px 0 #d4d4d4; border:#c2dadd 1px solid; border-radius:5px; -webkit-border-radius:5px; height:32px; line-height:32px; padding:0 9px; width:97.5%; font-style:normal; font-size:13px;} .form-message textarea {min-height:120px; line-height:20px; padding:3px 9px;} .setting-page {width:790px; margin:0 auto; float:none; display:block} .setting-page h2 {padding:10px; overflow:hidden; height:34px; line-height:34px;} .setting-page h2 a.blue-btn {line-height:normal} .user-box {padding:9px; margin-bottom:25px; float:none; display:block} .user-box h1 {font:normal 18px Arial, Helvetica, sans-serif; color:#4180c1; margin-bottom:5px;} .user-box h1 a.btn-stt {margin:0 0 0 5px; position:relative; top:-3px} .user-box .user-picture {width:85px; margin-right:10px; float:left} .user-box .status span { background: url(../images/quote_left.gif) no-repeat scroll left top transparent; display: block; padding-left: 20px; } .user-box .status { background: url(../images/quote_right.gif) no-repeat scroll right top transparent; display:inline-block; padding-right: 20px; font-style:italic; margin-bottom:5px; } .user-mess {padding:0} .u-phone {margin-bottom:4px;} .u-phone i {width:9px; height:15px; background-position:-14px -327px; vertical-align:text-bottom; margin-right:5px;} .u-address i {width:12px; height:16px; background-position:0 -327px; vertical-align:text-bottom; margin-right:4px;} .user-box .fleft {width:70%} .user-box .fright {width:115px; line-height:21px;} .menu-fuc {} .menu-fuc > li {border-bottom:#ccc 1px dotted; position:relative} .menu-fuc > li.share {border-bottom:none} .menu-fuc > li.add-col a, .menu-fuc li.memb-likes a {display:block; background:url(../images/menu-func.png) 2px 10px no-repeat; padding:14px 0 14px 40px; font-size:13px} .menu-fuc > li.memb-likes a.btn-stt {background:none; display:inline-block; padding:4px 8px 6px} .menu-fuc > li a small {font-size:11px; display:block; color:#545454} .menu-fuc > li.memb-likes a {padding:10px 0 10px 40px; color:#ff8400} .menu-fuc > li.add-col a {background-position:2px -40px; color:#f97885} .menu-fuc > li.share {padding:10px 0} .dropdown-group { margin: 0 22px; position: relative; } .dropdown-menu { display: none; float: left; left: auto; position: absolute; right: -22px; top: 30px; z-index: 440; } .open .dropdown-menu {display: block; left: 6px; right: auto; top: 34px;} .dropdown-wrapper, .dropdown-form-wrapper { background-clip: padding-box; background-color: #FFFFFF; border-radius: 1px 1px 1px 1px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); color: #7F7F7F; list-style: none outside none; min-width: 181px; } .head-dropdown { border-bottom: 1px solid #E5E5E5; font-size: 14px; padding: 10px 10px 10px 15px; } .body-dropdown { position: relative; } .dropdown-menu .list-collection li { font-size: 12px; } #collection_pop .body-dropdown {width:202px;} .dropdown-menu .list-collection li.toggle-create-board {padding:5px;} .dropdown-menu .list-collection li.toggle-create-board input[type="text"] {box-shadow:none; border-radius:0; height:auto; line-height:normal; padding:5px 5px 4px 5px; width:auto; font-size:12px;} .dropdown-menu .list-collection li a { color: #7F7F7F; display: block; padding: 7px 10px 7px 19px; background:none; } .dropdown-menu .list-collection li.checked a {background:url(../images/checked.png) 8px 11px no-repeat} .dropdown-menu .list-collection li:hover, .dropdown-menu .list-collection li.checked:hover { background-color: #E9E9E9; } .dropdown-menu .list-collection li.toggle-create-board:hover {background:none} .dropdown-wrapper .arr, #share-fix .dropdown-wrapper .arr, .dropdown-form-wrapper .arr { /*background: url() no-repeat scroll -43px -23px transparent;*/ height: 4px; left: 49%; position: absolute; top: -3px; width: 7px; } .btn-stt { -moz-box-shadow:inset 0px -2px 0px 0px #4398bd; -webkit-box-shadow:inset 0px -2px 0px 0px #4398bd; box-shadow:inset 0px -2px 0px 0px #4398bd; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #65b4d9), color-stop(1, #4ea9d3)); background:-moz-linear-gradient(top, #65b4d9 5%, #4ea9d3 100%); background:-webkit-linear-gradient(top, #65b4d9 5%, #4ea9d3 100%); background:-o-linear-gradient(top, #65b4d9 5%, #4ea9d3 100%); background:-ms-linear-gradient(top, #65b4d9 5%, #4ea9d3 100%); background:linear-gradient(to bottom, #65b4d9 5%, #4ea9d3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#65b4d9', endColorstr='#4ea9d3',GradientType=0); background-color:#65b4d9; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:9px; color:#fff; text-transform:uppercase; display:inline-block; padding:4px 8px 6px; } a.followed:hover { -moz-box-shadow:inset 0px -2px 0px 0px #c52e2e; -webkit-box-shadow:inset 0px -2px 0px 0px #c52e2e; box-shadow:inset 0px -2px 0px 0px #c52e2e; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e61a1a), color-stop(1, #ee1a1a)); background:-moz-linear-gradient(top, #e61a1a 5%, #ee1a1a 100%); background:-webkit-linear-gradient(top, #e61a1a 5%, #ee1a1a 100%); background:-o-linear-gradient(top, #e61a1a 5%, #ee1a1a 100%); background:-ms-linear-gradient(top, #e61a1a 5%, #ee1a1a 100%); background:linear-gradient(to bottom, #e61a1a 5%, #ee1a1a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61a1a', endColorstr='#ee1a1a',GradientType=0); background-color:#e61a1a; } a.btn-stt {color:#fff;} a.btn-stt i {display:inline-block; background:url(../images/white-tick.png) top left no-repeat; width:7px; height:6px; margin-right:2px;} a.followed:hover i {background:url(../images/remove.png) top left no-repeat; height:7px} a.btn-stt.pink, .menu-fuc li.memb-likes a.btn-stt.pink {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f97886), color-stop(1, #f96271)); background:-moz-linear-gradient(top, #f97886 5%, #f96271 100%); background:-webkit-linear-gradient(top, #f97886 5%, #f96271 100%); background:-o-linear-gradient(top, #f97886 5%, #f96271 100%); background:-ms-linear-gradient(top, #f97886 5%, #f96271 100%); background:linear-gradient(to bottom, #f97886 5%, #f96271 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f97886', endColorstr='#f96271',GradientType=0); background-color:#f97886; -moz-box-shadow:inset 0px -2px 0px 0px #de5865; -webkit-box-shadow:inset 0px -2px 0px 0px #de5865; box-shadow:inset 0px -2px 0px 0px #de5865; font-size:9px; line-height:normal; } .menu-fuc li.memb-likes a.btn-stt.pink {float:right; margin-top:-37px; color:#fff} .info-author {color:#4983b7; font-size:11px; line-height:normal; padding:10px 0} .info-author .user-picture {float:left; width:50px; margin-right:10px;} .info-author a.username {color:#ff8400; font-weight:bold; font-size:12px; display:block; margin-bottom:2px;} .info-author .user-picture img {border:#e5e5e5 1px solid; border-radius:3px; -webkit-border-radius:3px; padding:3px;} .info-author .btn-stt {float:right; margin-top:-27px;} .info-author .popover-content, .menu-fuc .popover-content {font-size:12px; line-height:21px; color:#555} .menu-fuc > li.memb-likes .popover-content a {display:inline-block; background:none; padding:0; color:#069} #img-pro {margin-bottom:15px; position:relative; overflow:hidden} #img-pro .price {background-color: #FF8400; bottom: 4px; color: #FFFFFF; display: block; font-size: 18px; left: 4px; padding: 6px 11px 5px; position: absolute; z-index:444} #img-pro .price i { font-size: 13px; font-style: normal; margin-bottom: -10px; vertical-align: text-top; } #img-pro #nav-img-pro, #img-pro .jcarousel-skin-tango {clear:both} /*#img-pro #nav-img-pro li {margin-top:7px;} #img-pro #nav-img-pro li:first-child {margin-top:0}*/ #img-pro #nav-img-pro img {width:100px; height:77px; border:#DCDCDC 1px solid; padding:3px;} #img-pro #slide-img-pro { text-align:center; width: 620px; float: left; /* [disabled]height:410px; */ position: relative; margin-bottom: 10px; } #img-pro #slide-img-pro img {max-width:612px; /*height:402px;*/ border:#DCDCDC 1px solid; padding:3px;} #img-pro #nav-img-pro {width:620px; text-align:center} #img-pro #nav-img-pro li {display:inline-block; margin-left:6px; *display:inline; zoom:1} #img-pro #nav-img-pro li:first-child {margin-left:0} #img-pro #nav-img-pro li img {width:80px; height:80px;} .jcarousel-skin-tango .jcarousel-container { } .jcarousel-skin-tango .jcarousel-container-vertical, .jcarousel-skin-tango .jcarousel-clip-vertical { width: 108px; height: 380px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-item { width: 108px; height: 89px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom:7px; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: -20px; left: 43px; width: 32px; height: 20px; cursor: pointer; background: transparent url(../images/next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background:none } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: -20px; left: 43px; width: 32px; height: 20px; cursor: pointer; background: transparent url(../images/prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { background:none } .button { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 1px solid rgba(0,0,0,0.4) ; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1); cursor: pointer; } .addcart {float:right; margin:10px 0} .title-btn { padding: 7px 10px; float: left; color: #000; font-weight: 700; font-size: 13px; text-shadow: 0px 1px 1px #fff; text-transform: uppercase; border-right: 1px solid rgba(255,255,255,0.3); } .icon-car { padding: 7px 17px; float: left; background:url(../images/cart.png) 12px 5px no-repeat } .grid-list-pro {width:110%; padding-top:10px;} .grid-list-pro li {float:left; width:135px; margin:0 8px 4px 0;} .grid-list-pro li img {width:135px;} .other-post-list li {} .other-post-list li, .help-post li {overflow:hidden; padding:10px 0; border-top:#ccc 1px dotted} .other-post-list li:first-child, .help-post li:first-child {border-top:none} .other-post-list li img {float:left; width:70px; height:50px; margin-right:15px;} /*.other-post-list li a span {display:block; font-size:11px; font-style:italic; color:#666}*/ .other-post-list li span {display:block; font-size:11px; font-style:italic; color:#666} .center {text-align:center} .span600 {width:600px; background-color:#fff; margin:0 auto; padding:15px; border-radius:8px; -webkit-border-radius:8px; box-shadow:1px 1px 4px 1px #b2b2b2; -webkit-box-shadow:1px 1px 4px 1px #b2b2b2} /*Rating*/ /* styles for the star rater */ .star-rating, .star-rating-detail{ list-style:none; margin: 0px; padding:0px; width: 60px; height: 10px; position: relative; overflow:hidden; background: url(../images/star-pink.png) top left repeat-x; } .star-rating-detail { background:url(../images/star-pink-02.png) top left repeat-x; } .star-rating li, .star-rating-detail li{ padding:0px; margin:0; width:12px; height:10px; /*\*/ float: left; /* */ } .star-rating li a, .star-rating-detail li a{ display:block; width:12px; height:10px; line-height:10px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow:hidden; } .star-rating li a:hover, .star-rating-detail li a:hover{ background: url(../images/star-pink.png) left bottom; z-index: 2; left: 0px; border:none; } .star-rating-detail li a:hover{background:url(../images/star-pink-02.png) left bottom;} .star-rating a.one-star, .star-rating-detail a.one-star{ left: 0px; } .star-rating a.one-star:hover, .star-rating-detail a.one-star:hover{ width:12px; } .star-rating a.two-stars, .star-rating-detail a.two-stars{ left:12px; } .star-rating a.two-stars:hover, .star-rating-detail a.two-stars:hover{ width: 24px; } .star-rating a.three-stars, .star-rating-detail a.three-stars{ left: 24px; } .star-rating a.three-stars:hover, .star-rating-detail a.three-stars:hover{ width: 36px; } .star-rating a.four-stars, .star-rating-detail a.four-stars{ left: 36px; } .star-rating a.four-stars:hover, .star-rating-detail a.four-stars:hover{ width: 48px; } .star-rating a.five-stars, .star-rating-detail a.five-stars{ left: 48px; } .star-rating a.five-stars:hover, .star-rating-detail a.five-stars:hover{ width: 60px; } .star-rating li.current-rating, .star-rating-detail li.current-rating{ background: url(../images/star-pink.png) left center; position: absolute; height: 10px; display: block; text-indent: -9000px; z-index: 1; width:0 } .hover-vote .star-rating:hover li.current-rating {} .hover-vote .star-rating:hover li:hover {text-decoration:none} .meta-item .star-rating{ width: 10px; height: 7px; background: url(../images/vote-small.png) top left repeat-x; } .meta-item .star-rating li{ width:10px; height:7px; } .meta-item li.current-rating{ background: url(../images/vote-small.png) top left; height: 7px; } /*profile*/ .send-mess {text-align:center; padding:10px 0; border-top:1px dotted #CCCCCC} .send-mess a {color:#6D6D6D; padding:6px 10px; font-size:14px;} #subscribe {padding:10px 0} #subscribe input[type="text"] {width:115px; height:16px;} #user-info-wrap, #user-info-edit-wrap {border:#f2f2f2 5px solid; border-radius:8px; -webkit-border-radius:8px; position:relative; overflow:hidden} #user-info-wrap .user-info, #user-info-edit-wrap .user-info { border: 1px solid #E1E1E1; border-radius: 4px 4px 4px 4px; } .setting-page .nav-box-body {padding:0; overflow:hidden} .tbl-user-info { border-collapse: collapse; color: #646464; font-size: 12px; margin: 0 0 -1px -1px; max-width: 110%; width: 100.4%; } .tbl-user-info td { border: 1px solid #EBEBEB; vertical-align: top; } .tbl-user-info tr:first-child td {border-top:none} .tbl-user-info td.intro { color: #646464; font-size: 18px; padding: 20px 20px 13px; } .tbl-user-info td.intro a.u-edit { background: url(../images/calltoaction.png) no-repeat scroll 0 -175px transparent; float: right; height: 32px; margin-top: -8px; text-indent: -9999px; width: 164px; } .tbl-user-info td {border:#ccc 1px dotted; padding:20px 20px 15px} .tbl-user-info td.icon-col { width:180px; text-align: left; } .tbl-user-info .name-col { } .sprite-be { background: url(../images/icon-backend-profile.png) no-repeat scroll 100px 100px transparent; display: inline-block; vertical-align: middle; height: 20px; width: 20px; margin-right:6px; } i.u-phone, i.s-bt { background-position: 6px 3px; } .tbl-user-info span.label { margin-bottom: 0; width: 145px; } i.u-url, .u-info .u-url i, i.s-tb { background-position: 3px -33px; } i.u-urlprofile {background-position: 2px -54px} i.u-email {background-position: 2px -18px; height: 17px;} i.icon-pass {background-position: -54px 2px; } i.u-emailnoti {background-position: -40px -71px; } i.u-address, .u-info .u-address i, i.s-md { background-position: 4px -74px; } .tbl-user-info i.icon-car { background-position: -19px -45px; } i.u-sex { background-position: -20px -62px; } i.icon-ngaysinh { background-position: -16px -81px; } i.u-nghenghiep { background-position: -36px 0; } i.u-chucvu { background-position: -35px -16px; } i.u-honnhan { background-position: -37px -34px; } .tbl-user-info td.des span.label { display: block; font-weight: bold; padding-bottom: 5px; width: auto; } .setting-form .radio.inline, .setting-form .checkbox.inline {padding-top:0} .setting-form .help-block {font-style:italic} .setting-form .control-group {margin-bottom:0} .setting-form .pass-col .control-group {margin-bottom:10px;} .setting-form .span-310 {width:310px; float:left; margin-right:15px;} .setting-form .alert {overflow:hidden} .setting-form select {height:31px; line-height:31px; border:#c2dadd 1px solid; width:190px;} #formChangeEmail input[type="text"] {margin:5px 0 10px;} input.normal-input, textarea.normal-input {box-shadow:none; border:#c2dadd 1px solid; font-size:12px; height:30px; line-height:30px; font-style:normal; width:auto; min-width:287px;} textarea.normal-input {min-width:485px; min-height:100px;} input.normal-input.input-small {min-width:70px;} #u-nav .item-list { clear:both; height:28px; border:#ccc 1px solid; border-radius:3px; -webkit-border-radius:3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #f0f0f0) ); background:-moz-linear-gradient( center top, #f9f9f9 5%, #f0f0f0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); background-color:#f9f9f9; margin-bottom:13px; float:left; margin-right: 5px; width: 518px; overflow:hidden } #u-nav.owner .item-list {width:auto; float:none; margin-right:0;} #u-nav ul {list-style:none; float:left} #u-nav li {float:left; display:inline; border-left:#ddd 1px solid} #u-nav li a {display:block; height:28px; line-height:28px; padding:0 14px; font-size:12px; color:#666; border-left:#fff 1px solid} #u-nav li a.active { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #65B4D9), color-stop(1, #4EA9D3 ) ); background:-moz-linear-gradient( center top, #65B4D9 5%, #4EA9D3 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#65B4D9', endColorstr='#4EA9D3 '); background-color:#65B4D9; color:#fff; margin-left:-1px; } #u-nav li:first-child, #u-nav li:first-child a {border-left:none; margin-left:0; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;} .box-activity .head-se {padding-left:0} .box-activity .head-active {margin-bottom:23px;} .box-activity .total-point {float:left; color:#ff8400; font:normal 34px 'Segoe UI Light', Arial, Helvetica, sans-serif; background:url(../images/bg-nav-profile.png) top left repeat-x; border:#e6e6e6 1px solid; border-radius:5px; box-shadow:2px 2px 4px 0 #c2c2c2; padding:10px 30px 2px;} .box-activity .total-point small {display:block; font-size:14px; color:#818181; line-height:14px;} .box-activity .total-point span {display:inline-block; background:url(../images/icon-point1.png) 100% 10px no-repeat; padding-right:35px;} .box-activity .change-gift {float:right; font:normal 18px 'Segoe UI Light', Arial, Helvetica, sans-serif; text-align:right; text-decoration:underline; color:#4781b5; padding-top:47px;} .box-activity .change-gift a {color:#4781b5} .box-activity .change-gift small {display:block; font-size:14px; color:#818181} .box-activity .qa-point {font-size:13px;} .box-activity table { border-collapse: collapse; color: #8f8f8f; margin-bottom:0 } .box-activity table th, .activities-list li {border-bottom: 1px dotted #ccc; text-align:left; padding: 10px; overflow:hidden} .activities-list li .name-activities {width:832px; height:18px; line-height:18px; float:left} .activities-list li .point-activities {width:73px; height:18px; line-height:18px; float:left; text-align:center} .box-activity table th { font-weight: normal; border-top: 1px dotted #CCCCCC; font:normal 18px 'Segoe UI Light', Arial, Helvetica, sans-serif; padding:6px 10px } .box-activity table td { font-size: 12px; vertical-align: middle; color:#707070 } .box-activity table td:last-child, .box-activity table th:last-child { padding-left: 0; text-align: center; } .box-activity table th:last-child {width:86px;} .activities-list li span.point { color: #FF9900; font-size: 18px; font-weight: normal; } .box-activity table td span.comment_insert, .box-activity table td span.flag_receive, .box-activity table td span.flag_insert, .box-activity table td span.node_insert, .item-list ul li span.comment_insert, .item-list ul li span.flag_receive, .item-list ul li span.flag_insert, .item-list ul li span.node_insert { background: url(../images/active-point.png) no-repeat scroll 0 -49px transparent; display: inline-block; height: 14px; margin-top: 2px; width: 13px; } .box-activity table td span.flag_receive, .item-list ul li span.flag_receive { background-position: 0 -19px; } .box-activity table td span.flag_insert, .item-list ul li span.flag_insert { background-position: left top; height: 15px; } .box-activity table td span.node_insert, .item-list ul li span.node_insert { background-position: 0 -33px; } #award {width:100%; overflow:hidden} #award ul {width:110%;} #award li {float:left; margin:5px 20px 20px 4px; width:160px; border:1px solid #e0e0e0; box-shadow:1px 1px 4px 0 #9B9B9B; -webkit-box-shadow:1px 1px 4px 0 #9B9B9B; border-radius:3px; -webkit-border-radius:3px; overflow:hidden} #award li img { filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ -o-filter: grayscale(1); } #award li.active img { filter: none; -webkit-filter: grayscale(0); -o-filter: grayscale(0); } #message {clear:both} .mess-list tr { border-top:#ccc 1px dotted;} .mess-list tr:first-child {border-top:none} .mess-list tr.unread {background-color:#e5eff1} .mess-list td {padding:15px 0; text-align:left; vertical-align:top} .mess-list td.icon-reply {width:30px; text-align:center; padding-top:40px;} .mess-list td.icon-reply i {display:inline-block; background:url(../images/icon-reply.png) top left no-repeat; width:9px; height:10px;} .mess-list td.user-picture {width:76px; float:none; } .mess-list td.user-picture img {border:#c2dadd 1px solid; border-radius:3px; -webkit-border-radius:3px; padding:4px; background-color:#fff} .mess-list td.time {width:105px; padding-top:30px; padding-right:10px; } .mess-list td.time span {display:block; color:#878888} .mess-list td.time a {font-weight:bold} .mess-list .body-mess {position:relative; vertical-align:middle} .mess-list .body-mess .form-actions {padding:10px 18px 0 0} .mess-list .body-mess .del-mess, .del-all-mess i, .nav-box h2 .del-all-mess i {background:url(../images/edit-del.png) top right no-repeat; display:block; width:17px; height:17px; float:right; margin:-10px 8px 0 0; text-indent:-9999px;} .del-all-mess {text-indent:0; float:right; font-size:15px; margin-right:-2px; width:120px; text-align:right} .del-all-mess i, .nav-box h2 .del-all-mess i {background-position:top left; margin:0 0 0 5px;} a.btn-compose {margin-top:-42px; color:#6D6D6D} .user-rate-box {padding:0; overflow:hidden} .user-rate-box .header {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f8f9), color-stop(1, #eeeeee)); background:-moz-linear-gradient(top, #f9f8f9 5%, #eeeeee 100%); background:-webkit-linear-gradient(top, #f9f8f9 5%, #eeeeee 100%); background:-o-linear-gradient(top, #f9f8f9 5%, #eeeeee 100%); background:-ms-linear-gradient(top, #f9f8f9 5%, #eeeeee 100%); background:linear-gradient(to bottom, #f9f8f9 5%, #eeeeee 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f8f9', endColorstr='#eeeeee',GradientType=0); background-color:#f9f8f9; border-bottom:#dcdcdc 1px solid; color:#6c6c6c; overflow:hidden} .user-rate-box .header li {float:left; padding:10px 57px; border-left: #ccc 1px solid} .user-rate-box .header ul li:first-child {border-left:none} .user-rate-box .header li a {color:#6c6c6c; font-size:14px;} .rate-wrap-box, .user-review-box {overflow:hidden; clear:both; padding:10px 15px} .rate-wrap-box .label {font-weight:bold} .rate-wrap-box .row-rate {overflow:hidden; margin-top:5px;} .rate-wrap-box .row-rate span {float:left; width:130px} .rate-wrap-box .row-rate ul {float:left;} .user-review-box {border:1px solid #E5E5E5; border-width:1px 0; padding-top:15px; margin-top:10px;} .user-review-box .mess-list li a.username, .user-review-box .mess-list li ul.star-rating {float:left; margin-right:10px;} .review-post-form {clear:both; padding-top:20px; overflow:hidden} .review-post-form label {display:block; font-weight:bold} .review-post-form textarea {width:98.5%; height:110px; margin-bottom:10px;} .review-post-form input {float:right} #danhgia-page {padding:0 10px;} #danhgia-page .head-filter {padding-left:0} .danhgia-body {padding:20px 30px;} .danhgia-body .comment-list > li {width:800px; margin-bottom:24px;} .danhgia-body .comment-list.form-comment {margin-bottom:0} .danhgia-body .comment-list.form-comment > li {margin-bottom:10px;} .danhgia-body .form-comment .comment-content textarea {width:792px; min-height:100px; border-radius: 12px; -webkit-border-radius:12px;} .danhgia-body .meta-user-comment {font-size:12px;} .danhgia-body .meta-user-comment a.username {font-size:12px;} .danhgia-body .meta-user-comment .vote-point {float:right; margin-right:0} .danhgia-body .comment-content {border-radius: 12px; -webkit-border-radius:12px; padding-bottom:15px;} .vote-list {float:right; margin-top:-25px;} .vote-list a.vote-point, a.vote-point {background:url(../images/icon-danhgia.png) top left no-repeat; height:20px; display:inline-block; padding-left:25px; line-height:20px; margin-right:15px; color:#787878} a.vote-point:hover, a.vote-point.active {background-position:0 -23px; color:#ed8601} a.vote-point.bad {background-position:0 -48px} a.vote-point.bad:hover, a.vote-point.bad.active {background-position:0 -73px; color:#2869a4} a.vote-point.normal {background-position:0 -96px} a.vote-point.normal:hover, a.vote-point.normal.active {background-position:0 -120px; color:#187518} /*FOrum*/ .box-forum, div#content, .user-box, #comments, .box-aside, .box-wrap {position:relative; background-color:#fff; border:#aaa79a 1px solid; margin:0 0 33px; -webkit-box-shadow: 0 5px 11px -7px #777; -moz-box-shadow: 0 5px 11px -7px #777; box-shadow: 0 5px 11px -7px #777; } #sidebar .box-aside {margin-bottom:12px;} #sidebar .search-box {margin-bottom:22px;} div#content, .user-box, #comments {margin-bottom:15px;} .box-forum .tick, .box-wrap .tick, .order-success .tick{background:url(../images/tick.png) top left no-repeat; width:99px; height:25px; display:block; position:absolute; top:-13px; left:45%; z-index:55} .box-forum > h2 {color:#686a6b; font-size:18px; text-align:center; height:46px; border-bottom:#e4e4e4 1px solid; line-height:53px;} .box-forum > h2 a {color:#686a6b; } .box-forum .box-body {width:638px; clear:both} .box-forum .box-body.padd {padding:0 10px 30px; width:618px} /*.box-forum:before, .box-forum:after, div#content:before, .user-box:before, #comments:before, div#content:after, .user-box:after, #comments:after { z-index: -1; position: absolute; content: ""; bottom: 17px; left:10px; width: 83%; top: 87%; background: #777; -webkit-box-shadow: 6px 8px 10px #555; -moz-box-shadow: 6px 8px 10px #555; box-shadow: 6px 8px 10px #555; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .box-forum:after, div#content:after, .user-box:after, #comments:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 14px; left: auto; } .forum-list .box-forum:before, .forum-list .box-forum:after {top:98%;}*/ .forum-list .forum-box {padding:10px 0;} .box-com-care .col1 {float:left; width:467px;} .box-com-care h3 {background:url(../images/top-box-dd.png) top left no-repeat; height:36px; padding-left:26px; color:#686a6b; font-size:18px; line-height:41px;} .box-com-care .box-com-care-body {background:url(../images/mid-box-dd.png) top left repeat-y; padding-left:26px; font:normal 14px/24px 'Segoe UI Light', Arial, Helvetica, sans-serif;padding-bottom: 10px;} .box-aside .box-com-care .box-com-care-body {background:url(../images/mid-box-dd-sidebar.png) top left repeat-y;} .box-com-care .col1 .intro {margin-bottom:20px;} .box-com-care .col1 .moti-post a {margin-top:10px; color:#000} a.btn.btn-stt {border:none; color:#fff !important; font-size:14px; text-shadow:none} .box-com-care .col2 {float:right; width:100px; margin:-22px 12px 0 0} .box-com-care .col2 img {width:100px; height:100px;} .section-header { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c3dff9), color-stop(1, #b3d5f8)); background:-moz-linear-gradient(top, #c3dff9 5%, #b3d5f8 100%); background:-webkit-linear-gradient(top, #c3dff9 5%, #b3d5f8 100%); background:-o-linear-gradient(top, #c3dff9 5%, #b3d5f8 100%); background:-ms-linear-gradient(top, #c3dff9 5%, #b3d5f8 100%); background:linear-gradient(to bottom, #c3dff9 5%, #b3d5f8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3dff9', endColorstr='#b3d5f8',GradientType=0); background-color:#c3dff9; clear: both; color: #183C10; height: 40px; padding-left: 15px; position: relative; text-shadow: 0px 1px 0px #fff; z-index: 222; border-radius:5px; -webkit-border-radius:5px; } .section-header h2, .section-header h1 { color: #000; float: left; font: bold 14px/40px Arial,Helvetica,sans-serif; text-transform: uppercase; } .section-header h2 a, .section-header h1 a {color:#000} .head-cd { overflow: hidden; padding-top: 15px; margin-left:10px; } .head-cd span { background: url(../images/arr_small.gif) no-repeat scroll 5px 3px transparent; border-bottom: 1px solid #ECECEC; color: #424242; float: left; font-size: 13px; font-weight: bold; padding-bottom: 3px; padding-left: 15px; width: 285px; } .head-cd span.recent-com { margin-left: 17px; } #blog-forum-wrapper { clear: both; overflow: hidden; padding: 0 10px 15px; } .recent-post-list { margin: -5px 0 15px; overflow: hidden; padding: 0 !important; width: 300px; } #home-blog-list { float: left; margin-bottom: 0; } #home-blog-list > li { display: inline-block; margin-top: 10px; vertical-align: top; width: 300px; overflow:hidden; padding:5px 0; } #home-blog-list li div { overflow: hidden; padding-right: 10px; margin-right:0 } .recent-post-list div.user-picture { float: left; margin: 2px 10px 0 0; } #home-blog-list li .title-article, #recent-comment-list li .title-article { display: block; font-size: 13px; padding-bottom: 5px; } #recent-comment-list div p, .recent-post-list div p { font-size: 11px; margin: 0; } #recent-comment-list { float: right; width: 300px; } #recent-comment-list li { margin-top: 10px; overflow: hidden; } #recent-comment-list .user-picture { margin-right: 17px; float:left } #recent-comment-list div.re-com-content { background: none repeat scroll 0 0 #F9FDFF; border: 1px solid #B9DDFF; border-radius: 4px 4px 4px 4px; float: left; padding: 10px; position: relative; width: 210px; } #recent-comment-list .bool-forum { background: url(../images/bool_forum.png) no-repeat scroll left top transparent; height: 10px; left: -11px; position: absolute; top: 10px; width: 11px; } .cat-topic { border-bottom: 1px solid #E7E7E7; overflow: hidden; width:100%; margin-top:-1px; } .cat-topic .item-cat-topic {padding:10px; border-top:#e4e4e4 1px dotted; border-right:#e4e4e4 1px dotted; overflow:hidden} .cat-topic .item-cat-topic img {float:left; margin-right:10px; margin-top:-5px;} .cat-topic .item-cat-topic h3 a {color:#3d88d4; font:normal 18px 'Segoe UI Light', Arial, Helvetica, sans-serif; display:block; margin-bottom:7px;} .cat-topic .item-cat-topic h3 a:hover {text-decoration:underline} .cat-topic .item-cat-topic .fleft {float:left; width:365px;} .info-cat-topic {float:right; padding:10px 10px 0 0; height: 54px; line-height: 44px !important;} .recent-post-list li, .right-cat-topic, .left-cat-topic { display: inline-block; overflow: hidden; padding: 10px 0 10px 10px; vertical-align: top; width: 298px; } .left-cat-topic a { color: #000000; font: bold 14px Arial,Helvetica,sans-serif; } .info-cat-topic, .desc-cat-forum { color:#ff6600; font-size: 11px; line-height:normal } .desc-cat-forum {margin-bottom:5px; color: #575757;height: 27px; overflow:hidden} .left-cat-topic p.desc-cat-forum { clear: both; font-style: italic; padding-top: 7px; } .right-cat-topic .comment-list > li { padding-bottom: 0; margin-bottom:0; width:auto; } .forum-list a.btn-post-forum {margin-right:10px;} .forum-content-box {clear:both} .forum-intro { color:#656565; padding-top:17px; margin-bottom:17px;} .forum-intro h2 {font-size:18px; font-weight:normal; line-height:normal; margin-bottom:10px;} div.forum-head-box {float:left; padding-left:10px} div.forum-head-box h1 {font:normal 21px Arial, Helvetica, sans-serif; margin-bottom:10px; color:#4c4c4d} div.forum-head-box h1, div.forum-head-box i, div.forum-head-box .topic-car {float:left} div.forum-head-box .icon-type-car-forum {background-position:0 -311px; width:11px; height:6px} div.forum-head-box i.icon-forum {width:50px;} div.forum-head-box .brand-car .dropdown-wrapper .arr {display:none} div.forum-head-box .topic-car {margin-top:3px;} div.forum-head-box .topic-car .brand-car .dropdown-menu {top:22px; left:-17px;} .icon-type-car-forum {background:url(../images/item-forum.png) top left no-repeat; width:16px; height:16px; vertical-align:inherit} a.btn-post-forum {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1d90dd), color-stop(1, #1d90dd) ); background:-moz-linear-gradient( center top, #1d90dd 5%, #1d90dd 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d90dd', endColorstr='#1d90dd'); -webkit-box-shadow:inset -1px -1px 3px 2px #2489cd; box-shadow:inset -1px -1px 3px 2px #2489cd; background-color:#1d90dd; border:1px solid #3078a9; color:#ffffff; float:right; padding:3px 20px; font-size:12px; border-radius:2px; -webkit-border-radius:2px; } table.tbl-topic-list th { height:35px; vertical-align:middle; padding:0 11px; border-top:#dddddd 1px solid; border-bottom:#dddddd 1px solid; border-left:#a9a9a9 1px dotted; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f4f4), color-stop(1, #efefef) ); background:-moz-linear-gradient( center top, #f4f4f4 5%, #efefef 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#efefef'); background-color:#f4f4f4; font-size:12px; } table.tbl-topic-list td {padding:11px; text-align:center; font-size:12px;} table.tbl-topic-list tr.even {background-color:#f6f7f7} table.tbl-topic-list th.icon-span {border-left:#dddddd 1px solid;} table.tbl-topic-list th.title-span {width:390px; color:#ff9019; text-align:left; font-size:14px;} table.tbl-topic-list th.reply-span {width:71px; font-size:11px;} table.tbl-topic-list th.views-span {width:60px; border-right:#dddddd 1px solid; font-size:11px} table.tbl-topic-list td {border:#ccc 1px dotted; border-top:none; vertical-align:top} table.tbl-topic-list td.reply-span, table.tbl-topic-list td.views-span {vertical-align:middle} table.tbl-topic-list td.title-span {text-align:left; } table.tbl-topic-list td.title-span h3 {font:bold 12px Arial, Helvetica, sans-serif; padding-bottom:3px;} table.tbl-topic-list td.icon-span {border-left:none} table.tbl-topic-list td.views-span {border-right:none} table.tbl-topic-list td small {font-size:11px;} /*Tro Giup*/ section#col1 {margin-right:10px;} #cat-help {width:180px; float:left} #cat-help h4 { color: #FF9900; font-size: 14px; margin-bottom: 7px; padding-left: 10px; } #cat-help h4 a { color: #FF9900; } #help-wrapper {overflow:hidden} .head-page { border-bottom: 1px solid #D9D9D9; margin-bottom: 14px; padding: 0 0 10px; width: 100%; } .head-page hgroup { float: left; width: 625px; } .head-page hgroup h1, .head-page hgroup h2.title-page { color: #333333; font: 21px Arial,Helvetica,sans-serif; margin:0 0 5px; padding:0; } .head-page hgroup h2, .head-page hgroup h3.desc-page { color: #545555; font: 13px/18px Arial,Helvetica,sans-serif; } .filter-qa { clear: both; list-style: none outside none; margin-bottom: 20px !important; overflow: hidden; } .filter-qa li { background: url(../images/spre-qa.png) no-repeat scroll left center transparent; float: left; padding: 0 12px 0 14px; } .filter-qa li:first-child { background: none repeat scroll 0 0 transparent; padding-left: 0; } .filter-qa li a { color: #666666; font-size: 14px; } .filter-qa li.active a { color: #FF7E00; } .view-hoi-dap {overflow:hidden; padding-left:5px;} .view-hoi-dap .view-content { padding-left: 70px; } .view-hoi-dap .comment-content { margin-bottom: 30px; position: relative; padding-bottom:0; border: 1px solid #ccc; background-color:#fff; border-radius:5px; } .content { clear: both; } .rate-number-up-down-btn-up, .rate-number-up-down-btn-down { background: url(../images/vote-icon.png) no-repeat scroll 21px -48px transparent; display: block; height: 16px; margin: 0 auto; position: relative; text-indent: -9999px; width: 55px; z-index: 66; } .rate-number-up-down-btn-down { background: url(../images/vote-icon.png) no-repeat scroll 21px -72px transparent; } .rate-number-up-down-btn-up.rate-voted { background-position: 21px 0; } .rate-number-up-down-btn-down.rate-voted { background-position: 21px -24px; } .rate-number-up-down-rating { clear: both; color: #FF9900; float: none; font-size: 14px; height: 27px; line-height: 27px; padding: 0; text-align: center; width: 60px; } /*Paging*/ .item-list { clear: both; } .item-list .pager { padding: 10px 0; text-align: center; overflow:hidden } .item-list .pager li { border: 1px solid #C9C9C9; border-radius: 3px; /*box-shadow: 1px 1px 0 0 #E8E8E8;*/ background-color:#fff; display: inline-block; font-size: 12px; line-height: 23px; margin-right: 5px; } .item-list .pager li.pager-current { background-color: #646464; border: 1px solid #575757; color: #FFFFFF; } .item-list .pager li.pager-current, .item-list .pager li.pager-ellipsis { padding: 1px 8px; } .item-list .pager li a { background: #fff/* -moz-linear-gradient(center top , #F9F9F9 5%, #EBEBEB 100%) repeat scroll 0 0 #F9F9F9*/; color: #717171; display: inline-block; padding: 1px 8px; text-shadow: 0 1px 0 #FFFFFF; border-radius:4px; } /*****************************/ /* FOOTER */ /*****************************/ #footer-container {clear:both; width:100%;} #footer {width:949px; margin:0 auto; font-size:12px; color:#282724; padding:15px 0; border-top:#9b998b 1px solid; overflow:hidden;position: relative;} #footer .logo-footer {background:url(../images/footer_logo.png) top left no-repeat; width:76px; height:45px; text-indent:-9999px; margin-right:25px; float:left; margin-left:17px;} #footer small {font-size:10px;} #footer a {color:#282724;} #footer .fleft {width:900px;} #footer .fright {text-align:right; padding-top:5px;} .hot-store {width:15px; height:12px; background-position:-22px 0; margin:2px 7px 0 0} .store-list li {float:left; width:155px; background:url(../images/home.png) left center no-repeat; padding-left:20px; margin-bottom:14px;} .store-list li a {color:#888} .hot-group {width:21px; height:14px; background-position:-24px -18px; margin:0 7px 0 0} .hot-group-list li {float:left; margin:0 10px 10px 0} .hot-group-list li img {width:38px; height:38px;} .copyright {float:left} /*****************************/ /* FORM - QUANG */ /*****************************/ label.valid { width: 24px; height: 24px; background: url(../images/valid.png) center center no-repeat; display: inline-block; text-indent: -9999px; } label.error { font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px; } input.error { border: 2px solid red; } .form { padding: 20px 20px 10px;} .form p { margin: 0 0 10px 0; float:left; clear:both; display: block; } .form label { font: bold 0.9em Helvetica, Arial, sans-serif; color: #0077AA; padding: 0 0 0 5px;} .form .w { width:100%;float: left; clear: both; padding: 5px 5px 0; background: #D7EBEF; font: bold 0.8em Helvetica, Arial, sans-serif; color: #333; overflow: hidden; } .form .w span { padding: 0 0 5px; float:left; } .form .input { border: 1px solid #A5C2C8; line-height: 1.2em;padding: 5px 0px 5px 0px; margin: 0 0 5px 0; width: 100%; font: bold 1.2em Helvetiva, Arial, sans-serif; } .form .w label { padding:0; } /* Validation */ .w.error { background-color: #EFD8D7; } .w.error .input { border-color: #C8A5A5; background: #fff url('../images/icon/icon_error.png') no-repeat right center; } .w.valid { background-color: #A4EFAE; } .w.valid .input { border-color: #A5C8A6; background: #fff url('../images/icon/icon_valid.png') no-repeat right center; } .w.valid span { display: none; } .notice { z-index:1000000; background-color:#FFC;font-size:13px;font-weight:bold; left:-25px;top:0;width:100%;padding:10px 0;text-align:center; } #thumb_slideshow_fancybox a { display: inline-block; } #thumb_slideshow_fancybox a img { display: block; margin-bottom: 4px; max-width: 120px; max-height: 80px; vertical-align: top; } #top {width: 67px; height: 77px; position: fixed; bottom: 90px; text-indent: -99999px; cursor: pointer; background: url(../images/goto_top.png) no-repeat 10px 16px; z-index:555} div.loader { font-style: italic; text-align: center; margin: 20px; height: 24px; background: url(../images/ajax-loader.gif) no-repeat center center; clear: both; } #formLienhe input#captcha_response {width:585px;} #formLienhe img {float:left; margin-right:12px;} /* Infinite Scroll loader */ #infscr-loading { text-align: center; z-index: 100; position: fixed; left: 45%; bottom: 40px; width: 200px; padding: 10px; background: #000; opacity: 0.8; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .bar { height: 18px; background: green; color:#FFF; padding:2px; } .ui-state-default{ border: 1px solid lightGrey/*{borderColorDefault}*/; background: #E6E6E6/*{bgColorDefault}*/ ; font-weight: normal/*{fwDefault}*/; color: #555/*{fcDefault}*/; } #content_sortable {overflow:hidden} .sortable { list-style-type: none; margin: 0; padding: 0; background-color:#fff} .sortable li { margin: 3px 3px 3px 0; padding: 3px; width: 296px; /* width: 100px; height: 120px;*/ font-size: 11px; text-align: center; display:inline-block; vertical-align:top } .txtTextDiv {background-color: #FFFFFF; border: 1px solid lightGrey; left: -4px !important; padding: 4px; position: absolute; top: -4px !important; width: 295px; z-index: 1000; height:97px;} .txtTextDiv textarea {width:273px !important; margin-bottom:4px; height:70px !important; min-height:70px} .sortable li img {float:left; margin-right:10px;} .sortable li .text-desc {text-align:left;color:#000;font-weight:normal;font-size:10px; overflow:hidden} .buocClass { background-color: #DDDDDD; margin-bottom: 3px; margin-left: -3px; margin-top: -3px; padding: 2px 0; width: 303px; } #dropzonePic.inDrop { border: 2px dotted #CCCCCC; } #dropzonePic.fadeDrop { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 1; } .dropzoneClass { background:url(../images/drag.gif) center 44px no-repeat #e3e3e3; height: 80px; padding-top: 115px; line-height: 50px; text-align: center; clear:both; } #dropzone.inDrop { border: 2px dotted #CCCCCC; } #dropzone.fadeDrop { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 1; } .editClass {width:220px !important; padding:10px !important;} .editClass input[type="text"] {width:90%; margin-bottom:10px;} #google_translate_element {position:absolute; left:274px; top:13px;} .goog-te-gadget-simple {border:none !important} .goog-te-gadget img {display:none !important} .goog-te-gadget-simple .goog-te-menu-value span {font-size:11px !important; color: #555555 !important;} .goog-te-gadget-simple .goog-te-menu-value span {display:none} .goog-te-gadget-simple .goog-te-menu-value span:first-child {display:inline-block !important; background: url(../images/arr_blue.png) no-repeat scroll right center transparent; padding-right:16px;} .goog-te-menu-frame {box-shadow:none !important} .goog-te-menu-frame * {font-size:11px !important} #content-wrap {width:742px; float:right} #content-wrap.search-page {float:none; margin:0 auto} .menu-aside {padding-bottom:21px;} .menu-aside li {width:169px; float:left;} .menu-aside li a {display:block; color:#444; height:30px; line-height:34px; float:left;} .menu-aside li a:hover {color: #ff3398; } .menu-aside li a:hover span {text-decoration:underline} .menu-aside li a span {display:inline-block; width:130px;} .menu-aside li a i {font-style:normal; font-size:11px; color:#ff3398;} .cover-head {position:relative} .cover-head img {border:#fff 1px solid} .cover-head .change-cover {display:block; position:absolute; right:13px; bottom:10px; border:#aaa 1px solid; border-radius:2px; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fcfcfd), color-stop(1, #f1f2f3)); background:-moz-linear-gradient(top, #fcfcfd 5%, #f1f2f3 100%); background:-webkit-linear-gradient(top, #fcfcfd 5%, #f1f2f3 100%); background:-o-linear-gradient(top, #fcfcfd 5%, #f1f2f3 100%); background:-ms-linear-gradient(top, #fcfcfd 5%, #f1f2f3 100%); background:linear-gradient(to bottom, #fcfcfd 5%, #f1f2f3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfd', endColorstr='#f1f2f3',GradientType=0); background-color:#fcfcfd; font-size:11px; color:#161616; padding:2px 8px; opacity:0 } .cover-head .change-cover i {background:url(../images/icon-edit-cover.png) top left no-repeat; width:10px; height:10px; display:inline-block; margin-right:8px;} .cover-head:hover .change-cover {opacity:1;} a.click-like { background: url(../images/icon-like.png) no-repeat scroll 13px 8px #fff; color: #4c4c4c; display: block; font-size: 15px; height: 32px; line-height: 32px; padding-left: 43px; padding-right:13px; text-transform: uppercase; border:#e4e4e4 1px solid; border-radius:5px; } a.click-like:hover, a.click-like.liked {background-position:13px -75px} .head-shop {border-bottom:#e4e4e4 1px solid; padding:9px 15px;} .head-shop a.click-like {float:right; margin-top:2px;} .head-shop h1, .head-shop h2 {padding: 10px 0 6px; font-size:24px; font-weight:normal; line-height:22px; color:#575757; text-align:center} .head-shop h1 {text-align:left} .head-shop h1 a, .head-shop h2 a {color:#575757} .head-shop h1 small {display:block; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:none;clear:both;width: 392px;line-height:20px;} .head-shop h1 a.active, .head-shop h2 a.active {color: #3D88D4;} .shop-body {margin-left:4px; overflow:hidden; clear:both} .item-shop {width:230px; float:left; padding:7px 7px 13px; border-left:#d8d8d8 1px dotted; border-bottom:#d8d8d8 1px dotted; margin-left:-1px;height:225px;position: relative;} .item-shop .thumb {position:relative; margin-bottom:5px;overflow:hidden;} .item-shop .thumb > a i {display:block; position:absolute; top:0; left:0; width:230px; height:150px; background:url(../images/video_icon.png) center center no-repeat; opacity:.8} .item-shop .thumb > a:hover i {opacity:1;} .item-shop .thumb .hover-vote { position:absolute; bottom:7px; right:5px; opacity:0} .item-shop .thumb .hover-vote-in {position:relative; float:left; padding:1px 8px;} .item-shop .thumb .hover-vote-in .opa {position:absolute; top:0;left:0;bottom:0; width:100%; background:#fff; border-radius:20px; opacity:0;} .item-shop .thumb:hover .hover-vote {opacity:1} .item-shop .thumb:hover .hover-vote-in .opa {opacity:.75} .item-shop .thumb:hover .hover-vote-in:hover .opa {opacity:.9} .item-shop .thumb .hover-vote .star-rating {float:left; margin-top:4px; margin-right:7px;} .item-shop .thumb .hover-vote small, .hover-vote-detail small {float:left; font-size:10px; margin-top:-1px; position:relative; width:60px; text-align:center} .item-shop .thumb img {width:230px; height:150px; display:block !important} .item-shop h2 a {color:#3d88d4; font:normal 14px 'Segoe UI Light', Arial, Helvetica, sans-serif; display:block;} .hover-vote-detail{float:left; margin-top:6px;} .hover-vote-top{float: left;margin-top: 0px;} .vote-detail .rate-numb{display: block;color: #8c8c8c;font-weight: bold;font-size: 10px;} .numb-rate{float:left;margin-top: -5px;margin-left: 4px;} .item-shop h2 a:hover {text-decoration:underline} .item-shop p.author {font-size:11px; font-style:italic; margin-bottom:3px; margin:-1px 0 5px; line-height:normal;margin-top: 3px;} .item-shop p.author a {color:#666; } .meta-item .vote-wrap {float:left} .meta-item .vote-wrap .star-rating {float:left; margin:2px 3px 0 0} .meta-item .vote-wrap .i-comment {float:left} .meta-item .vote-wrap .rate-numb {float:left; font-size:10px; height:9px; line-height:9px; color:#8c8c8c; font-weight:bold; margin-right:10px;} .meta-item .price {float:right; font-size:15px; color:#ff6600; margin-top:-4px; height:22px;} .meta-item .price small {font-size:11px; position:relative; top:-5px;} .i-comment {background:url(../images/icon-comment.png) top left no-repeat; display:inline-block; padding-left:16px; font-size:10px; font-style:normal; height:10px; line-height:10px; font-weight:bold; color:#8c8c8c} .i-view{background:url(../images/icon-view.png) top left no-repeat; display:inline-block;padding-left:16px; font-size:10px; font-style:normal; height:10px; line-height:10px; font-weight:bold; color:#8c8c8c;float:left;margin-left: 10px;} html>/**/body .selector, x:-moz-any-link, x:default { color:red; font-weight:bold } html>/**/body .selector, x:-moz-any-link { color:red; font-weight:bold } .grey-btn { -moz-box-shadow:inset 0px 1px 0px 0px #bdbdbd; -webkit-box-shadow:inset 0px 1px 0px 0px #bdbdbd; box-shadow:inset 0px 1px 0px 0px #bdbdbd; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9c9c9c), color-stop(1, #919191)); background:-moz-linear-gradient(top, #9c9c9c 5%, #919191 100%); background:-webkit-linear-gradient(top, #9c9c9c 5%, #919191 100%); background:-o-linear-gradient(top, #9c9c9c 5%, #919191 100%); background:-ms-linear-gradient(top, #9c9c9c 5%, #919191 100%); background:linear-gradient(to bottom, #9c9c9c 5%, #919191 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c9c9c', endColorstr='#919191',GradientType=0); background-color:#9c9c9c; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #5f5f5f; color:#ffffff; text-decoration:none; text-shadow:0px 1px 0px #777777; } .grey-btn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #919191), color-stop(1, #9c9c9c)); background:-moz-linear-gradient(top, #919191 5%, #9c9c9c 100%); background:-webkit-linear-gradient(top, #919191 5%, #9c9c9c 100%); background:-o-linear-gradient(top, #919191 5%, #9c9c9c 100%); background:-ms-linear-gradient(top, #919191 5%, #9c9c9c 100%); background:linear-gradient(to bottom, #919191 5%, #9c9c9c 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#919191', endColorstr='#9c9c9c',GradientType=0); background-color:#919191; } .mn-shop-wrap { overflow:hidden; clear:both; position:relative; margin-top: -15px; padding-top: 10px;} .menu-shop { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #f1f1f1)); background:-moz-linear-gradient(top, #f9f9f9 5%, #f1f1f1 100%); background:-webkit-linear-gradient(top, #f9f9f9 5%, #f1f1f1 100%); background:-o-linear-gradient(top, #f9f9f9 5%, #f1f1f1 100%); background:-ms-linear-gradient(top, #f9f9f9 5%, #f1f1f1 100%); background:linear-gradient(to bottom, #f9f9f9 5%, #f1f1f1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f1f1f1',GradientType=0); background-color:#f9f9f9; border:1px solid #d9d9d9; box-shadow:0 1px 3px -1px #cccccc; border-radius:1px; } .menu-shop ul {list-style:none;} .menu-shop ul li, .tab-head li {float:left} .menu-shop ul li a, .tab-head li a {display:block; border-left:#fff 1px solid; border-right:#dcdcdc 1px solid; padding:10px 18px; color:#000; font-size:13px; position:relative} .menu-shop li.mb , .menu-shop li.mb a {border-left:none} .menu-shop li.mb a { padding: 10px 20px; } .menu-shop li.last, .menu-shop li.last a {border-right:none} .tab-head li:last-child a, .tab-head li:last-child {border-right:none} .tab-head li:last-child a {padding:11px 18px 9px 17px} .menu-shop ul li a span {position:absolute; min-width:18px; min-height:18px; border:#d6677b 1px solid; border-radius:50%; text-align: center; font-size:11px; line-height:18px; color:#fff; top:-10px; right:5px; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f78096), color-stop(1, #f56a7c)); background:-moz-linear-gradient(top, #f78096 5%, #f56a7c 100%); background:-webkit-linear-gradient(top, #f78096 5%, #f56a7c 100%); background:-o-linear-gradient(top, #f78096 5%, #f56a7c 100%); background:-ms-linear-gradient(top, #f78096 5%, #f56a7c 100%); background:linear-gradient(to bottom, #f78096 5%, #f56a7c 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78096', endColorstr='#f56a7c',GradientType=0); background-color:#f78096; font-weight:bold} .menu-shop ul li.dv a span { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fed76e), color-stop(1, #fec04e)); background:-moz-linear-gradient(top, #fed76e 5%, #fec04e 100%); background:-webkit-linear-gradient(top, #fed76e 5%, #fec04e 100%); background:-o-linear-gradient(top, #fed76e 5%, #fec04e 100%); background:-ms-linear-gradient(top, #fed76e 5%, #fec04e 100%); background:linear-gradient(to bottom, #fed76e 5%, #fec04e 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed76e', endColorstr='#fec04e',GradientType=0); background-color:#fed76e; border:#e8aa44 1px solid} .menu-shop ul li.pt a span {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a6e2f8), color-stop(1, #75d0f4)); background:-moz-linear-gradient(top, #a6e2f8 5%, #75d0f4 100%); background:-webkit-linear-gradient(top, #a6e2f8 5%, #75d0f4 100%); background:-o-linear-gradient(top, #a6e2f8 5%, #75d0f4 100%); background:-ms-linear-gradient(top, #a6e2f8 5%, #75d0f4 100%); background:linear-gradient(to bottom, #a6e2f8 5%, #75d0f4 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6e2f8', endColorstr='#75d0f4',GradientType=0); background-color:#a6e2f8; border:#7db6cc 1px solid} .menu-shop ul li.active a, .menu-shop ul li a:hover, .tab-head li a:hover, .tab-head li.active a {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #edeaed), color-stop(1, #e8e8e8)); background:-moz-linear-gradient(top, #edeaed 5%, #e8e8e8 100%); background:-webkit-linear-gradient(top, #edeaed 5%, #e8e8e8 100%); background:-o-linear-gradient(top, #edeaed 5%, #e8e8e8 100%); background:-ms-linear-gradient(top, #edeaed 5%, #e8e8e8 100%); background:linear-gradient(to bottom, #edeaed 5%, #e8e8e8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeaed', endColorstr='#e8e8e8',GradientType=0); background-color:#edeaed; text-decoration:none } .ms-white {background:#fff; margin-bottom:22px; box-shadow:none; border:#adab9d 1px solid; border-radius:3px; position:relative; z-index:444} .ms-white li {position:relative} .ms-white ul li a {border-right: 1px solid #e5e5e5; border-left:none; padding: 10px 12px; position:relative;white-space: nowrap;} .ms-white ul li a:hover {background:none; text-decoration:underline} .ms-white li ul { position:absolute; left:-999em; top:2em; width:180px; background-color:#fff; border:#c8c7c9 1px solid; border-top:none; padding:5px 0 10px } .ms-white li li a {border:none; padding:2px 10px 2px 28px; font-size:11px; background:url(../images/bullet_sub.gif) 11px center no-repeat} .ms-white li li a:hover {background:url(../images/bullet_sub.gif) 11px center no-repeat; text-decoration:underline} .ms-white li:hover ul { left:-1px; top:auto; } .ms-white li.first a {font-size:14px;} .ms-white li.first a {border-radius:4px 0 0 4px} .ms-white li.last a {border-right:none} .padd-body {padding:10px;} .col50 {width:357px; float:left} .shop-panel .create-shop-body {padding:10px} a.yellow-btn {display:inline-block; border:#ececec 3px solid; background-color:#fec751; border-radius:22px; color:#fff; padding:2px 15px; text-shadow:1px 1px 0 #e4b655; text-transform:uppercase; font-size:10px; font-weight:bold} a.yellow-btn:hover {text-decoration:none; background-color:#fec13f} .icon-shop {background:url(../images/icon_shop_panel_03.png) top left no-repeat; display:inline-block; vertical-align:middle} .i-status {width:21px; height:21px; margin-right:8px;} .i-sum-sale {width:29px; height:26px; margin-right:13px; background-position:0 -29px;} .i-car {width:18px; height:15px; background-position:-43px -31px; margin-right:16px;} .i-service {width:18px; height:17px; background-position:-62px -1px; margin-right:16px;} .i-pt {width:18px; height:13px; background-position:-65px -28px; margin-right:16px;} .i-update-info {width:26px; height:26px; background-position:0 -61px; margin-right:16px; margin-top:-2px;} .i-point {width:17px; height:18px; background-position:-35px -1px; margin-right:10px; margin-top:-4px;} .shop-panel .create-shop-body {padding:20px 10px 20px 18px} .shop-panel .head-title {font-size:18px; color:#336699; margin-bottom:15px;} .box-shop-body {margin-bottom:35px;} .panel-verify {padding-left:31px;} .panel-verify a.guide-xt {color:#000; font-size:12px} .panel-verify .verify-wrap {background-color:#f2f2f2; border:#ccc 1px solid; border-radius:3px; -webkit-border-radius:3px; display: inline-block; text-align:center; padding:12px 24px; margin-bottom:10px;} .panel-verify .verify-wrap .verify {float:none; display:inline-block; margin:0;} .numb-sale {padding-left:13px; padding-right:30px;} .numb-sale .row-type {overflow:hidden; margin-bottom:13px;} .numb-sale .row-type .fleft {float:left; margin-right:5px; font-size:14px;} .numb-sale .row-type .over-hidden {text-align:right; background:url(../images/dott.png) 0 13px repeat-x; overflow:hidden} .numb-sale .row-type .over-hidden span {background-color:#fff; display:inline-block; padding:0 0 0 3px;} .panel-update {padding-left:15px;} .panel-update li {background:url(../images/panel-update.png) left center no-repeat; padding-left:27px; margin-bottom:15px;} .panel-update li a {color:#000} .panel-point {padding-right:30px; margin-bottom:29px;} .panel-point table {border-collapse:collapse} .panel-point td {padding:8px 0 9px 25px; font-size:14px; text-align:left} .panel-point tr.sum {border-top:#d1d1d1 1px solid} .panel-point td.aright {text-align:right} .panel-point tr.sum .aright {font-size:17px; color:#ff6600} .sum-panel-box {border:#ccc 1px solid; background-color:#ededed; border-radius:3px; -webkit-border-radius:3px; padding:15px; text-align:center; width:281px; margin-left:25px; margin-bottom:10px;} .sum-panel-box p {margin-bottom:25px;} .sum-panel-box .sum-point span {color:#ff6600; display:block; font-size:36px; margin-bottom:10px;} .sum-panel-box .sum-point small {font-size:12px;} .sum-panel-box .small {font-size:11px; margin-bottom:0} .panel-del {clear:both; text-align:center} .dgx-font, h3.title-sitebar-box { font-family: 'UVNTinTucHepThemBold',Arial,Helvetica,sans-serif; font-weight: normal; text-transform: uppercase; } .shop-panel .head-title-panel { color: #336699; font-size: 18px; margin-bottom: 15px; } .panel-del a { -moz-box-shadow:inset 0px 1px 0px 0px #ff895e, 0 1px 3px 0 #cfcfcf; -webkit-box-shadow:inset 0px 1px 0px 0px #ff895e, 0 1px 3px 0 #cfcfcf; box-shadow:inset 0px 1px 0px 0px #ff895e, 0 1px 3px 0 #cfcfcf; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff6027), color-stop(1, #ff5021)); background:-moz-linear-gradient(top, #ff6027 5%, #ff5021 100%); background:-webkit-linear-gradient(top, #ff6027 5%, #ff5021 100%); background:-o-linear-gradient(top, #ff6027 5%, #ff5021 100%); background:-ms-linear-gradient(top, #ff6027 5%, #ff5021 100%); background:linear-gradient(to bottom, #ff6027 5%, #ff5021 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6027', endColorstr='#ff5021',GradientType=0); background-color:#ff6027; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #0082be; display:inline-block; font-size:14px; color:#fff; text-shadow:0 1px 0 #d9481e; padding:9px 65px; text-decoration:none; } .panel-del a:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5021), color-stop(1, #ff6027)); background:-moz-linear-gradient(top, #ff5021 5%, #ff6027 100%); background:-webkit-linear-gradient(top, #ff5021 5%, #ff6027 100%); background:-o-linear-gradient(top, #ff5021 5%, #ff6027 100%); background:-ms-linear-gradient(top, #ff5021 5%, #ff6027 100%); background:linear-gradient(to bottom, #ff5021 5%, #ff6027 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5021', endColorstr='#ff6027',GradientType=0); background-color:#ff5021; } .blue-fat-btn, a.blue-fat-btn { -moz-box-shadow:inset 0px 1px 0px 0px #40c5f5; -webkit-box-shadow:inset 0px 1px 0px 0px #40c5f5; box-shadow:inset 0px 1px 0px 0px #40c5f5; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00b5f1), color-stop(1, #00a3ef)); background:-moz-linear-gradient(top, #00b5f1 5%, #00a3ef 100%); background:-webkit-linear-gradient(top, #00b5f1 5%, #00a3ef 100%); background:-o-linear-gradient(top, #00b5f1 5%, #00a3ef 100%); background:-ms-linear-gradient(top, #00b5f1 5%, #00a3ef 100%); background:linear-gradient(to bottom, #00b5f1 5%, #00a3ef 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b5f1', endColorstr='#00a3ef',GradientType=0); background-color:#00b5f1; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #0082be; display:inline-block; color:#fff; font-size:13px; font-weight:bold; padding:6px 11px; text-decoration:none; text-shadow:0px 1px 0px #008fcb; } .blue-fat-btn:hover, a.blue-fat-btn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00a3ef), color-stop(1, #00b5f1)); background:-moz-linear-gradient(top, #00a3ef 5%, #00b5f1 100%); background:-webkit-linear-gradient(top, #00a3ef 5%, #00b5f1 100%); background:-o-linear-gradient(top, #00a3ef 5%, #00b5f1 100%); background:-ms-linear-gradient(top, #00a3ef 5%, #00b5f1 100%); background:linear-gradient(to bottom, #00a3ef 5%, #00b5f1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a3ef', endColorstr='#00b5f1',GradientType=0); background-color:#00a3ef; } h2.comment-form { color: #707982; font: 20px 'UVNTinTucHepThemBold',Arial,Helvetica,sans-serif; margin-bottom: 5px; text-transform: uppercase; } .head-nddg { margin-bottom: 10px; overflow: hidden; } .comment-shop-form { float: left; width: 395px; } .ly-box { background-color: #FFF6A8; float: right; font-size: 11px; padding: 10px; width: 280px; } .one-col-post .box-forum .box-body {width:auto} .one-col-post .head-top-page {padding-top:20px;} .head-top-page-old{margin-left: 11px; margin-right: 11px;} .tbl-order-old tr{border-left: 1px #ddd solid; border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;} .step-post {border-top:#e4e4e4 1px solid; margin-top:30px} .step-post ul {margin-top:-45px; margin-left:28px;} .step-post li {float:left; margin-left:110px;} .step-post li a {display:block; text-align:center; color:#565656} .step-post li.active a {color:#e88e19} .step-post li.active a small i {background-color:#ffca4a} .step-post li a strong {font-size:18px; font-weight:normal; display:block} .step-post li a span {font-size:11px; display:block} .step-post li a small {padding:4px; background-color:#fff} .step-post li a small i {width:16px; height:16px; background-color:#90b7e2; border-radius:50%; display:inline-block} .form-wrap {clear:both;padding-left: 10px;padding-right: 10px;padding-bottom: 20px;} .blue-fat-btn, a.blue-fat-btn { -moz-box-shadow:inset 0px 1px 0px 0px #40c5f5; -webkit-box-shadow:inset 0px 1px 0px 0px #40c5f5; box-shadow:inset 0px 1px 0px 0px #40c5f5; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00b5f1), color-stop(1, #00a3ef)); background:-moz-linear-gradient(top, #00b5f1 5%, #00a3ef 100%); background:-webkit-linear-gradient(top, #00b5f1 5%, #00a3ef 100%); background:-o-linear-gradient(top, #00b5f1 5%, #00a3ef 100%); background:-ms-linear-gradient(top, #00b5f1 5%, #00a3ef 100%); background:linear-gradient(to bottom, #00b5f1 5%, #00a3ef 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b5f1', endColorstr='#00a3ef',GradientType=0); background-color:#00b5f1; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #0082be; display:inline-block; color:#fff; font-size:13px; font-weight:bold; padding:6px 11px; text-decoration:none; text-shadow:0px 1px 0px #008fcb; } .blue-fat-btn:hover, a.blue-fat-btn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00a3ef), color-stop(1, #00b5f1)); background:-moz-linear-gradient(top, #00a3ef 5%, #00b5f1 100%); background:-webkit-linear-gradient(top, #00a3ef 5%, #00b5f1 100%); background:-o-linear-gradient(top, #00a3ef 5%, #00b5f1 100%); background:-ms-linear-gradient(top, #00a3ef 5%, #00b5f1 100%); background:linear-gradient(to bottom, #00a3ef 5%, #00b5f1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a3ef', endColorstr='#00b5f1',GradientType=0); background-color:#00a3ef; } .boxNguyenlieu > li { float: left; width: 158px; } .head-shop h1 a {background:url(../images/edit-del-icon.png) top left no-repeat; width:24px; height:24px; display:inline-block; text-indent:-9999px;} .head-shop h1 a.del-article {background-position:bottom left} .head-shop .fright {padding-top:4px;} .verified {float:left; font-size:15px; margin-left:20px;} .name-shop-detail{float:left;} .verified i, .i-verified {background:url(../images/xac_thuc_icon.png) top left no-repeat; vertical-align:middle; width:23px; height:23px; display:inline-block; margin-right:8px; } .i-verified {background-position:0 -25px; width:17px; height:16px; margin-right:5px; } .author .i-verified {background-position:bottom left; width:12px; height:11px;} .meta-post .i-verified {margin-left:5px;} .author:hover .i-verified, .meta-post:hover .i-verified {opacity:1} .item-shop h2 a .i-verified {} .post-pro-inpage {overflow: hidden; padding-bottom: 4px; padding-right: 7px; padding-top: 10px;} .post-pro-inpage a.post-sale-btn {display:block; position:relative; left:auto; top:auto; right:auto} .list-search li {overflow:hidden; border-bottom:#e4e4e4 1px dotted; padding: 10px 0} .list-search li .type-content {float:left; width:115px; text-align:center; height:50px; line-height:50px;} .list-search li .type-content a {color:#161616; text-transform:uppercase; font-size:11px;} .list-search li .thumb-search {width:70px; float:left; margin-right:15px;} .list-search li h3 {font: normal 16px/16px 'Segoe UI Light', Arial, Helvetica, sans-serif; margin-bottom:7px; margin-top:-2px;} .list-search li h3 a:hover {text-decoration:underline} .list-search li .short-text {color:#737373; line-height:normal} .detail-page { clear: both; padding-top: 10px; } .price-buy-bar {padding:18px 5px;} .price-buy-bar .price {font-size:26px; color:#ff6600; margin-right:8px; margin-bottom:15px; padding-left:3px;float:left;} .vote-detail{float:right;} .vote-detail-bot{float:left;} .price-buy-bar .price i {font-size:15px; font-style:normal; position:relative; top:-11px;} .price-buy-bar .buy-now, .price-buy-bar a.buy-now:hover {background-image:url(../images/like-buy-icon.png); background-position:15px; background-repeat:no-repeat; padding:8px 0 7px 50px; font-size:20px; font-weight:normal; width:217px; margin-top:12px;} .shop-other-pro .box-sidebar-body, .add-func .box-sidebar-body {padding:0} .shop-other-pro .cover-small {position:relative; padding:1px} .shop-other-pro .cover-small a, .shop-other-pro .cover-small img {display:block} .shop-other-pro .header {font: 16px/18px 'Segoe UI Light',Arial,Helvetica,sans-serif; position:relative; color:#434343; border-bottom:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; padding:3px 0 8px 11px} .shop-other-pro .header .arr-shop {display:block; background:url(../images/arr_shop.png) 15px 0 no-repeat; padding-top:21px; position:absolute; right:18px; top:-8px; } .shop-other-pro .header small {font-size:12px; color:#878787} .shop-other-pro .cover-small .ava {display:block; position:absolute; width:50px; height:50px; right:8px; top:9px;} .body-shop-bar {padding:10px;} .body-shop-bar .item-shop {float:none; width:auto; border:none; margin:15px 0 0; padding:0; overflow:hidden;height:79px;} .body-shop-bar .item-shop:first-child {margin-top:0} .body-shop-bar .item-shop .thumb {float:left; width:60px; margin-right:13px;} .body-shop-bar .item-shop .thumb img {display:block; width:60px; height:60px;} .body-shop-bar .item-shop .body-item {overflow:hidden} .body-shop-bar .item-shop h3 a {font: 14px 'Segoe UI Light',Arial,Helvetica,sans-serif; color:#434343} .body-shop-bar .item-shop h3 a:hover {text-decoration:underline} .body-shop-bar .item-shop h3 {line-height:normal; margin-bottom:5px; margin-top:-6px;} .body-shop-bar .meta-item {overflow:hidden} .body-shop-bar .meta-item .price, .body-shop-bar .meta-item .vote-wrap {float:none} .body-shop-bar .meta-item .price {clear:both; margin-top:0; height:auto; padding-top:7px;} .add-func li, .add-tt-shop li {border-top:#e1e1e1 1px solid; position:relative} .add-func ul li:first-child, .add-tt-shop ul li:first-child {border:none} .add-func li a {background:url(../images/icon_func.png) 9px 9px no-repeat; padding-left:42px; font: 13px/38px 'Segoe UI Light',Arial,Helvetica,sans-serif; height:38px; display:block; color:#434343} .add-func li.add-shop a {background-position:9px -29px;} .add-func li.share a {background-position:9px -69px;} .add-func li a:hover {text-decoration:underline} .like-box-list { border: 1px solid #D9D9D9; border-radius: 4px 4px 4px 4px; display: inline-block; float: right; overflow:hidden } .fuct-detail {border-top:#e4e4e4 1px solid; padding:10px 15px 0; position:relative; left:-10px; width:610px;} .fuct-detail label {font-size:12px; margin-right:13px; display:block; padding-top:4px;} .fuct-detail .like-box-list { float: left; } .like-box-list .vote-qa, .like-box-list .list-like { background-color: #EDEDED; border-left: 1px solid #DADADA; border-radius: 4px 0 0 4px; float: left; height: 25px; line-height: 25px; text-align: center; display:inline-block } .like-box-list .vote-qa { background: none repeat scroll 0 0 #EDEDED; line-height: 23px; padding:0 7px; color: #FF6600; } .like-box-list a:first-child { border-left: medium none; } .like-box-list .vote-qa i { background: url(../images/icon-vote-hand.png) no-repeat scroll 0 0 transparent; display: inline-block; height: 17px; vertical-align: middle; width: 16px; margin-right:2px; } .like-box-list .vote-qa span {top:2px; position:relative} .like-box-list .list-like { border-radius: 0 4px 4px 0; color: #FF6600; font-weight: bold; width: 35px; } .like-box-list a:hover { background-color: #FFFFFF; text-decoration: none; } .fuct-detail .list-share { float: right; padding-top: 5px; } .fuct-detail .list-share a { background: url(../images/share_button.png) no-repeat scroll left top transparent; float: left; height: 18px; margin-left: 7px; text-indent: -9999px; width: 36px; } .fuct-detail .list-share a:hover { opacity: 0.85; } .fuct-detail .list-share a.fb, #sitebar .fuct-detail .list-share a.fb { margin-left: 0; } .fuct-detail .list-share a.lh { background-position: -43px 0; } .fuct-detail .list-share a.pin { background-position: -130px 0; } .fuct-detail .list-share a.gp { background-position: -86px 0; } .fuct-detail .list-share a.tw { background-position: -240px 0; } .fuct-detail .list-share a.em { background-position: top right; } .one-col-post.dh-page {} .list-dh, .head-order {background-color:#f2f2f2;} .tbl-order-new td, .tbl-order th.head-order{font-size: 16px;} .list-dh-new{background:none;} .list-dh li {overflow:hidden; padding-left: 9px;} .list-dh li img {float:left; margin-right:15px;} .icon-order-del h4{margin-bottom:0;} .list-dh li h3 {font-size:16px; font-weight:normal; line-height:normal; margin-bottom:5px;} .list-dh li h3, .list-dh li .short-text {width:340px; float:left} .list-dh li .short-text-old{width:269px;} .list-dh li .price {float:right; color: #FF6600; font-size: 24px; /*margin-top:-39px*/} .tbl-order-new .price, .total-order p{font-size: 18px;color: #F60;} .list-dh li .price i,.tbl-order-new .price i,.total-order i { font-size: 15px; font-style: normal; position: relative; top: -11px; } .quantity-box{position:relative;} .btn_plus { background:url(../images/icon-plus.png) top left no-repeat; cursor: pointer; } .btn_minus { background:url(../images/icon-minus.png) top left no-repeat; cursor: pointer; } .icon-del{background:url(../images/icon-order-del.png) top left no-repeat; width:17px; height:19px; display:block;} .icon-favo{background:url(../images/icon-order-fa.png) top left no-repeat;width:17px; height:19px; display:block;} .icon-order-favo{clear:both;} .favo-order{margin-top: 2px;} .del-all{float: right;margin-right: 14px;} .quantity-box .plus input[type="button"]{border:none;width: 14px;height: 14px;padding:0;margin-left: 2px;margin-top: 4px;} .quantity-box .minus input[type="button"]{border:none;width: 14px;height: 14px;padding:0;margin-left: 2px;margin-top: 2px;} .list-dh .control-label{width:72px;} .list-dh a{display: inline-block;padding-top: 8px;text-decoration:underline; font-size:13px;} .list-dh .thumb-order-old{float:left;} .list-dh li .price-old, .list-dh li .price-old-detail{display: block;clear: both;float: left;} .price-old-detail{margin-top:20px;} .list-dh-new a{float:left;} .short-text-old{} .control-qtt, .form-dh .control-wrap, .form-dh .form-actions, .control-qtt-old {clear:both; border-top: 1px solid #DCDCDC;} .control-qtt input {width:70px} .form-dh {padding-bottom:15px;} .form-dh .control-group {padding: 10px 10px 0; margin-bottom:10px} .form-dh .control-label {padding:0; margin:0; height:34px; line-height:34px;} .form-dh .controls { line-height:34px;} .form-dh .control-wrap h4 {padding:15px 0 0 10px; margin-bottom:10px;} .form-dh .control-wrap input {width:94.5%} .form-dh .form-actions {text-align:right; padding:15px 0 0; border-top:none;} .form-dh .form-actions input.fright {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315)); background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0); border:#d0451b 1px solid; border-bottom:#bc3315 1px solid; background-color:#d0451b; box-shadow: none; text-shadow: 0 1px 0 #555; } .form-dh .form-actions input.fright:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b)); background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0); background-color:#bc3315; } .box-com-care-body ul li span.sum-arti { float:right;margin:0 6px 0 0; color: #ff3398; font-size:12px; height:30px; line-height:34px; } .cn-box-product{margin-bottom: -18px;} .one-col-post.order-page {width:945px;} .tbl-order {border-collapse:collapse; border-bottom: 1px solid #DCDCDC;border-left: 1px solid #DCDCDC;} .tbl-order-old{border-bottom:none;border-left:none;} .tbl-order-old th{border-top:none !important;border-right:none !important;} .tbl-order tr:hover {background-color:#f2f2f2; cursor:pointer} .tbl-order th.aleft {text-align:left} .tbl-order td, .tbl-order th {text-align:center; padding:10px 15px; border-top: 1px solid #DCDCDC; vertical-align:middle; font-size:13px;} .tbl-order td .list-dh li {text-align:left; padding: 0;} .tbl-order td .list-dh li .price {float:none; margin:0; font-size:18px; padding-top:8px;} .tbl-order td .list-dh li h3, .tbl-order td .list-dh li .short-text {width:auto;clear:both;} .tbl-order-new td, .tbl-order th{padding: 10px 15px;border-top: 1px solid #DCDCDC;vertical-align: middle;font-size: 13px;border-right: 1px solid #DCDCDC;} .tbl-order-new tr:hover{background:none;cursor:default;} .note-order, .title-sum, .total-order { width: 498px; border-right: 1px #DCDCDC solid; height: 106px; float:left; margin-left: 10px; border-left: 1px #DCDCDC solid; border-bottom: 1px #DCDCDC solid } .title-sum{width:261px;border-left: none;margin-left:0px;padding-left:10px;} .total-order{width:125px;border-left:none;margin-left:0px;padding-left:10px;} .note-order span, .title-sum span{font-size:13px; color:#4b4a4a;} .note-order span{padding-left:22px;margin-top: 22px;display: block;width: 135px; height: 34px;} .title-sum span, .sum-order-view, .note-view-order span{font-size:18px; text-transform:uppercase;text-align: center;display: block;margin-top: 47px;} .note-order input[type="text"]{width:422px; height:32px;margin-left:22px; margin-top:10px;} .total-order p{text-align:center;margin-top: 47px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #nav > ul {margin-left:205px;} #nav ul ul {left:-202px;} #nav .item-02 ul {left:-353px;} #nav .item-03 ul {left:-498px;} .ms-white ul li a {padding:10px 11px;} .ms-white li li a {padding:2px 10px 2px 28px;} } @media screen and (max-width: 480px) { html { -webkit-text-size-adjust: 100%; font-size:100%; } /*.logo {position:absolute; left:42%; top:5px; z-index:444} .logo a {display:block; text-indent:-9999px; width:50px; height:50px; background:url(../images/logo_mobile.png) top left no-repeat;} .meta-user-logged, .logged, .notlogin .logged .menu-about, #google_translate_element, #s3slider {display:none} .notlogin .logged {display:block} .bot-bg, #wrapper {max-width:94.3%; clear:both} #nav, .span60, .span30 {width:100%; padding:0; border:none; float:none} .wrap-list {margin-left:0;} .wrap-list article.item, .z-masonry.wrap-list article.item {width:100%; float:none; margin: 0 0 15px} .wrap-list article.item h2.title {width:126%} .thumb img {width:100%; height:auto} .span60 .wrap-list article.item .thumb, .span30 .wrap-list article.item .thumb {height:auto; overflow:hidden} #nav {background:none; left:0; margin-top:41px; padding-bottom:7px; height:auto} #nav a {color:#4691D3} #nav > ul {border-right:#ccc 1px solid; border-bottom:#ccc 1px solid} #nav > ul > li, #nav > ul > li:first-child, #nav > ul > li.item-04 {height:auto; line-height:normal; margin:0px;} #nav > ul > li, #nav > ul > li:first-child, #nav > ul > li.item-04 {width:32.95%; float:left; height:30px; border:#ccc 1px solid; border-right:none; border-bottom:none; text-align:center; line-height:30px;} #nav > ul > li li {text-align:left !important} #nav > ul > li > a {font-size:14px; text-shadow:none} .form-search {left:0; top:18px;} .notlogin li {float:none; margin-bottom:0; line-height:17px; padding-top:0;} .form-search input[type="text"] {width:80px; height:22px; line-height:22px;} #cat-page .head-se .head-se-inner, .box-shop h3 .head-se-inner, .span60 .head-se .head-se-inner, .span30 .head-se .head-se-inner, #cat-page .head-se, .box-shop h3, .span60 .head-se, .span30 .head-se {background-size:auto 54px; height:27px; line-height:25px; font-size:15px;} #cat-page .head-se, .box-shop h3, .span60 .head-se, .span30 .head-se {padding-right:14px;} .side-bar-pro {margin-bottom:10px;}*/ } /*Next-step-shopping*/ .icon-shopping{background:url(../images/icon-shoppingcart.png) top left no-repeat; width:30px; height:30px; display:block;float:left;} .head-top-page h1.title-order{float:left;padding-left: 10px;line-height: 24px;} .box-info-pay { width: 948px; } .box-info-pay .bip-box { float: left; background-color:#fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .box-info-pay .bip-box01 { float: left; width: 318px; padding: 0 0 10px 0; color: #000; } .head-bip-box{border:none;} .bip-num-label-01 .text-bip { color:#3d88d4; font-size:16px; font-weight:bold; display:block; text-align: center; margin-top: 14px; } .bip-num-label-01 .bb-note { margin: -9px 0 0 0; color: #ff0000; font-size:11px; font-weight:normal; display: block; text-align: center; padding-top: 10px; } .bb-summary { position: relative; background: #f7f7f7; float: left; width: 243px; line-height: 18px; padding: 10px 20px; font-size: 11px; color: #666; margin-top: 19px; margin-left: 16px; } .bip-box-01 .bb-summary .edit-btn { position: absolute; top: 5px; right: 10px; background: #888; float: left; font-size: 10px; padding: 0 3px; border-radius: 0 0 0 3px; -moz-border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 3px; color: #fff; margin: -5px -10px 0 0; } .bip-box-01, .bip-box-02, .bip-box-03{width:314px;float:left;border: 1px solid #bebebe;} .bip-box-01{border-left:none;} .bip-box-03{margin-left: -1px;width: 318px;border-right:none;height: auto;background-color: #fff2d2;;} #info_shipping{clear:both;padding-top: 3px;} .bip-num-label-01 .text-ttgh{font-size:11px;} .bip-num-label-01 input[type="checkbox"]{float:left;} .bb-same-addr{background-color:#f7f7f7;margin-top: 10px;margin-bottom: 49px;} .info-user input[type="text"], .info-bill-user input[type="text"], .info-user select, .info-bill-user select{width: 270px;float: left;margin-left: 12px;} .info-user select, .info-bill-user select{width: 291px;} .info-user p, .info-bill-user p{display:block;padding:4px 8px 0 13px;} .info-user i, .info-bill-user i{color:#ff0000; font-style:normal;} .info-user, .info-bill-user{margin-top: 15px;height: 380px;} .info-user{margin-top:-40px;} .info-user li, .info-bill-user li{width: 316px;height: 62px;clear: both} .info-user textarea, .info-bill-user textarea { width: 278px; height: 32px; margin: 0; border: #ccc 1px solid; box-shadow: inset 0 1px 1px #ddd; -moz-box-shadow: inset 0 1px 1px #ddd; -webkit-box-shadow: inset 0 1px 1px #ddd; min-height:0; margin-left: 10px; } .payment{margin-top: 16px;} .bip-box-02{margin-left: -1px;} .payment input[type="radio"]{float:left;margin-left: 17px;} .payment p{color:#666;font-weight: bold;} .payment span{font-size:11px;} .tbl-order-payment{border-bottom:1px solid #DCDCDC} .tbl-order-payment td { border-top: 1px solid #DCDCDC; vertical-align: middle; font-size: 13px; border-right: 1px solid #DCDCDC; text-align: center; padding: 4px; } .tbl-order-payment li { float:left; } .thumb-order{padding:10px 5px 10px 7px;} .name-pro{padding-top:10px;} .name-pro a{text-decoration:underline;font-size:12px;} .sl-pro{display:block; text-align:center;} .price-pay, .tbl-order-payment i{color:#F60; font-size:14px; text-align:center;} .tbl-order-payment i{font-style:normal;} .order-payment{margin-top: 17px;} .cn-bh-right{float: right; margin-top: 19px; margin-right: 8px; margin-bottom:10px;} #otherinfo_order{width: 264px; margin-left: 18px; margin-bottom: 11px;min-height: 92px;} .note { margin: 10px 0 6px 18px; color: #3d88d4; font-size: 16px; font-weight: bold; display: block; text-align: center; margin-top: 14px; } /*popup-login*/ #mask { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: 0.6; z-index: 999; } /* You can customize to your needs */ .login-popup, .mes-popup { width: 322px; display: none; background: #fff; padding: 10px; border: 2px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; box-shadow: 1px 1px 4px 1px #b2b2b2 /* CSS3 */ -moz-box-shadow: 1px 1px 4px 1px #b2b2b2 /* Firefox */ -webkit-box-shadow: 1px 1px 4px 1px #b2b2b2 /* Safari, Chrome */ border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */; } .mes-popup{width:444px;} .close-mes, .close-survey{background:url(../images/close-popup.png) top left no-repeat;display:block;width:36px; height:36px;position:absolute;top: -19px; right: -19px;} fieldset { border: none; } form.signin .textbox input { width: 93%; } form.signin input:-moz-placeholder { color: #d2d2d2; } form.signin input::-webkit-input-placeholder { color: #d2d2d2; } .button { background: -moz-linear-gradient(center top, #f3f3f3, #dddddd); background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd)); background: -o-linear-gradient(top, #f3f3f3, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd'); border-color: #000; border-width: 1px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #333; cursor: pointer; display: inline-block; padding: 6px 6px 4px; margin-top: 10px; font: 12px; width: 214px; } .button:hover { background: #ddd; } .controls-form { margin-bottom: 12px; padding-right: 10px; } .login-popup .title-login{font-size:20px;padding-left: 116px;display: block;margin-bottom: 10px;} .forgot{font-size: 12px;margin-left: 191px;margin-top: 20px;display: block;} .par-forgot{margin-bottom:20px;} .payment-details { color: #666; font-weight: bold; width: 89%; padding-left: 18px; padding-bottom: 10px; } .per-view{float:left;padding:9px 10px 10px 0;} .title-success{color: #0193dc;font: normal 23px 'Segoe UI Light', Arial, Helvetica, sans-serif;font-weight:bold;display:block;margin-top:-3px; margin-left:6px;} .head-top-success{padding-bottom:9px;} .content-success p{padding-top: 15px; padding-bottom: 10px;} .content-success span{font-weight:bold;} .content-success strong{color:#b94a48;} .order-info-left{float:left;} .order-info-right{float:right;width:154px;} .code_order{float: left;padding-top: 9px;padding-right: 5px;} .note-view-order{width: 805px;} .title-view-order{width:157px;} .total_view-order{width:158px;} .title-view-order span{margin-top: 18px;} .total_view-order p{margin-top:16px} .sum-order-view{margin-top: 6px;} .shopping-cart{float: right;width: 62px;position: relative;top: -37px;right: 219px;text-align: center;color: #585858;} .shopping-cart .cart-title{font-size:10px;} .shopping-cart .cart-quantity{font-size:20px;} .order-success{border-radius: 0;-webkit-border-radius:} .over-order{width:auto;text-align: center;float:none;} .payment{border-bottom: 1px solid #bebebe;} .title-order-detail{text-align:left;} .status-order{ display: block; width: 300px; text-align: center; /* [disabled]margin-left: 337px; */ margin: auto; } .head-top-order{padding: 27px 10px 9px 15px;} .tbl-info-shop{width:365px;border-left: 1px solid #DCDCDC;} .info-shop{float:left;margin-top: 22px;margin-left: 10px;} .info-buyer{float:right;margin-top: 22px;margin-right: 10px;width:403px;} .tbl-info-buyer{border-left: 1px solid #DCDCDC;} .title-info-per{font-size:16px;} .box-list-order{margin-top:21px;} .submenu-user i.icon-cart-01{background:url(../images/Shopping_cart.png) top left no-repeat;width: 18px;height: 17px;} .box-order{margin-top:10px;} .list-shop{margin-left: 10px; margin-right: 10px;} .form-de{padding-bottom:0;} .form-cart{padding-left:0;padding-right:0;} .btn-update-order{margin-right: 0px;} .select-status{margin-left:677px;margin-top: -33px;} .status-order span{font-weight:bold;} .select-status select.order-status { width: 128px; } .btn-update-status{float: right; margin-bottom: 10px;margin-right: 10px;} .form-actions a.btn-next-cart{padding: 7px;} .like-shop .heart-shop, .total_like-shop .heart-shop{background:url(../images/heart-shop.png) top left no-repeat; width:11px; height:10px; display:block;float:left; cursor:pointer;text-indent: -9999px;} .like-shop .heart-shop:hover{background-position:left -10px;} .total_like-shop{float: right;margin-top: 11px;margin-right: 7px;} .like-shop .shop-liked,.total_like-shop .heart-shop{background-position:left -10px;} .title-shop{width: auto;float: left;} .like-shop{float: right;} .num-heart, .num-total-heart{float: left;display: block;color: #8c8c8c;font-size: 12px;margin-top: -3px;margin-left: 3px;} .num-total-heart{margin-top: -7px;margin-right: 6px;font-size: 12px;color: #ff3398;} .btn-success{margin-left:223px;text-transform: uppercase;margin-top: 15px;} .tbl-order-payment td.head-cart{text-align:left;} .list-dh-new a.code-order{float:none;} .del-pro{width:167px; height:30px; background-color:#000;display:none;} .icon-order-del:hover .del-pro{display:block;} #numb-like-post, .numb-like-post-2{float: right;clear:both;font-size:11px;margin-top: -7px;} .numb-like-post-2{margin-top:-31px;} .btn-hiden{float: left;margin-left: 19px;margin-top: -4px;font-weight:bold;} #like-shop{position:relative;height: 39px;} #like-shop #block-sblock-share { display: none; position: absolute; top: 15px; margin-top: 20px; right: -15px; } #block-sblock-share {margin-bottom: 10px;} #share-fix.box-cotent {padding: 0;} #block-sblock-share .box-cotent { padding-top: 3px; padding-bottom: 0; border-radius: 5px; box-shadow: 1px 2px 5px 0 #999; } #share-fix { height: auto; width: 180px; position: relative; top: 0; z-index: 444 !important; } .box-white { background-color: #fff; border: #e3e3e3 1px solid; margin-bottom: 10px; clear: both; } #share-fix .sidebar-box-content { position: relative; padding-top: 26px; height: 156px; width: 180px; overflow-y: auto; overflow-x: hidden; white-space: nowrap; } ul.flaggers-list { overflow: hidden; list-style: none; padding: 0 0 10px 10px; width: 170px; position: relative; } ul.flaggers-list li { float: left; width: 170px; margin-top: 10px; } ul.flaggers-list li a { color: #7f7f7f; } ul.flaggers-list li a:hover { text-decoration:underline; } ul.flaggers-list li img { float: left; margin-right: 10px; vertical-align: middle; width: 20px; height: 20px; } div#like-shop:hover #block-sblock-share{display:block;} .numb-like-post { border-bottom: 1px solid #E5E5E5; font-size: 11px; margin-bottom: 8px; padding: 0 10px 4px; position: absolute; text-align: center; top: 6px; width: 160px; } #but-laban { width: 102px; height: 30px; position: absolute; right: 206px; } #but-laban a{width: 102px; height: 30px; display:block;} /*Css information shop*/ .small-midd { background:url(../images/hv2.png) center center no-repeat; height: 24px; clear: both; margin-top: 4px; margin-left: -9px; display: block; } .box-info-shop span{float:left;line-height: 28px;margin-right: 3px;} .box-info-shop span.shop-ut{margin-top: 8px;margin-left: 2px;} .box-info-shop span.per-like{margin-top: -4px;} .box-info-shop span.dc-shop{width: 147px;margin-top: 4px;} .box-info-shop span.dt-shop{margin-top: 6px;margin-left: 3px;font-weight:bold;font-family: Arial, Helvetica, sans-serif;width: 147px;} .box-info-shop span.yahoo{margin-top: 2px;} .box-info-shop span.skype{margin-top: -5px;} .box-info-shop p.shopnay{display: block;clear: both;margin-left: 13px;padding-top: 3px;} .box-info-shop h2{font-size:13px; float:left;display: block;margin-top: -3px;margin-left: 3px;} .icon-xacthuc{background: url(../images/xac_thuc_icon.png) 0px -24px no-repeat;vertical-align: middle;float:left;width: 17px;height: 19px;display: inline-block;margin-top: 14px;} .icon-heart-shop{background:url(../images/heart-info.png) top left no-repeat;width:14px; height:15px; display:block;float:left;margin-top: 5px;margin-right: 5px;} .menu-aside li a.nick-yahoo{margin-top: 3px;} i.dc, i.dt{float:left;margin-top: 9px;margin-right: -1px;margin-left: -4px;} .menu-aside li a.btn-stt{height:15px;line-height: 16px;color: #fff;margin: 6px 0px 13px 46px;} .box-com-shop h3 {background-color:#fff; height:36px;color:#686a6b; font-size:18px; line-height:41px;border-bottom: 1px #ebf5fa solid;padding-left: 29px;} .box-info-shop{padding-left: 14px;} .box-com-shop{font: normal 14px/24px 'Segoe UI Light', Arial, Helvetica, sans-serif;} .menu-aside strong{margin-left:3px;font-weight:normal;} .menu-aside li.skype-shop img{margin-bottom: -4px;} #form-send input[type="text"]{width: 413px;} /*Css information shop*/ /*Css survey popup*/ #box-survey.login-popup-survey { width: 630px; height:380px; display: none; background: url(../images/survey.jpg) top left no-repeat; border: 2px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; box-shadow: 1px 1px 4px 1px #b2b2b2 -moz-box-shadow: 1px 1px 4px 1px #b2b2b2 -webkit-box-shadow: 1px 1px 4px 1px #b2b2b2 border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #mask-survey { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: 0.6; z-index: 999; } #close { position: absolute; bottom: 16px; right: 270px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; color:#bc0f37; font-weight:bold; } a.button-survey { -moz-box-shadow:inset 0px 1px 0px 0px #e83f6f; -webkit-box-shadow:inset 0px 1px 0px 0px #e83f6f; box-shadow:inset 0px 1px 0px 0px #e83f6f; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e83f6f), color-stop(1, #e83f6f)); background:-moz-linear-gradient(top, #e83f6f 5%, #e83f6f 100%); background:-webkit-linear-gradient(top, #e83f6f 5%, #e83f6f 100%); background:-o-linear-gradient(top, #e83f6f 5%, #e83f6f 100%); background:-ms-linear-gradient(top, #e83f6f 5%, #e83f6f 100%); background:linear-gradient(to bottom, #e83f6f 5%, #e83f6f 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e83f6f', endColorstr='#e83f6f',GradientType=0); background-color:#e83f6f; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #e83f6f; display:inline-block; color:#fefefe; font-size:15px; font-weight:bold; padding:12px 8px; text-decoration:none; text-shadow:0px 1px 0px #e83f6f; position: absolute; right: 28px; bottom: 15px; } a.button-survey:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e83f6f), color-stop(1, #e83f6f)); background:-moz-linear-gradient(top, #e83f6f 5%, #e83f6f 100%); background:-webkit-linear-gradient(top, #e83f6f 5%, #e83f6f 100%); background:-o-linear-gradient(top, #e83f6f 5%, #e83f6f 100%); background:-ms-linear-gradient(top, #e83f6f 5%, #e83f6f 100%); background:linear-gradient(to bottom, #e83f6f 5%, #e83f6f 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e83f6f', endColorstr='#e83f6f',GradientType=0); background-color:#e83f6f; } .title-status{display: block;margin-top: 10px;margin-left: 28px;} /*Css survey popup*/ .old-price { color: #999; text-decoration: line-through; margin-left: 3px; font-weight: normal; font-size: 12px; } .box-tt-shop ul li span { color: #555555; padding: 5px 10px; display: block; word-break: break-word; } .box-tt-shop ul li span.head-tt-shop { background: url(../images/bg-box-user.png) top left no-repeat; color: #fff; font-size: 14px; text-transform: uppercase; height: 26px; display: block; padding: 4px 38px; font-weight: bold; margin-top: 10px; } .box-tt-shop ul li span b { display: inline-block; text-align: left; float: left; margin-right: 5px; } .box-tt-shop ul li a { color: #555555; display: inline-block; } .box-tt-shop ul li a:hover{text-decoration:underline;} .text-phone { font-size: 19px; font-style: normal; color: #ff6600; } .box-tt-shop ul li.tt-shop-note{background-color:#fff8c6;} .note-tt{background:url(../images/icon-note.png) top left no-repeat;width:25px; height:22px; display:block;margin: 20px;float: left;} .txt-note{font-style:italic;} .txt-lola{color:#2bb4f8;font-weight: bold;} .mid-banner{width:949px;margin:0 auto;} .fleftbaner{width:468px;float:left;} .frightbanner{width:468px;float:right;} .ad-qc{height: 23px;width: 134px;position: absolute;right: 0px;bottom: 3px;}