﻿body {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  background-color:#FFFFFF;
}
body,td,div,p{
  color:#212121;
  font: 12px   Tahoma, MS Sans Serif, Verdana, Arial;
}

a {
  color:#212121; 
  text-decoration:underline;
} 
a:hover {
  color:#D50017; /*======= เปลี่ยนสี =====*/
}

/*=========== Layout ================*/

#container {
 margin:0px auto;
 width:1000px; 
 background-color:#FFF; 
 color:#212121; 
 padding:0px 0px 0px 0px; 
 }
#container #header {
   width:1000px; 
   text-align:left;
 }
#container #content {
  width:1000px; 
  text-align:left; 
}

#content {
  margin:0px;
  width:1000px; 
  background-color:#FFFFFF; 
  color:#212121; 
  padding:15px 0px 0px 0px; 
 }
 
#menuright {
  margin:0px;
  width:330px; 
  background-color:#FFFFFF; 
  color:#212121; 
  padding:0px 0px 0px 0px; 
 }
 
#footer {
  margin:0px; 
  margin-top:10px; 
  padding:0px; 
  background-color:#FFFFFF; 
  text-align:left;
}


/* =================   Links Style     =================*/

.aboard{
  color: #212121;
  font-size:12px;
  text-decoration: none;
  background: url(images/web/icon-board.gif) no-repeat left 1px; /*custom bullet list image*/
  padding-left: 14px; /*link text is indented 10px*/
  font-weight: normal;
  padding-right: 0;
}
.aboard:visited{
  color: #212121;
  font-size:12px;
  text-decoration: none;
  background: url(images/web/icon-board.gif) no-repeat left 1px; /*custom bullet list image*/
  padding-left: 14px; /*link text is indented 10px*/
  font-weight: normal;
  padding-right: 0;  
}
.aboard:hover{
  color: #D50017; /*======= เปลี่ยนสี =====*/
  font-size:12px;
  text-decoration: underline;
  background: url(images/web/icon-board.gif) no-repeat left 1px; /*custom bullet list image*/
  padding-left: 14px; /*link text is indented 10px*/
  font-weight: normal;
  padding-right: 0;
}


.alink_sitemap{
  color: #D50017; /*======= เปลี่ยนสี =====*/
  font-size:11px;
  text-decoration: none;
  font-weight: normal;
}
.alink_sitemap:visited{
  color: #D50017; /*======= เปลี่ยนสี =====*/
  font-size:11px;
  text-decoration: none;
  font-weight: normal;  
}
.alink_sitemap:hover{
  color: #212121;
  font-size:11px;
  text-decoration: underline;
  font-weight: normal;
}

.anews{
  color: #212121;
  font-size:12px;
  text-decoration: none;
  background: url(images/web/icon-news.gif) no-repeat left 0px; /*custom bullet list image*/
  padding-left: 14px; 
  font-weight: normal;
  padding-right: 0;
}
.anews:visited{
  color: #212121;
  font-size:12px;
  text-decoration: none;
  background: url(images/web/icon-news.gif) no-repeat left 0px; /*custom bullet list image*/
  padding-left: 14px; 
  font-weight: normal;
  padding-right: 0;  
}
.anews:hover{
  color: #D50017; /*======= เปลี่ยนสี =====*/
  font-size:12px;
  text-decoration: underline;
  background: url(images/web/icon-news.gif) no-repeat left 0px; /*custom bullet list image*/
  padding-left: 14px; 
  font-weight: normal;
  padding-right: 0;
}

a.atitle{
  color: #D50017; /*======= เปลี่ยนสี =====*/
  font-size:12px;
  text-decoration: none;
  font-weight: bold;
  padding-right: 0;
}
a.atitle:visited{
  color: #D50017; /*======= เปลี่ยนสี =====*/
  font-size:12px;
  text-decoration: none;
  font-weight: bold;
  padding-right: 0;  
}
a.atitle:hover{
  color: #D50017; /*======= เปลี่ยนสี =====*/
  font-size:12px;
  text-decoration: underline;
  font-weight: bold;
  padding-right: 0;
}

.asub{
  color: #333333;
  font-size:11px;
  text-decoration: underline;
  font-weight: bold;
}
.asub:visited{
  color: #333333;
  font-size:11px;
  text-decoration: underline;
  font-weight: bold; 
}
.asub:hover{
  color: #FFFFFF;
  font-size:11px;
  text-decoration: none;
  font-weight: bold;
}

.alink_more{
  color: #D50017; /*======= เปลี่ยนสี =====*/
  font-size:12px;
  text-decoration: underline;
  font-weight: normal;
}
.alink_more:visited{
  color: #D50017; /*======= เปลี่ยนสี =====*/
  font-size:12px;
  text-decoration: underline;
  font-weight: normal;  
}
.alink_more:hover{
  color: #999999;
  font-size:12px;
  text-decoration: none;
  font-weight: normal;
}



 /* =================   Text Style     =================*/


.f_left {float: left;}
.f_right {float: right;}
.txt_left {text-align:left;}
.txt_right {text-align:right;}
.txt_center {text-align:center;}


.head{
    display:block;
    border:none;
	border-bottom:dotted 1px #5778BB;
   /* border-bottom:solid 1px #5778BB;*/
    font-size: 18px;
	font-weight: bold;
	color: #5778BB; 
	text-decoration: none;
	margin-bottom:5px;
}

.head_title{
	font-size: 18px;
	font-weight: bold;
	color: #D50017; /*======= เปลี่ยนสี =====*/
	text-decoration: none;
}

.head_title_black{
	font-size: 18px;
	font-weight: bold;
	color: #212121;
	text-decoration: none;
}
.head_subtitle_black{
	font-size: 16px;
	font-weight: bold;
	color: #212121;
	text-decoration: none;
}

.title_colum{
	font-size: 12px;
	font-weight: bold;
	color: #D50017;   /*======= เปลี่ยนสี =====*/
	text-decoration: none;
}


.title_pview {  
	font-size: 16px;
	font-weight: bold;
	color: #364687;
	text-decoration: none;
	background: url(images/web/arrow_title.gif) no-repeat left 3px; /*custom bullet list image*/
    padding-left: 10px; /*link text is indented 10px*/
}

.title {
	font-size: 15px;
	font-weight: bold;
	color: #D50017; /*======= เปลี่ยนสี =====*/
	text-decoration: none;
}

.title_15red {
	font-size: 15px;
	font-weight: bold;
	color: #D50017; /*======= เปลี่ยนสี =====*/
	text-decoration: none;
}

.sub_title {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.sub15_tab{
    display:block;
    border:none;
	/*border-bottom:dotted 1px #5778BB;*/
   /* border-bottom:solid 1px #5778BB;*/
    font-size: 13px;
	font-weight: bold;
	color: #5778BB;
	background-color: #D5E3FD;
	text-decoration: none;
	margin-top:5px;
	padding: 1px 0px 1px 5px;
}

.write11{
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.write11_blod{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.gray11{
	font-size: 11px;
	font-weight: normal;
	color: #A7A7A7;
	text-decoration: none;
}

.gray_bold{
	font-size: 10px;
	font-weight: bold;
	color: #595959;
	text-decoration: none;
}

.white12{
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.white12blod{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.praew_move{
  color: #212121;
  font-size:12px;
  background: url(images/web/icon-news.gif) no-repeat left 0px; /*custom bullet list image*/
  text-decoration: none;
  font-weight: normal;
  padding: 0px 0px 0px 14px;

}

/* =================   button-home     =================*/

a.home{
    background: url(images/menu/btn_01.jpg) no-repeat top left;
    display:block;
    float:left;
    width:75px; height:40px;
}
a.home:hover{
    background-position: bottom left;
}

a.fashion{
    background: url(images/menu/btn_02.jpg) no-repeat top left;
    display:block;
    float:left;
    width:163px; height:40px;
}
a.fashion:hover{
    background-position: bottom left;
}

a.beauty{
    background: url(images/menu/btn_03.jpg) no-repeat top left;
    display:block;
    float:left;
    width:80px; height:40px;
}
a.beauty:hover{
    background-position: bottom left;
}

a.people{
    background: url(images/menu/btn_04.jpg) no-repeat top left;
    display:block;
    float:left;
    width:146px; height:40px;
}
a.people:hover{
    background-position: bottom left;
}

a.news{
    background: url(images/menu/btn_05.jpg) no-repeat top left;
    display:block;
    float:left;
    width:145px; height:40px;
}
a.news:hover{
    background-position: bottom left;
}

a.video{
    background: url(images/menu/btn_06.jpg) no-repeat top left;
    display:block;
    float:left;
    width:70px; height:40px;
}
a.video:hover{
    background-position: bottom left;
}

a.download{
    background: url(images/menu/btn_07.jpg) no-repeat top left;
    display:block;
    float:left;
    width:105px; height:40px;
}
a.download:hover{
    background-position: bottom left;
}

a.thisissue{
    background: url(images/menu/btn_08.jpg) no-repeat top left;
    display:block;
    float:left;
    width:114px; height:40px;
}
a.thisissue:hover{
    background-position: bottom left;
}

a.about{
    background: url(images/menu/btn_09.jpg) no-repeat top left;
    display:block;
    float:left;
    width:102px; height:40px;
}
a.about:hover{
    background-position: bottom left;
}

/* =================   Form Style     =================*/


.inputbox_text { 
  font-size:12px;
  color:#212121;
  background-color: #D50017; /*======= เปลี่ยนสี =====*/
  border:solid 1px #FF847F;/*======= เปลี่ยนสี =====*/
  border-top-color:#DABABD;
  border-bottom-color:#DABABD;
  width:300px;
  HEIGHT: 70px;
}


.inputbox_newsletter { 
  font-size:10px;
  color:#666666;
  background-color: #EBE8E8;
  border:solid 1px #DFDFDF;
  padding:2px 0px 2px 2px;
  width:140px;
}

.inputbox_send{
  font-size:10px;
  color:#666666;
  background-color: #EBE8E8;
  border:solid 1px #DFDFDF;
  padding:2px 0px 2px 2px;
  width:120px;
}

.inputbox_email{
  font-size:10px;
  color:#666666;
  background-color: #EBD5D7;
  border:solid 1px #DABABD;
  padding:2px 0px 2px 2px;
  width:250px;
}

.form_button{
  cursor:pointer;
  width:53px;
  border:none 1px #CBCBCB;
  color:white;
  font-weight:bold;
  font-size:12px;
  padding: 1px 4px;
  background: url(images/web/btn_bg.gif) no-repeat center left;
  height:20px;
}

.form_button2{
  cursor:pointer;
  width:120px;
  border:none 1px #CBCBCB;
  color:white;
  font-weight:bold;
  font-size:12px;
  padding: 1px 4px;
  background: url(images/web/btn_bg2.gif) no-repeat center left;
  height:20px;
}

/* =================   div     =================*/


.boxdiv{
    WIDTH: 100%;
    TEXT-ALIGN: left;
	padding:0px 0px;
}

.div_textsitemap{
    WIDTH: 100%;
    TEXT-ALIGN: left;
	padding:10px 0px 0px 3px;
}

.div_right{
    WIDTH: 320px;
    TEXT-ALIGN: left;
	padding:0px 0px 0px 0px;
	margin-right:10px;
}

.div_margintop10{
    WIDTH: 320px;
    TEXT-ALIGN: left;
	padding:0px 0px 0px 0px;
	margin-top:10px;
}

.div_books250{
    WIDTH: 250px;
	padding-right:15px; 
	background:url(images/web/showdow_books250.gif) no-repeat right top;
}

.div_dot40{
    WIDTH: 100%;
	HEIGHT: 40px;
	padding-right:0px; 
	background:url(images/web/6x40gray.gif) repeat-x right center;
}

.div_dot15{
    WIDTH: 100%;
	HEIGHT: 15px;
	padding-right:0px; 
	background:url(images/web/6x15gray.gif) repeat-x right center;
}


.div_books{
  WIDTH: 100px;
  padding:1px; 
  border:#DADADA solid 1px;
}

.div_textbooks{
  WIDTH: 120px;
  padding-top:5px;
  TEXT-ALIGN: center;
}

.div_cover{
    WIDTH: 150px;
	/*HEIGHT: 0px;*/
	TEXT-ALIGN: right;
	padding:0px 0px 0px 0px ;
}

.div_am{
    WIDTH: 150px;
	/*HEIGHT: 0px;*/
	TEXT-ALIGN: right;
	padding:0px 0px 10px 0px ;
}

.div_banner{
    WIDTH: 840px;
	HEIGHT: 90px;
	TEXT-ALIGN: left;
	padding:10px 0px 10px 10px ;
}

.div_logo{
    WIDTH: 850px;
	HEIGHT: 135px;
	TEXT-ALIGN: left;
	padding:0px 0px 0px 0px ;
}

.div_flash{
    WIDTH: 640px;
	TEXT-ALIGN: left;
	background-color:#D50017; /*======= เปลี่ยนสี =====*/
	padding:10px 10px 10px 10px;
	/*margin-top:10px; */
}
.div_content660{
    WIDTH: 660px;
	TEXT-ALIGN: left;
	padding:0px 0px 0px 0px ;
}

.div_content650{
    WIDTH: 650px;
	TEXT-ALIGN: left;
	padding:0px 0px 0px 10px;
    margin-bottom:10px;
}

.div_colum660{
    WIDTH: 640px;
	TEXT-ALIGN: left;
	background-color:#D50017; /*======= เปลี่ยนสี =====*/
	padding:0px 10px 10px 10px;
	margin-bottom:10px;
}

.div_columslide{
    WIDTH: 640px;
	TEXT-ALIGN: left;
	background-color:#FFFFFF;
	border:#DADADA solid 1px;
	padding:10px 9px 10px 9px;
	margin-top:0px;
}
.div_textslide{
    WIDTH: 145;
    TEXT-ALIGN: left;
	padding:5px 5px 0px 0px;
}

.div_shawdowslide{
    WIDTH: 660px;
	padding-bottom:30px; 
	background:url(images/web/showdow-slide.gif) no-repeat left bottom;
}

.div_sitemap{
    WIDTH: 978px;
	TEXT-ALIGN: left;
	background-color:#F5F5F5;
	border:#DADADA solid 1px;
	padding:10px 10px 15px 10px;
	margin-top:10px;
}

.div_newsletter{
    WIDTH: 978px;
	TEXT-ALIGN: left;
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
}

.div_copyright{
    WIDTH: 980px;
	TEXT-ALIGN: center;
	background-color:#FFFFFF;
	padding:0px 10px 10px 10px;
	margin-top:10px;
}

.div_invideo{
    WIDTH: 280;
	background-color: none;
	TEXT-ALIGN: center;
	padding:0px 20px 0px 20px;
}

.bg_praewmove{
    WIDTH: 260px;
	HEIGHT: 170px;
	TEXT-ALIGN: left;
    background:url(images/web/bg_praewmove.jpg);
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    background-position:left top;
	padding:110px 40px 60px 30px;
}

.bg_video{
    WIDTH: 320px;
	TEXT-ALIGN: left;
    background:url(images/web/bg_video_index.gif);
    /*background-attachment:fixed;*/
    background-repeat:repeat-y;
	padding:0px 0px 0px 0px;
}

.div_bgpoll{
    WIDTH: 314px;
	background:url(images/web/bg_poll.gif);
	background-repeat:repeat-y;
	padding:0px 3px 0px 3px;
	margin-top:15px;
}

.div_linearpoll{
    WIDTH: 294px;
	background:url(images/web/bg-poll-linaer.gif);
	background-repeat:repeat-x;
	padding:10px 10px;
}

.div_right320{
    WIDTH: 320px;
    TEXT-ALIGN: left;
	padding:0px 0px 0px 0px;
	margin-top:15px;
}

.div_subscribe{
    WIDTH: 312px;
	TEXT-ALIGN: left;
	background-color:#D50017; /*======= เปลี่ยนสี =====*/
	border:#FF847F solid 2px; /*======= เปลี่ยนสี =====*/
	padding:2px 2px;
}

.div_subscribe_top{
    WIDTH: 320px;
	HEIGHT: 30px;
	TEXT-ALIGN: left;
    background:url(images/web/subscribe-topraew.gif);
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    background-position:left top;
	padding:0px 0px 0px 0px;
}


.bg_title{
    WIDTH: 650px;
	HEIGHT: 24px;
	TEXT-ALIGN: left;
    background:url(images/web/bg-title.gif);
    background-repeat:repeat-x;
	padding:5px 0px 1px 0px;
	border-top:#D3D3D3 solid 1px;
	border-bottom:#D50017 solid 1px; /*======= เปลี่ยนสี =====*/
}

.bg_subtitle{
    WIDTH: 650px;
	HEIGHT: 16px;
	TEXT-ALIGN: left;
    background:url(images/web/bg-subtitle.gif);
    background-repeat:repeat-x;
	padding:3px 0px 1px 0px;
	border-top:#D3D3D3 solid 1px;
	border-bottom:#D50017 solid 1px; /*======= เปลี่ยนสี =====*/
}


.div_shawdowfashion{
    WIDTH: 650px;
	padding-bottom:10px; 
	background:url(images/web/shadow-pic-s.gif) repeat-x left bottom;
}

.div_fashion{
    WIDTH: 628px;
    TEXT-ALIGN: left;
	padding:10px 10px 30px 10px;
	border:#DADADA solid 1px;
}

.div_fashion_pic{
    WIDTH: 147px;
    TEXT-ALIGN: left;
	padding:3px 3px 15px 3px;
	border:#DADADA solid 1px;
}

.div_shawdowfashion_s{
    WIDTH: 155px;
	padding-bottom:10px; 
	background:url(images/web/shadow-pic-s.gif) repeat-x left bottom;
}

.div_shawdowmovie{
    WIDTH: 134px;
	padding-bottom:10px; 
	background:url(images/web/shadow-pic-s.gif) repeat-x left bottom;
}
.div_shawdowmovie_pic{
    WIDTH: 134px;
    TEXT-ALIGN: left;
	padding:3px 3px 15px 3px;
	border:#DADADA solid 1px;
}
.div_shawdowmovie_poster{
    WIDTH: 390px;
    TEXT-ALIGN: left;
	padding:3px 3px 15px 3px;
	border:#DADADA solid 1px;
}

.div_shawdowvideo{
    WIDTH: 480px;
	padding-bottom:30px; 
	background:url(images/web/shadow-mag2.gif) repeat-x left bottom;
}

.div_video_s{
    WIDTH: 155px;
	padding-bottom:10px; 
	background:url(images/web/shadow-pic-s.gif) repeat-x left bottom;
}

.div_video_pic{
    WIDTH: 153px;
    TEXT-ALIGN: left;
	padding:0px 0px 0px 0px;
	background-color:#EEEEEE;
	border:#DADADA solid 1px;
}

.div_video_padding10{
    WIDTH: 133px;
    TEXT-ALIGN: left;
	padding:10px 10px 10px 10px;
}

.div_text_video{
    WIDTH: 152px;
	height:404px;
    TEXT-ALIGN: left;
	border:#DADADA solid 1px;
	padding:3px 3px;
	background:url(images/web/bg-video-text.gif) repeat-x left top;
}

.pic_border{
  border:#999999 solid 1px;
}
.div_pic_news{
  WIDTH: 100px;
  padding-bottom:10px; 
  background:url(images/web/shadow-pic-s.gif) repeat-x left bottom;
}

.div_pic_s{
  WIDTH: 145px;
  border:#999999 solid 1px;
}

.div_pic{
  WIDTH: 145px;
  padding-bottom:10px; 
  background:url(images/web/shadow-pic-s.gif) repeat-x left bottom;
}

.div_shawdow650{
    WIDTH: 650px;
	padding-bottom:10px; 
	background:url(images/web/shadow-pic-s.gif) repeat-x left bottom;
}
.div_shawdow{
    WIDTH: 100%;
	padding-bottom:10px; 
	background:url(images/web/shadow-pic-s.gif) repeat-x left bottom;
}

.div_charity{
    WIDTH: 314px;
    TEXT-ALIGN: left;
	background:url(images/web/bg_poll.gif);
	background-repeat:repeat-y;
	padding:0px 3px 0px 3px;
}

.div_board{
    WIDTH: 644px;
    TEXT-ALIGN: left;
	background:url(images/web/bg_dotboard.gif);
	background-repeat:repeat-y;
	padding:0px 3px 0px 3px;
}

.div_contact{
    WIDTH: 624px;
	TEXT-ALIGN: left;
    background:url(images/web/bg-contact.gif);
    background-repeat:repeat-x;
    background-position:left top;
	padding:10px 10px 10px 10px;
}

.div_link{
    WIDTH: 626px;
	TEXT-ALIGN: left;
    background:url(images/web/bg-contact.gif);
    background-repeat:repeat-x;
    background-position:left top;
	padding:10px 9px 10px 9px;
}


/* =================   Menu Style     =================*/

.buttonmenu{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 138px;
}
.buttonmenu li a{
  font-size: 12px;
  color: #3D5698;
  display: block;
  width: 138px;
  padding-left: 10px; /*link text is indented 19px*/
  text-decoration: none;
  font-weight: bold;
  /*border-bottom: 1px dotted #dadada;*/
  background: url(images/web/arrow_blue.gif) no-repeat left 5px; /*custom bullet list image*/
  /*border-color:#FFFFFF #FFFFFF #DADADA #FFFFFF;*/ /*light dark dark light*/
  /*background-color: #FFFFFF;*/
  padding-right: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
.buttonmenu li a:visited{
  color: #3D5698;  
  font-size: 12px;
  font-weight: bold;
}
.buttonmenu li a:hover, .buttonmenu li a:active{
  color: #FFFFFF;  
  font-size: 12px;
  font-weight: bold;
  background: url(images/web/arrow_write.gif) no-repeat left 5px; /*custom bullet list image*/
  background-color: #597BBE;
}


/* =================   number page     =================*/

a {
	font-size: 12px;
}
.pagination{
   padding: 2px;
}
.pagination ul{
   margin: 0;
   padding: 0;
   text-align: left; /*Set to "right" to right align pagination interface*/
   font-size: 12px;
}
.pagination li{
   list-style-type: none;
   display: inline;
   padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
   padding: 0 5px;
   border: 1px solid #DADADA;
   text-decoration: none; 
   color: #000000;   /* ===   color     ===*/
}
.pagination a:hover, .pagination a:active{
   border: 1px solid #212121;
   color: #FFFFFF;
   background-color: #F7941D;
}
.pagination a.currentpage{
   background-color: #D50017;  /* ===   color     ===*/
   color: #FFF !important;
   border-color: #000000;
   font-weight: bold;
   cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
   background-color: #F7941D;
   cursor: default;
   color: #212121;
   border-color: #000000;
   font-weight: normal !important;
}
.pagination a.prevnext{
   font-weight: normal;
   color: #000000;
}

/*========================= edit 1 ========================*/

.line10
{
    width:10px;
    height:340px;
    background-color:#D50017;/*======= เปลี่ยนสี =====*/
}

.line_head
{
    background-color:#D50017;/*======= เปลี่ยนสี =====*/
}

.bg_subscription
{
    background: url(images/web/subscribe-topraew.gif);
    width:320px;
    height:30px;
}

.slide_left
{
    background: url(images/web/arrow-slide-L.gif) no-repeat;
    width:30px;
    height:165px;
}

.slide_right
{
    background: url(images/web/arrow-slide-R.gif) no-repeat;
    width:30px;
    height:165px;
}

.onthemove{
  color: #212121;
  font-size:12px;
  text-decoration: none;
  background: url(images/web/icon-news.gif) no-repeat left 0px; /*custom bullet list image*/
  padding-left: 14px; 
  font-weight: normal;
  padding-right: 0;
}


/*========================= edit 2 ========================*/

.editor_blogs{
    WIDTH: 230px;
	HEIGHT: 205px;
	TEXT-ALIGN: left middle;
    background:url(images/web/bg-blogs.jpg);
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    background-position:left top;
	padding:20px 45px 0px 375px;
}

.fashion_blogs{
    WIDTH: 230px;
	HEIGHT: 160px;
	TEXT-ALIGN: left;
    background:url(images/web/bg-blogs-fashion.jpg);
    background-repeat:no-repeat;
    background-position:left top;
	padding:65px 45px 0px 375px;
}

.blogs_q{
    WIDTH: 290px;
	TEXT-ALIGN: left;
	background-color:#D0E9F4;
    background:url(images/web/bg-blogs-qa1.gif);
    background-repeat:no-repeat;
    background-position:left top;
	padding:10px 10px 10px 10px;
}

.blogs_a{
    WIDTH: 320px;
	TEXT-ALIGN: left;
	background-color:#FBAF5D;
    background:url(images/web/bg-blogs-qa2.gif);
    background-repeat:no-repeat;
    background-position:right bottom;
	padding:10px 10px 10px 10px;
}

.books_box{
    WIDTH: 197px;
	TEXT-ALIGN: left;
	padding:5px 5px 5px 5px;
	border:1px dashed #818181;
}

.books_boxtext{
    WIDTH: 197px;
	TEXT-ALIGN: left;
	background-color:#F5F5F5;
	padding:5px 5px 5px 5px;
	border:1px dashed #818181;
	margin-top:5px;
}

.div_right180{
    WIDTH: 180px;
    TEXT-ALIGN: left;
	padding:0px 0px 0px 0px;
	margin-bottom:15px;
}

.div_content810{
    WIDTH: 810px;
	TEXT-ALIGN: left;
	padding:0px 0px 20px 0px ;
}

.div_shawdowparty{
    WIDTH: 320px;
	padding-bottom:10px; 
	background:url(images/web/shadow-pic-s.gif) repeat-x left bottom;
}

.party_boxtext{
    WIDTH: 308px;
	TEXT-ALIGN: left;
	background-color:#F5F5F5;
	padding:5px 5px 5px 5px;
	border:1px dashed #818181;
}

.party_title{
    WIDTH: 310px;
	/*height:18px;*/
	TEXT-ALIGN: left;
	background-color:#212121;
	padding:2px 5px 2px 5px;
}

/*========================= edit 3 ========================*/

.fashion_PicBlogs{
    WIDTH: 650px;
	TEXT-ALIGN: left;
    background:url(images/web/fashion-blogs.jpg);
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    background-position:left top;
	padding:0px 0px 0px 0px;
}

.blogs_QAFashion{
    WIDTH: 316px;
	TEXT-ALIGN: left;
	background-color:#F8C735;
	background:url(images/web/bg-blogs-QA.gif);
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    background-position:right bottom;
	border:5px solid #F26522;
	padding:5px 5px 5px 5px;
}

.blogs_QABeauty{
    WIDTH: 316px;
	TEXT-ALIGN: left;
	background-color:#D0E9F4;
	background:url(images/web/bg-blogs-2.gif);
    background-repeat:no-repeat;
    background-position:right bottom;
	border:5px solid #0054A5;
	padding:5px 5px 5px 5px;
}

/*========================= edit 4 ========================*/

.Blogs_100{
    WIDTH: 100%;
	TEXT-ALIGN: left;
	padding:0px 0px 0px 0px;
	margin-top:15px;
}


.Blogs_left230{
    WIDTH: 230px;
	TEXT-ALIGN: left;
	padding:0px 10px 0px 0px;
	margin-bottom:15px;
}

.Blogs_rigth410{
    WIDTH: 410px;
	TEXT-ALIGN: left;
	padding:0px 0px 0px 0px;
}

.Blogs_rigth400{
    WIDTH: 394px;
	TEXT-ALIGN: left;
	border:3px solid #CC0008;
	padding:0px 0px 0px 0px;
}

.PicBlogs_left{
    WIDTH: 240px;
	HEIGHT: 520px;
	TEXT-ALIGN: left;
    background:url(images/web/pic-fashion-blogs.jpg);
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    background-position:left top;
	padding:0px 0px 0px 0px;
}

.PicBlogs_rigth{
    WIDTH: 410px;
	HEIGHT: 275px;
	TEXT-ALIGN: left;
    background:url(images/web/pic-fashion-blogs2.jpg);
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    background-position:left top;
	padding:0px 0px 0px 0px;
}

.Blogs_talk{
    WIDTH: 394px;
	HEIGHT: 87px;
	TEXT-ALIGN: left;
    background:url(images/web/title-fashion-blogs.jpg);
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    background-position:left top;
}

.div_shawdow400{
    WIDTH: 400px;
	padding-bottom:30px; 
	background:url(images/web/showdow-slide.gif) repeat-x left bottom;
}

.bg_subblogs{
    WIDTH: 230px;
	HEIGHT: 16px;
	TEXT-ALIGN: left;
    background:url(images/web/bg-subtitle.gif);
    background-repeat:repeat-x;
	padding:3px 0px 1px 0px;
	border-top:#D3D3D3 solid 1px;
	border-bottom:#D50017 solid 1px; /*======= เปลี่ยนสี =====*/
}

.blogsQA_Fashion{
    WIDTH: 316px;
	TEXT-ALIGN: left;
	background-color:#F8C735;
	background:url(images/web/bg-blogs-QA.gif);
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    background-position:right bottom;
	border:5px solid #F26522;
	padding:5px 5px 5px 5px;
}