/*****************************/ /* RESET */ /*****************************/ @import 'reset.css'; /*****************************/ /* COMMON */ /*****************************/ body{font:12px/18px Tahoma, Geneva, sans-serif; color:#333333; background-color:#eaeaea;} a:link, a:visited{text-decoration:none;outline:none;} a:hover {text-decoration:underline;} .clear {clear:both;} .fleft {float:left;} .fright {float:right;} .alignleft{float: left; margin:0 15px 15px 0} .alignright{float: right; margin:0 0 15px 15px} .aligncenter{text-align: center;} img{border:none;} img.ileft{margin:0 10px 10px 0; float:left;} img.iright{margin:0 0 10px 10px; float:right;} input {font:normal 12px Arial, Helvetica, sans-serif;} .block ul {margin:0px; padding:0px;} #searchform label {display:block;} /*****************************/ /* HEADING */ /*****************************/ h1{font:normal 23px Arial, Helvetica, sans-serif; color:#00b6f1;} h1.entry-title, h2.entry-title {font:normal 23px Arial, Helvetica, sans-serif; color:#00b6f1; padding:0;} h1.entry-title a, h2.entry-title a {color:#00b6f1;} h1.title-cat span {display:block; float:left; background:url(images/head_title.png) 100% 5px no-repeat;padding-right:30px;} h2{font:normal 18px Arial, Helvetica, sans-serif;} h3{font:normal 16px Arial, Helvetica, sans-serif;} h4{font:bold 13px Arial, Helvetica, sans-serif;} h5{font:normal 13px Arial, Helvetica, sans-serif;} /*****************************/ /* LAYOUT */ /*****************************/ #page {width:920px;margin:0 auto; background:url(images/main_bot_bg.png) bottom left no-repeat; padding-bottom:15px;} #wrapper {background:url(images/main_bg.png) top left repeat-y; width:860px; padding:0 30px; position:relative;} #header {position:relative; overflow:hidden;} #maincontent {clear:both; overflow:hidden; padding:25px 0; } #content {width:620px; float:left; margin-right:10px; display:inline;} #rightcol {float:right; width:220px; float:right; display:inline; border:#ededed 1px solid; padding-bottom:7px;} #footer-container {clear:both; background-color:#999; height:60px;} #footer {overflow:hidden; font:normal 11px/20px Arial, Helvetica, sans-serif; color:#8d8d8d; width:900px; margin:0 auto; padding-bottom:20px;} .banner {padding:20px 0 0; } .skip-link {display:none;} /*****************************/ /* HEADER */ /*****************************/ h1.logo, div.logo {float:left; margin:20px 0;} h1.logo a, div.logo a {background:url(images/logo.png) top left no-repeat; display:block; text-indent:-9999px; width:144px; height:43px;} .ads-top { float:right;margin:-75px 20px 0 0; height:90px;} /*****************************/ /* NAVIGATION */ /*****************************/ div.menu ul {clear:both; border:#e0e0e0 1px solid; border-left:none; border-right:none; overflow:hidden; _overflow:visible; _height:1%;} div.menu ul li { float:left; display:inline; position:relative; padding:10px 27px;} div.menu ul li a {display:block; color:#666666; font:normal 15px Helvetica,Tahoma,Arial;} .breadcrumb {background:url(images/icon_sprite.png) -293px -132px no-repeat; color:#9a3060; padding:10px 10px 0px 20px; line-height:10px;} .breadcrumb a {color:#9a3060;} /*#nav {clear:both; border:#e0e0e0 1px solid; border-left:none; border-right:none; overflow:hidden; _overflow:visible; _height:1%; height:23px; padding:12px 0 0 20px;} #nav a {text-indent:-9999px; float:left; background:url(images/menu.png) top left no-repeat; margin-left:55px;} #nav a:first-child {margin-left:3px;} #nav a.home {background-position:0 0; width:70px;} #nav a.home:hover {background-position:0 -26px; } #nav a.blog {background-position:-126px 0; width:87px;} #nav a.blog:hover {background-position:-126px -26px; } #nav a.partner {background-position:-268px 0; width:78px;} #nav a.partner:hover {background-position:-268px -26px; } #nav a.story {background-position:-403px 0; width:58px;} #nav a.story:hover {background-position:-403px -26px; } #nav a.career {background-position:-516px 0; width:44px;} #nav a.career:hover {background-position:-516px -26px; } #nav a.contact {background-position:-615px 0; width:68px;} #nav a.contact:hover {background-position:-615px -26px; } #nav a.office {background-position:-739px 0; width:78px;} #nav a.office:hover {background-position:-739px -26px; }*/ #menu-top-menu {clear:both; border:#e0e0e0 1px solid; border-left:none; border-right:none; overflow:hidden; _overflow:visible; _height:1%; height:23px; padding:12px 0 0 20px;} #menu-top-menu li { float:left; background:url(images/menu.png) top left no-repeat; margin-left:55px;} #menu-top-menu li a {display:block;text-indent:-9999px;} #menu-top-menu li:first-child {margin-left:3px;} #menu-top-menu li.menu-item-637 {background-position:0 0; width:70px;} /*home*/ #menu-top-menu li.menu-item-637:hover {background-position:0 -26px; } #menu-top-menu li.menu-item-643 {background-position:-126px 0; width:87px;} /*blog*/ #menu-top-menu li.menu-item-643:hover {background-position:-126px -26px; } #menu-top-menu li.menu-item-641 {background-position:-268px 0; width:78px;} /*partner*/ #menu-top-menu li.menu-item-641:hover {background-position:-268px -26px; } #menu-top-menu li.menu-item-642 {background-position:-403px 0; width:58px;} /*our story*/ #menu-top-menu li.menu-item-642:hover {background-position:-403px -26px; } #menu-top-menu li.menu-item-639 {background-position:-516px 0; width:44px;} #menu-top-menu li.menu-item-639:hover {background-position:-516px -26px; } #menu-top-menu li.menu-item-638 {background-position:-615px 0; width:68px;} #menu-top-menu li.menu-item-638:hover {background-position:-615px -26px; } #menu-top-menu li.menu-item-640 {background-position:-739px 0; width:78px;} #menu-top-menu li.menu-item-640:hover {background-position:-739px -26px; } #menu-top-menu-vn {clear:both; border:#e0e0e0 1px solid; border-left:none; border-right:none; overflow:hidden; _overflow:visible; _height:1%; height:23px; padding:12px 0 0 20px;} #menu-top-menu-vn li { float:left; background:url(images/menu_vn.png) top left no-repeat; margin-left:71px;} #menu-top-menu-vn li a {display:block;text-indent:-9999px;} #menu-top-menu-vn li:first-child {margin-left:3px;} #menu-top-menu-vn li.menu-item-661 {background-position:0 0; width:70px;} /*home*/ #menu-top-menu-vn li.menu-item-661:hover {background-position:0 -25px; } #menu-top-menu-vn li.menu-item-665 {background-position:-132px 0; width:42px;} /*blog*/ #menu-top-menu-vn li.menu-item-665:hover {background-position:-132px -25px; } #menu-top-menu-vn li.menu-item-667 {background-position:-242px 0; width:45px;} /*partner*/ #menu-top-menu-vn li.menu-item-667:hover {background-position:-242px -25px; } #menu-top-menu-vn li.menu-item-662 {background-position:-357px 0; width:60px;} /*our story*/ #menu-top-menu-vn li.menu-item-662:hover {background-position:-357px -25px; } #menu-top-menu-vn li.menu-item-664 {background-position:-487px 0; width:83px;} /*career*/ #menu-top-menu-vn li.menu-item-664:hover {background-position:-487px -25px; } #menu-top-menu-vn li.menu-item-663 {background-position:-640px 0; width:44px;} /*contact*/ #menu-top-menu-vn li.menu-item-663:hover {background-position:-640px -25px; } #menu-top-menu-vn li.menu-item-666 {background-position:-754px 0; width:38px;} /*our office*/ #menu-top-menu-vn li.menu-item-666:hover {background-position:-754px -25px; } /*****************************/ /* MAIN CONTENT */ /*****************************/ .head-meta {overflow:hidden;} /*.head-meta h2.title-article, .head-meta div.date-post {min-height:40px; height:auto !important; height:40px; line-height:18px;}*/ .head-meta h2.title-article, .single-post h1.entry-title {margin-bottom:8px;} .head-meta h2.title-article a, .single-post h1.entry-title {color:#000; font:bold 24px/27px Arial, Helvetica, sans-serif;} div.date-post {font-size:11px; color:#666666; float:left; width:620px; line-height:11px; border-bottom:#ededed 1px dotted} div.date-post span {float:left; padding:0px 12px; margin-bottom:-1px; background:#fff url(images/bg_date.png) 0 2px no-repeat;} #entry, .entry-content {text-align:justify; padding-top:33px; font-size:13px; line-height:20px; clear:both} #entry p, .entry-content p {padding-bottom:17px;} .entry-content li, .entry-content h2 {padding-bottom:15px;} .post {padding:20px 0; border-top:#b2b2b2 1px solid} .post a, .entry-content a{color:#00B0F0;} .page .entry-content {padding-top:15px;} .single-post .post {border-top:none} #rightcol h3.widget-title {background-color:#f5f5f5; color:#e40084; font-size:14px; padding:6px 10px; margin-left:-10px; width:100%;} .widget-container {padding:0 10px;} .box-content a {color:#00B0F0} .xoxo li li {padding:2px 0;} .xoxo li a {color:#00B0F0;} /*****************************/ /* FOOTER */ /*****************************/ #footer a {color:#8d8d8d;} .footer-column1 {float:left; background:url(images/footer-logo.png) 0px 20px no-repeat; padding:10px 0 0 50px; } .footer-column2 {float:right; text-align:right; padding-top:12px;} .nav-footer {} .nav-footer li {display:inline; color:#fff; margin-left:17px; float:left;} .nav-footer li.last {background:none; padding:7px 10px;} .footer-column1 a {color:#fff; } .nav-footer li a.marry {background:url(images/marry.png) top left no-repeat; width:71px; display:block; height:52px; text-indent:-9999px;} .nav-footer li a.dekor {background:url(images/dekor.vn.png) 0 11px no-repeat; width:80px; display:block; height:50px; text-indent:-9999px;} .nav-footer li a.bgd {background:url(images/bepgiadinh.png) top left no-repeat; width:104px;display:block; height:52px; text-indent:-9999px;} .nav-footer li a.elle {background:url(images/elle.png) top left no-repeat; width:97px; height:52px; display:block; text-indent:-99999px;} .nav-footer li a.ttt {background:url(images/thoitrangtre.png) top left no-repeat; width:49px; height:52px; display:block; text-indent:-99999px;} .nav-footer li a.tgm {background:url(images/thegioimot.png) top left no-repeat; width:72px; height:52px; display:block; text-indent:-99999px;} .copyright {height:29px; background-color:#0a50a0; line-height:29px; padding:0 10px; font-size:11px;} .copyright a {color:#fff;} .wpcf7-form p {padding-bottom:0px;} .wpcf7-form input.wpcf7-text, .wpcf7-form textarea {width:375px;} form p { position: relative;} form p label { top:20px; left:5px; position:absolute; z-index:9999;} #lang_sel_list {display:none !important;}