@charset "utf-8";

/* DEFAULT - Sanding Layout
*******************************************/
body {margin:0; font-family:Arial; color:#f0f0f0}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}
ul, li {padding:0; border:0; margin:0}
input, select {background:#ffffff; border:1px solid #7f9db9; font:12px Arial; color:#000000}
form {width:auto; height:auto}

#container {background:#dadada; padding:0; width:100%; height:100%}
#container_body {margin:0px auto; padding:0; width:800px}
#container_block {margin:0; padding:0; border:0; float:left}
#container_set1 {float:left; margin-right:10px}
#container_set2 {float:left; margin-bottom:5px; margin-right:10px; border:1px solid #96a0a7}
#container_set3 {padding-top:10px; margin-right:9px; float:left}
.container_set {padding-top:18px; margin-left:9px; float:right}

/* SITE HEADER: phần header của website
/******************************************************************************************************************************/
#header_all {width:800px; height:100%;}
#header_inside {width:800px; height:101px; background:url('images/header_bg.gif'); float:left}
#header_nav {width:380px; padding-right:16px; float:right}
#header_extra {width:220px; padding-top:20px; padding-bottom:30px; float:right}
#header_field {width:370px; height:100%; text-align:right; float:right}
#header_menu {width:800px; height:52px; float:left}
.field1 {margin-left:20px}

/* BANNER */
#banner_all {width:800px; height:100%;}
#banner_1 {width:137px; height:198px; padding:26px 9px 0px 9px; background:url('images/banner1.jpg'); float:left}
#banner_2 {width:166px; height:224px; float:left}
#banner_2_success {width:146px; height:144px; background:#354457; padding:4px 10px 0px 10px; float:left}

/* INSIDE:
/******************************************************************************************************************************/
#inside_all {background:transparent url('images/bg1.gif') repeat scroll; width:800px; float:left}
#inside_blank {
	width:752px;
	padding:26px 24px 20px 24px;
	float:left;
	background-color: #1c232c;
}
#inside_tab {width:752px; padding-bottom:10px; float:left}
#inside_text {width:752px; float:left}

#left_side {width:520px; padding-top:36px; float:left}
#left_blank {width:470px; padding:0px 24px 0px 24px; float:left}
#left_core, #left_alt, #left_x {width:470px; padding:0px 24px 12px 24px; float:left}
#left_core {border-bottom:1px solid #0d1520}
#left_alt {padding-top:6px; border-top:1px solid #303740; border-bottom:1px solid #0d1520}
#left_x {padding-top:6px; border-top:1px solid #303740}
#left_tab {width:470px; padding-top:4px; padding-bottom:4px; float:left}
#left_bonus {width:470px; padding:5px 0px 5px 0px; margin-top:4px; border-top:1px dotted #47525f; border-bottom:1px dotted #47525f; background:#242d38; float:left}
#left_text {width:470px; margin-top:12px; padding-bottom:10px; border-bottom:1px dotted #47525f; float:left}
#left_textb {width:470px; padding-bottom:10px; float:left}
#left_more {width:470px; padding-top:2px; padding-bottom:2px; float:left}
.left_field {width:300px; padding:3px 0px 3px 10px; margin-bottom:5px}

#factory {width:260px; height:189px; padding:5px 10px 15px 0px; border-top:1px solid #303740; border-bottom:1px solid #0d1520; border-right:1px solid #303740; float:left}
#factory_tab {width:235px; padding:4px 0px 4px 25px; float:left}
#factory_text {width:210px; margin-top:10px; padding-left:50px; background:url('images/bg_factory.gif'); float:left}
#factory_text li {list-style:url('images/icon_arrow1.gif'); margin:4px 0px 0px 16px; padding-left:6px; height:18px; line-height:14px}
#factory_more {width:260px; padding-top:6px; text-align:right; float:left}

#event {width:218px; height:189px; padding:10px 15px 10px 15px; border-top:1px solid #303740; border-left:1px solid #0d1520; border-bottom:1px solid #0d1520; float:left}
#event_text {width:218px; padding-top:5px; float:left}
#event_text li {list-style:url('images/icon_arrow2.gif'); margin:2px 0px 0px 18px; padding-left:6px; height:18px; line-height:13px}

#product {border-top:1px solid #303740; background:#242d38; width:470px; padding:4px 24px 12px 24px; float:left}

#right_side {width:280px; float:left}
#right_core {width:250px; background:#242d38; border-bottom:1px solid #0d1520; padding:36px 15px 12px 15px; float:left}
#right_alt, #right_x {width:250px; padding:0px 15px 12px 15px; float:left}
#right_alt {background:#242d38; border-top:1px solid #303740; border-bottom:1px solid #0d1520; padding-top:4px}
#right_x {border-top:1px solid #47525f; padding-top:4px}
#right_tab {width:250px; padding-top:4px; padding-bottom:2px; float:left}
#right_text, #right_textb, #right_textc, #right_bonus, #right_more {width:250px; margin-top:2px; float:left}
#right_textc {padding-top:12px}
#right_bonus {width:250px}
#right_text li {list-style:url('images/icon_arrow4.gif'); margin:2px 0px 12px 18px; padding-left:6px; line-height:14px}
#right_textb li {list-style:url('images/icon_arrow3.gif'); margin:5px 0px 0px 18px; padding-left:6px; height:20px; line-height:14px; width:210px}
#right_textc li {list-style-type:disc; margin:5px 0px 0px 18px; padding-left:4px; line-height:14px}

/* SITE FOOTER: phần footer của website
/******************************************************************************************************************************/
#footer_all {width:800px; height:100%}
#footer_inside {width:800px; height:91px; background-image:url('images/footer_bg.gif'); float:left}
#footer_a {width:460px; padding:28px 0px 0px 40px; float:left}
#footer_b {width:300px; float:left}

/* FONT
*******************************************/

/* header */
.nav1 {color:#ffffff; font:11px Arial}
.nav2 {font:11px Arial; color:#353535}
.nav2 a {color:#f9fffd; padding-left:2px; padding-right:2px}
.nav2 a:hover {color:#ffffff; padding-left:2px; padding-right:2px}
.nav3 {font:11px Tahoma; color:#ffffff}
.nav3 a {color:#e9b331; text-decoration:underline}
.nav3 a:hover {color:#c7cdcf}

.pnote {font:11px/16px Arial; color:#6c757d}
.txt_18a {font:18px/16px Arial; color:#838b91}

.txt_16a {font:16px/16px Arial; color:#f0f0f0}

.txt_12a {font:12px/16px Arial; color:#7b858e}
.txt_12a a {color:#5c79a2}
.txt_12a a:hover {color:#e9b331}

.txt_13a {font:13px/18px Arial; color:#7b858e}
.txt_13a a {color:#6aacc6}
.txt_13a a:hover {color:#e9b331}
.txt_13b {font:13px/16px Arial; color:#7b858e}
.txt_13b a {color:#5c79a2}
.txt_13b a:hover {color:#e9b331}

.txt_11a {font:11px/16px Tahoma; color:#7b858e}
.txt_11b {font:11px/16px Arial; color:#7b858e}
.txt_11a a, .txt_11b a {color:#5c79a2; text-decoration:underline}
.txt_11a a:hover, .txt_11b a:hover {color:#e9b331}
.txt_11c {font:11px/16px Tahoma; color:#6c757d}
.txt_11c a {color:#818a91; text-decoration:underline}
.txt_11c a:hover {color:#e9b331}
.txt_11d {font:11px/18px Tahoma; color:#8b959e}
.txt_11d a {color:#6e89b0; text-decoration:underline}
.txt_11d a:hover {color:#e9b331}

.txt_10a {font:10px Tahoma; color:#879199}

.color1 {color:#6aacc6}

.blank {
border:0pt none;
float:left;
margin:0pt;
padding:0pt;
}

/* footer */
.x, x2 {font:11px/20px Tahoma; color:#6c757d}
.x a {padding:0px 3px 0px 3px; color:#8c95a0}
.x2 a {padding:0px 3px 0px 3px; color:#e9b331; text-decoration:underline}
.x a:hover, x2 a:hover {padding:0px 3px 0px 3px; color:#ffffff}

/*  Bonus */
.split_page {font:11px/16px Tahoma; color:#7b858e}
.split_page a {color:#5c79a2;}
.split_page a:hover {color:#e9b331; text-decoration:underline}
