body,td,th{height: 100%;font-family: Arial, Helvetica, sans-serif;font-size:13px;}
.style1{color:#C30;font-size:12px;}
.style8{color:#36F;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;}
#style9{font-family:Geneva, Arial, Helvetica, sans-serif;font-size:15px;font-weight:700;}
.style11{color:#666;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;}
.style27{color:#06F;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;}
.style28{color:#0356D0;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:13px;}
.style29{color:#0356D0;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;}
.style32{color:#06F;}
#style8{color:#C60;font-weight:700;}
.style10{color:#900;font-weight:700;}
#style11{color:#999;}
#style13{font-size:24px;}
#style15{font-size:16px;font-weight:700;}
#style16{color:#CCC;}
#style18{color:#C60;}
#style19{color:red;font-weight:700;}
#style21{font-size:13px;}
#style22{color:#F60;font-weight:700;}
#style23{color:#F60;}
#style25{color:#666;}
#style26{color:#F03;}
img{border:none;}
.clear{ clear:both}
#shadowwrapper{background:url(image/bg_tem1.png) repeat-y top;margin:0 auto;padding:0;width:100%;}
#wrapper{_width:977px;background:#FFF;display:table;height:auto !important;margin:0 auto;min-height:100%;width:997px;}
#head_thesystem{height:100px;width:997px;}/*background:#faf5fc url(image/head_index.jpg) no-repeat;*/
#menu_head {height:50px;width:997px; background:  url(image/Nort_menu.jpg) 0px 997px no-repeat}
#menu_head:hover  {background: url(image/Nort_menu.jpg) 0px -50px no-repeat}
#menu_head_system {height:35px;width:997px;margin:0 auto;  z-index:100;}
#demotip {display:none;background: url(black_arrow.png);font-size:12px;height:70px;width:160px;padding:25px;color:#fff;     }
.navi1 {display:block;height:43px;margin:0 auto;position:relative;width:997px; }
.navi1 ul {float:none;list-style-image:none;list-style-type:none;margin:3px 0; }
.navi1 ul li {float:left;height:46px;margin:0px;position:absolute; }
.navi1 ul li a {display:block;height:100%;width:100%; }
.navi1 ul li.sm1 {background-position:0 0 ;left:0px;width:88px; }
.navi1 ul li.sm2 {background-position:-88px 0;left:88px;width:117px; }
.navi1 ul li.sm3 {background-position:-205px 0;left:205px;width:86px; }
.navi1 ul li.sm4 {background-position:-291px 0;left:291px;width:100px; }
.navi1 ul li.sm5 {background-position:-391px 0;left:391px;width:135px; }
.navi1 ul li.sm6 {background-position:-526px 0;left:526px;width:148px; }
.navi1 ul li.sm7 {background-position:-674px 0;left:674px;width:96px; }
.navi1 ul li.sm8 {background-position:-770px 0;left:770px;width:112px; }
.navi1 ul li.sm9 {background-position:-882px 0;left:882px;width:115px; }
.navi1 ul li:hover {z-index:1000; }
.navi1 ul li.sm1:hover {background-position: 0 -46px;}
.navi1 ul li.sm2:hover {background-position:-88px -46px; }
.navi1 ul li.sm3:hover {background-position:-205px -46px; }
.navi1 ul li.sm4:hover {background-position:-291px -46px; }
.navi1 ul li.sm5:hover {background-position:-391px -46px; }
.navi1 ul li.sm6:hover {background-position:-526px -46px; }
.navi1 ul li.sm7:hover {background-position:-674px -46px; }
.navi1 ul li.sm8:hover {background-position:-770px -46px; }
.navi1 ul li.sm9:hover {background-position:-882px -46px; }


ul.v_menu{ /* ��˹��ͺࢵ�ͧ���� */
	list-style:none;
	height:35px;
	margin:0 auto;
	padding:0;
	display:inline;
	font-family: "Microsoft Sans Serif";
	font-size:14px;color: #FFF;
	background: url(http://img2.advice.co.th/~system_ZZZZZ/system_new1/image/topnav_bg1.gif) repeat-x;
	
}
ul.v_menu > li{ /* ��˹��ٻẺ���Ѻ������ѡ */
	
	width:110px;
	_width:90px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	/*text-indent:5px;*/
	background: url(http://img2.advice.co.th/~system_ZZZZZ/system_new1/image/topnav_bg1.gif) repeat-x;
	/*border:1px #006633 inset;*/
	float:left;
	text-align:center;
	font-weight:700;
}
ul.v_menu > li:hover{ /* ��˹��ٻẺ���Ѻ���������������������˹�� */
	
	width:110px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	/*text-indent:5px;*/
	background: url(http://img2.advice.co.th/~system_ZZZZZ/system_new1/image/topnav_bg2.gif) repeat-x;
	/*border:1px #006633 inset;*/
	float:left;
	text-align:center;	
}
ul.v_menu > li > a,ul.v_menu > li > ul > li > a{ /* ��˹��ٻẺ���Ѻ��駤� */
	text-decoration:none;
	color: #FFF;
	line-height:35px;
}
ul.v_menu > li > ul{ 
	display:none;
	list-style:none;
	margin:0px;
	padding:0px;
	
}
ul.v_menu > li:hover > ul { 
	
	width:110px;	
	position: relative;
	left:0;
	top:0;
	z-index:100;
	
}	
ul.v_menu > li > ul > li{ /* ��˹��ٻẺ���Ѻ�������� */
	
	width:110px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	/*text-indent:5px*/;
	background: url(http://img2.advice.co.th/~system_ZZZZZ/system_new1/image/topnav_bg2.gif) repeat-x;
	border:1px #F4F4F4 solid;
	float:left;
	text-align:center;

	
}
ul.v_menu > li > ul > li:hover{ /* ��˹��ٻẺ���Ѻ�����������������������˹�� */
	
	width:110px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	/*text-indent:5px;*/
	background: url(http://img2.advice.co.th/~system_ZZZZZ/system_new1/image/topnav_bg1.gif) repeat-x;
	border:1px #F4F4F4 solid;
	float:left;
	text-align:center;

	
}
.hr_menu
{
	width:110px;
	height:35px;
	background:url(http://img2.advice.co.th/~system_ZZZZZ/system_new1/image/topnav_bg3.gif) no-repeat  center right;
	}

#all_l_r{height:auto !important;min-height:100%;width:997px;}
* html #all_l_r{height:100% !important;}
#all_left{float:left;height:auto !important;min-height:100%;padding-left:2px;width:198px;}
#menu_av_left{float:left;height:100px;margin-top:5px;width:190px;}
#search_av_right1{color:#FFF;float:right;height:43px;text-align:right;width:707px;}
#search_av_right2 {float:right;height:35px;padding:8px 0 0;text-align:right;width:350px;}
#search_av_right3 {float:right;height:39px;margin-right:5px;padding:4px 0 0;width:45px;}
#adverti_av_left{background:url(image/had-ad.jpg) no-repeat;float:left;height:44px;margin-top:0;width:190px;}
#flashBook_ad_av_left{float:left;height:auto !important;margin-top:0;min-height:150px;width:190px;}
#promotion_ad_mount_av_left{background:url(image/promotion_av0.jpg) no-repeat top center;float:left;height:192px;margin-top:0;width:190px;}
#promotion_ad_text_left{color:#ae0316;font-family:"Microsoft Sans Serif",Georgia, "Times New Roman", Times, serif;font-size:11px;height:30px;margin:30px 0 0 13px;text-align:center;width:165px;}
#promotion_ad_text_left_all{_margin:40px 0 0 13px;height:25px;margin:40px 0 0 13px;text-align:center;width:168px;}
#promotion_ad_text_left_all2{_margin:3px 0 0 13px;height:25px;margin:3px 0 0 13px;text-align:center;width:168px;}
#promotion_ad_text_left_all3{_margin:0 0 0 13px;height:25px;margin:0 0 0 13px;text-align:center;width:168px;}
#flash_ad_av_left{float:left;height:96px;margin-top:5px;width:190px;}
#flash_ad_av_left1{float:left;height:96px;margin-top:5px;width:190px;}
.sale_ad{float:left;height:auto !important;min-height:100%;height:100%;margin-top:5px;width:190px;}
.sale_ad1{float:left;height:70px !important;min-height:70px;height:70px;margin-top:5px;width:190px;}
.sale_ad2{float:left;height:96px !important;min-height:96px;height:96px;margin-top:5px;width:190px;}
.sale_ad_r{float:left;height:70px; margin-bottom:5px;width:196px; border:1px solid #CCC; font-family: "MS Sans Serif"; font-size:9px;}
#byorder_ad{background:url(image/byorder.gif) no-repeat;float:left;height:94px;margin-top:5px;width:190px;}
#byorder_ad a{background-color:transparent;cursor:pointer;}
#flash_middle{float:right; height:223px;margin-bottom:5px;margin-top:5px;/*padding-right:2px;*/width:794px;}
#all_hotproduct{_width:572px;float:left;height:auto !important;min-height:100%;width:575px;}
#av_head_product_right{_width:587px;background:url(image/HighLight-button.png) no-repeat;border-right:1px solid #ccc;float:left;height:36px;width:590px;}
#av_productSlide_right{float:left;height:auto;margin:0;width:590px;background: url(image/bgg.png) no-repeat;}
div.scrollable{border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;float:left;height:180px;overflow:hidden;padding:10px 0 0;position:relative;width:589px;}
div.scrollable div.items{clear:both;float:left;left:12px;margin-left:20px;position:absolute;top:1px;width:20000em;}
div.scrollable div.items div{-moz-border-radius:5px;background:transparent;float:left;font-family:"Microsoft Sans Serif";font-size:11px;height:190px;margin-right:23px;text-align:left;width:120px;}
div.scrollable div.items div.active{background-color:#fff;}
#all_ad_right{float:right;height:auto !important;min-height:100%;width:196px;}
#all_new_tip{_width:587px;background:url(image/bg_new.jpg) no-repeat;height:326px !important;min-height:326px;width:590px;}
#all_new_left{_width:284px;float:left;height:auto !important;margin-left:10px;margin-top:85px;min-height:100%;width:286px;}
#all_new_left 1{_width:278px;float:left;height:auto !important;margin-left:3px;margin-top:85px;min-height:100%;width:280px;}
#av_news_pic_text{float:left;height:auto !important;min-height:100%;width:286px;}
#av_news_pic_text1{float:left;height:auto !important;margin-left:4px;min-height:100%;width:280px;}
#advice_news_pic_text{border-bottom:1px dotted #CCC;height:auto !important;min-height:100%;width:286px;}
#headpart_artical_right{color:#0028be;font-family:"MS Sans Serif";font-size:11px;font-weight:700;padding-left:95px;}
#headpart_artical_right a:link{color:#0028be;font-family:"MS Sans Serif";font-size:11px;font-weight:700;}
#artical_right{font-family:"MS Sans Serif";font-size:12px;padding-left:95px;}
#dat_artical_right{color:#a4a5a5;font-family:"MS Sans Serif";font-size:8px;padding-right:20px;text-align:right;}
.ads_left{background:silver;float:left;margin-top:5px;padding:3px;}
#av_news_pic_more{font-family:"Microsoft Sans Serif";font-size:12px;height:25px;margin:0 0 0 7px;text-align:right;width:251px;}
#all_tip_right{_margin-top:-220px;_width:285px;float:right;height:auto !important;margin-top:85px;min-height:100%;width:286px;}
#foot_content_av{background:url(image/Bg-footer.jpg) repeat-x;height:38px;padding-top:15px;text-align:center;width:997px;}
#footer_av{background:url(image/f_w2.png) no-repeat;height:19px;margin:0 auto;width:997px;}
#counter_footer_av{height:59px;padding:22px 10px 0;width:215px;}
.clear_{clear:both;}
#promotion_ad_text_left_1,#promotion_ad_text_left_1_2,#promotion_ad_text_left_1_3{color:#666;float:left;font-family:"Microsoft Sans Serif",Georgia, "Times New Roman", Times, serif;font-size:11px;font-weight:700;height:15px;margin:0;padding:5px;text-align:center;width:113px;}
#promotion_ad_text_left_2,#promotion_ad_text_left_2_2,#promotion_ad_text_left_2_3{color:#666;float:right;font-family:"Microsoft Sans Serif",Georgia, "Times New Roman", Times, serif;font-size:11px;font-weight:700;height:15px;margin:0;padding:5px;text-align:center;width:33px;}
#foot_r_794{height:38px;width:794px;}
#systobuy{height:auto !important;margin:0 auto;min-height:100%;width:794px;}
#head_systobuy{background:url(http://www.thesystem.co.th/h_sys2.jpg) no-repeat;height:80px;width:794px;}
#systobuy_all{background:#FFF;height:auto !important;min-height:100%;width:794px;}
#left_systobuy{background:#FFF;float:left;height:540px !important;min-height:540px;width:494px;}
.systobuy_txt{display:table-cell;line-height:25px;padding-left:5px;vertical-align:middle;width:489px;}
.systobuy_txt_center{background:url(http://www.thesystem.co.th/system_display/picture_compass/b_total.gif) no-repeat;color:#FFF;font-weight:700;height:39px;margin:30px 0 0 120px;padding-left:115px;padding-top:13px;text-align:center;width:113px;}
.right_systobuy{background:url(http://www.thesystem.co.th/h_sysmap.gif) no-repeat;float:right;height:540px !important;min-height:540px;width:300px;}
.n_count,.ne_count,.m_count,.e_count,.s_count{border:1px solid red;color:#000;display:table-cell;font-weight:700;line-height:1.563em;vertical-align:middle;width:25px;}
.n_count{left:75px;margin-top:45px;top:110px;z-index:21;}
.ne_count{left:185px;top:45px;z-index:21;}
.m_count{left:85px;top:20px;z-index:21;}
.e_count{left:145px;top:15px;z-index:21;}
.s_count{left:80px;top:145px;z-index:21;}
#imap{background:url(http://www.thesystem.co.th/h_sysmap.gif) no-repeat;display:block;height:550px;margin-left:494px;position:relative;width:300px;}
#imap a#title{background:transparent url(../images/beatles_hover.jpg) no-repeat 300px 300px;cursor:default;display:block;height:0;left:6px;overflow:hidden;padding-top:240px;position:absolute;top:-52px;width:300px;}
* html #imap a#title{height:0;}
#imap a#title:hover{background-position:0 0;z-index:10;}
#imap dd{height:95px;margin:0;padding:0;position:absolute;width:101px;}
#imap #n1{left:35px;top:56px;z-index:20;}
#imap #m1{left:46px;top:188px;z-index:20;}
#imap #ne1{left:148px;top:105px;z-index:20;}
#imap #e1{left:114px;top:233px;z-index:20;}
#imap #s1{left:31px;top:373px;z-index:20;}
#imap a#north,#imap a#Middle,#imap a#NE,#imap a#E,#imap a#S{background:transparent url(../images/hover.gif) -100px -100px no-repeat;display:block;height:110px;text-decoration:none;width:100px;z-index:20;}
#imap a span,#imap a:visited span{display:none;}
#imap a#north:hover,#imap a#Middle:hover,#imap a#NE:hover,#imap a#E:hover,#imap a#S:hover{background-position:0 0;}
#imap a:hover span{background:#fff;border:1px solid #000;color:#000;display:block;font-family:arial;font-size:12px;padding:5px;position:absolute;width:300px;}
* html #imap a:hover span{width:300px;}
#imap a span:first-line{font-style:italic;font-weight:700;}
#ads{margin-top:150px;}
.style9,#style24{color:#000;font-weight:700;}
#aserv_ad,#counter_use_online{float:left;height:94px;margin-top:5px;width:190px;}
#counter_use_online1{float:left;height:auto !important;min-height:100%;margin-top:5px;width:190px;}
#all_right,.about_as{float:right;height:auto !important;min-height:100%;padding-right:2px;width:794px;}
* html #left_systobuy,* html .right_systobuy{height:540px !important;}
.advice_mc {width:486px; height:100px; float:left; position:absolute; margin-left:308px; top:260px;}