@charset "utf-8";
/* CSS Document */
body{ 
	padding:0; margin:0;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Tahoma, Verdana, Times New Roman;
	font-size:10px;
	}
	
a { border:0px; text-decoration:none;}	
a:hover{ text-decoration:underline;}

.hide { display: none;}

img{border:0px;}

#header{   width:995px; background-color:#151515; margin:0 auto; clear:both; }
	#logo{ width:224px; height:86px;  margin:10px auto 5px 17px!important; margin:10px 0px 5px 10px; float:left; }
	#banner_head{ width:726px; height:90px;  margin: 10px 18px 20px auto!important; margin: 10px 0px 10px 0px; float:right; }
	#search{ 	width:420px; height:20px; float:right; padding:0 0 0 60px; text-align:left;
				background:url(../images/search_06.jpg) bottom no-repeat!important; background:none; clear:both; }
	#search a{  font-size:10px; font-weight:bold; color:#FFFFFF; text-decoration:none; border:0px; }
	#search #search_box{ width:200px; height:15px; margin-top:3px; float:left; }	
	#search #text_link{ height:15px; margin-top:6px; font-size:12px;  margin-left:6px; vertical-align:text-top; float:left;}
	#flag{ width:50px; height:12px; margin:0; float:right; margin:5px 30px 0 0; text-align:right;}
	#flag img { margin-left:5px;}

	#search_form{ margin-left: 3px; padding: 2px 0px; font-size:10px; color:#999999; }
	
#navigation{ width:960px; height:45px; margin:0 auto; padding-top:5px; background-color:#2e2e2e; clear:both; text-align: center; }
	#navigation ul{ list-style: none; padding:0; margin:0; border:0;}
	#navigation li{ list-style: none; display:inline; margin:0px; padding:0; border:0;}
	#navigation img{ border:0; margin: 0; padding: 0;}
	#navigation a{ border:0; margin:0; padding: 0; text-decoration:none;}
	



#container{  width:995px; background-color:#151515; margin:0 auto; clear:both; }
	#intro_flash{ width:620px; height:290px; margin:10px 5px 5px 17px!important; margin:10px 5px 5px 10px;  float:left;  background:url(../images/slidedesk/fram.gif) top no-repeat #FFFFFF; padding:10px;}
	#intro_issue{	width:305px; height:290px; margin:10px 18px 5px auto!important;  margin:10px 10px 5px 5px;  float:right; padding-top:15px; 
				background:#333333;text-align:center;}
	#intro_issue img{ margin:0 auto;}
	#content_topic{ width:100%x; height:37px; background:url(../images/layout_18.gif); margin:10px 18px 0 17px;}
	#content_topic #content_btn, #content_page #content_btn{ width:46px; height:28px; float:right; padding:10px 10px 0 0;}
	#content_topic #content_text, #content_page #content_text{ width:250px; height:31px; float:left; padding-top:6px;}
	#content_box{ margin-left: 17px; background-color: #616161; width:100%; max-width: 960px; min-width: margin-left: auto; margin-right: auto; padding-top:18px; overflow: hidden; height: 220px;}
			.content_boxsub{ width:155px; height:220px;   padding:0 18px; color:#151515; float:left; border-right:1px solid #333333;}
			.content_boxsub hr{ margin:0; padding:0;}
			.content_topic{ width:100%; height:35px; margin-top:5px;}

			.content_detail1{ width:100%; height:70px; margin-top:10px; font-size: 11px; }/*topic1*/
			.content_detail2{ width:100%; height:62px; margin-top:5px; font-size: 11px;  }/*topic2 */	
				
			.content_detail3{ width:100%; height:50px;  margin-top:5px; font-size: 11px;  }/*topic3*/

			.content_more{ width:100%px; height:20px; text-align:right; margin-top:5px;}
			.content_more3{ width:100%px; height:10px; text-align:right; margin-top:0px; padding-top:0;}

.content_boxsub hr.grey {
	#margin-top: 30px;
}

.content_boxsub hr.grey2 {
	#margin-top: 17px; height: 1px; color: #333333;
}

hr.grey {
	height: 1px; color: #333333;
}
	#container_box{ width:730px; float:left; margin: 15px auto 10px 17px!important; margin: 15px auto 10px 10px;}
	#activity{ width:410px; height:252px; background:#666666; float:left; text-align:center;}
		#activity img{ margin:3px auto; clear:both;}
		#activity p{width:260px; line-height:16px; font-size:12px; text-align:left;float:left; margin:0px auto auto 10px;}
		#activity #reg_btn{ width:120px; float:right; margin:10px 10px auto auto;}
	
	#banner_con1{ width:301px; height:252px; float:right;}
	#banner_con2, .banner_732x90, #banner_con3{ width:732px; height:90px; margin:15px auto;}
	
	#hotdeal{width:732px; height:29px; float:left; margin:15px auto 0 auto; padding:0; text-align:center; background:url(../images/layout_33.jpg);}
		#hotdeal_box1{width:240px; height:350px; float:left; margin:5px auto 15px 0; background:url(../images/layout_40.jpg) left bottom no-repeat #333333 ;   font-size:11px;}
		#hotdeal_box2{width:240px; height:350px; float:left; margin:5px 5px 15px 5px; background:url(../images/layout_40.jpg) bottom no-repeat #333333;  font-size:11px;}
		#hotdeal_box3{width:240px; height:350px; float:right; margin:5px 0 15px auto; background:url(../images/layout_40.jpg) bottom no-repeat #333333;  font-size:11px}
		#hotdeal_box1 p{ margin:7px;} #hotdeal_box2 p{ margin:7px;} #hotdeal_box3 p{ margin:7px;;}
		#bottom, #bottom, #bottom{ background:url(../images/layout_40.jpg) no-repeat #151515; height:19px; width:240px; vertical-align:bottom;}
		

	#event{ width:732px; height:332px; float:left; margin:15px auto 0 auto; padding-top:34px;  text-align:center; background:url(../images/layout_39.jpg) no-repeat;}
	#phuket-map{ width:732px; float:left; margin:15px auto 0 auto; padding-top:34px;  text-align:center; background:url(../images/phuket-map.jpg) no-repeat ;}
		
	
	#twitter{ width:320px; height:220px; background: url(../images/latest-tweet_01.jpg) no-repeat #9FCADB; margin:15px 0 0 0; float:left; padding-top:30px;}
		#div_twitt{ margin:30px 0 0 0; color:#FFFFFF; background:#9FCADB; font-family:Tahoma, Verdana, Times New Roman;	font-size:10px;}

	#video{ width:405px; height:250px; background:#000; margin:15px 0 0 0; float:right;}

	
	
	#sidebar{ width:209px; float:right; margin:15px 18px 10px auto!important; margin:15px 10px 10px auto; vertical-align:top;}
	#side_banner{width:209px;background:url(../images/layout_27.jpg); text-align:center;}
	#side_banner img{ margin:10px auto; clear:both; }
	
	#facebook{background:#CCCCCC; margin:0 18px 10px; 0; float:right; clear:right;}

	
	
#footer{ width:975px;  height:20px; background-color:#666666; margin:0 auto; padding:2px 10px;  }
#footer img{ float:left;}
#footer #copyright{ margin:4px auto auto 10px; float:left; color:#151515; font-weight:bold; }
#footer #foot_nav{ float:right; text-align:right; margin:4px auto; color:#CCCCCC;}
#footer a{ border:0; margin:0; padding: 0; text-decoration:none; font-weight:bold; color:#CCCCCC;}

#smallbar{ width:29px; height:104px; background:url(../images/smallbar_BG.png ) no-repeat; margin:200px 0 0 0; text-align:center; padding:7px 0 0 0;
 position: fixed;}
#smallbar img{ padding:2px; }


/*Register*/
#register{ width:960px; height:auto; margin:0 auto; padding:5px 0; clear:both; font-size:14px; }

#register #regist_field{ 	background:url(../images/layout_register_th_03.jpg) no-repeat; 
							width:630px; height:auto; padding-top:20px; margin:20px auto auto 15px;
							float:left; }
							
#register #regist_field .form{ background:#999999; border:#FFFFFF solid;  border-width:1px; border-collapse:collapse; width:250px;}

#register #regist_field .column1{ margin:5px auto 5px 10px; float:left;  width:170px; text-align:right;}
#register #regist_field .column2{ margin:5px auto 5px 20px; float:left; width:300px;}

#register #regist_detail{	background: url(../images/register_en_12.jpg) no-repeat top #214174; 
							width:264px; height:auto; float:right; padding:5px 10px 5px 10px; margin:20px 15px 0 auto;}
#register #regist_detail #sub_box1{width:258px; border:#FFFFFF solid; border-width:1px; padding:2px; }
#register #regist_detail #sub_box1 #text{ width:110px!important; float:right; vertical-align:top; font-size:13px;}
#register #regist_detail #sub_box1 img{ padding:2px; float:left; width:144px;}
html>/**/body #register #regist_detail_end{ background:url(../images/register_en_16.jpg) no-repeat top!important;  background:none; vertical-align:top; width:284px; height:9px; float:right; padding:0px; margin-right:15px;}
							
#register #regist_check{ 	width:700px; height:auto; padding:20px auto; margin:20px auto; clear:both; }
#register #regist_check .radio{ width:650px;margin:20px auto; clear:both; }
#register #regist_check .radio .column1{ float:left; width:180px;  padding-left:10px;}
#register #regist_check .radio .column2{ float:left; width:180px; padding-left:20px;}
#register #regist_check .radio .column3{float:left; padding-left:20px;}


/*Content*/
#content_page{ width:960px; height:auto; margin:0 auto; padding:5px 0; clear:both; font-size:12px; }

#content_page #content_left{ width:733px; height:auto; float:left;}
#content_page #content_left #box_title{ width:100%; height:242px; background:url(../images/content/issue1/highlight_bg.jpg) no-repeat center;vertical-align:middle;}
	#box_title img{ float:left;  border:0px;}
	#box_title p{ width:420px; height:auto; float:right; padding:0px; vertical-align:middle; margin:75px 20px auto 30px; font-size:20px; display:inline; line-height:22px;}
	#box_title .high_small{ font-size:16px; font-weight:bold;}

#content_page #content_left #box_detail{ width:733px; height:auto; background:url(../images/content_bg_10.jpg) no-repeat #303030;line-height:18px; }
	#box_detail img{ float:right}
	#box_detail #para1{ width:525px; height:auto; float:left; margin:70px 8px auto 10px;}
	#box_detail #para2{ width:688px; height:auto; float:left; margin:auto 10px auto 10px;}

#content_page #con_foot_left{ width:auto; height:auto; float:left; padding-left:10px; padding-bottom:10px;text-align:left;}
#content_page #con_foot_right{ width:auto; height:auto; float:right; padding-right:10px; padding-bottom:10px; text-align:right;}
#con_foot_left a, #con_foot_right a{ color:#FFFFFF;  }

#content_page #content_topic{ width:733px; height:37px; background:url(../images/layout_18.gif); margin:20px 0 0 0;}
#content_page #content_box{ width:733px; height:220px; clear:both; background-color:#616161; margin:0 0 10px 0; padding-top:18px;}
#content_page #content_box .content_boxsub{ width:155px; height:220px;  padding:0 13px; color:#151515; float:left;border-right:1px solid #333333;}
#content_page #banner_head{ width:726px; height:90px; margin: 10px auto 10px 0px;  }

#content_page #con_sidebar{  width:209px; float:right; vertical-align:top; padding-top:10px;}


/*Content All(Thumbnail page)*/
#content_page #content_left #con_all_topic{ background:url(../images/content_all_03.jpg) no-repeat; 
	width:100%; height:auto; padding:35px auto auto auto; margin-top:10px; }
			
#content_page #content_left #con_all_topic .con_all_box1
{ 	width:175px; height:auto; margin:10px 0 0 0; background:#333333; float:left; }
#content_page #content_left #con_all_topic .con_all_box2
{ 	width:175px; height:auto; margin:10px 0 0 11px; background:#333333; float:left;}
			.con_all_box1 .con_all_topic, .con_all_box2 .con_all_topic
				{ width:165px; height:50px; padding:5px; color:#00D9A7; 
				font-weight:bold; font-size:12px}
				
			.con_all_topic a{  color:#00D9A7; }

				
			.con_all_box1 .con_all_detail, .con_all_box2 .con_all_detail
				{ width:165px; height:175px; margin:0 5px; font-size:12px; line-height:16px;	}


			
				
			.con_all_box1 .con_all_more, .con_all_box2 .con_all_more{ 
				width:165px; height:20px; text-align:right; margin:0 5px; 
				color:#6699FF; font-size:10px}
				
			.con_all_box1 .con_all_bottom, .con_all_box2 .con_all_bottom{ 
				width:100%; height:7px; background:url(../images/content/issue1/content_full_buttom_17.gif) no-repeat!important;
				 background:none;	text-align:right; }


/*Hot Deal & Event*/
.box_row{ 	width: 733px; height:170px;	text-align:left; overflow:hidden; margin:2px auto; clear:both; padding-top:10px;}
.box_row img{ width:235px; height:169px; float:left; padding:0px 30px 5px 0; border:0px; }
.box_row a{ border-width:none; color:#6699ff;}



/*E-Coupon + Activity&Games*/
#content_page #coupon{  width:100%; border-top:#6599FF solid; border-bottom:#6599FF solid; border-width:10px; font-size:14px;}
#content_page .box_row900{ width:900px; text-align:left; overflow:hidden; margin:2px auto; clear:both;}

/*Download*/
#content_left .issue_box{ width:133px; height:200px; margin:10px 13px 10px 0; float:left;}


.grayband{ width:100%; height:15px; background-color:#666666;}
.clear{ clear:both;}
.topic_white{ font-size:11px; font-weight:bold; color:#FFFFFF;}
.topic_blue{ font-weight:bold; color:#6699FF; font-size:9px;}
.topic_blue2{ font-weight:bold; color:#6699FF;}
.topic_green{ font-size:13px; font-weight:bold; color:#00D9A7;}
.topic_green2{  font-weight:bold; color:#00D9A7;}
.topic_gray{ font-weight:bold; color:#686868;font-size:11px;}
.topic_gray2{ font-weight:bold; color:#686868;}
.topic_orange{ color:#FF9934;}
.text_lightgray{  color:#CCCCCC;}
.text_blue{ color:#6699FF;}
.text_white{ color:#FFFFFF;}


 
.line1{ width:96%; height: 1px; background-color:#333333!important; background-color:none; clear:both; margin:0 auto;}
.line2{ width:90%; height: 1px; background-color:#434343!important; background-color:none; clear:both; margin:0 auto;}
.line3{ width:100%; height: 1px; background-color:#333333!important; background-color:none; clear:both; margin:0 auto;}
.line_blue{ width:100%; height:8px; background:url(../images/register_th_06.jpg) repeat-x; clear:both; margin:0 auto;}
.line_white{ width:100%; height: 1px; background-color:#FFFFFF!important; background-color:none; clear:both; margin:0 auto;}



/*IE7*/

*:first-child+html .content_boxsub p{ height:22px;   }
*:first-child+html .line1{ width:96%; height: 1px; background-color:#333333; clear:both; margin:0 auto;}
*:first-child+html  .line2{ width:90%; height: 1px; background-color:#434343; clear:both; margin:0 auto;}
*:first-child+html  .line3{ width:100%; height: 1px; background-color:#333333; clear:both; margin:0 auto;}
*:first-child+html  .line_white{ width:100%; height: 1px; background-color:#FFFFFF; clear:both; margin:0 auto;}
*:first-child+html+php  #register #regist_detail_end{ background:none; vertical-align:top; width:284px; height:9px; float:right; padding:0px; margin-right:15px;}

*:first-child+html 	.content_more3{ width:100%; height:10px; text-align:right; margin-top:0px; padding:0px;}
*:first-child+html 	.content_boxsub hr{ padding:0; }