/* --------- เนื่องจากตอนที่ย่อหน้าจอ ถ้าคนเซ็ตชื่อ "หัวข้อ topic" ใส่ข้อความยาวมาก ๆ ... พอย่อหน้าจอจนแคบ มันจะขึ้นบรรทัดใหม่ แล้วทำให้เลยเส้น bar ที่กำหนด ดูไม่ดี... เลยเพิ่ม custom css นี้ขึ้นมา เพื่อช่วยในการทำงานนี้ให้หน้าตา topic ดูดีขึ้นในขนาดหน้าจอเล็ก -------------------- */

  @media only screen and (max-width:980px) {


  	.WebTopic {
  		position:relative;
	}

	.ProductContentBox_Topic {
  		position: relative;  
  	}

  	.ArticleContentBox_Topic {
		position: relative;  
  	}

	.TrackContentBox_Topic {
		position: relative;
	}

	.BoardContentBox_Topic {
		position: relative;
	}


	.WebTopic_Name {
  		position: relative;  
	}

	.ProductContentBox_Name {
  		position: relative;  
  	}

  	.ArticleContentBox_Name {
		position: relative;
	}

	.TrackContentBox_Name {
		position: relative;
	}

	.BoardContentBox_Name {
		position: relative;
	}


	.topicbox_bttn {
		float:none;
		position:relative;
		padding-top:0px;
		margin-top:10px;
		margin-bottom:10px;
		clear:both;
		margin-left:auto;
		margin-right:auto;
	}

	#PagesViewTime {

	}
	
	
	
	
	/* -------------- เนื่องจากเมนูที่ไม่ใช่สินค้า ถ้าย่อหน้าจอ แล้วมี topicbox_bttn อยู่ จะทำให้เมนูขยาย ทั้ง ๆ ที่จริง ๆ แล้ว เมนูบาร์ส่วนอื่น ๆ ไม่จำเป็นต้องมี botton left-right จึงซ่อนไป (เพราะถ้าไม่ซ่อน จะทำให้เมนูสูงน่าเกลียด) --------- */
  	.WebTopic .topicbox_bttn {
  		display:none;
	}

  	.ArticleContentBox_Topic .topicbox_bttn {
		display:none;
  	}

	.TrackContentBox_Topic .topicbox_bttn {
		display:none;
	}

	.BoardContentBox_Topic .topicbox_bttn {
		display:none;
	}


	.ProductContentBox_Name .topicbox_bttn {
  		display:none;
  	}

  	.ArticleContentBox_Name .topicbox_bttn {
		display:none;
	}

	.TrackContentBox_Name .topicbox_bttn {
		display:none;
	}

	.BoardContentBox_Name .topicbox_bttn {
		display:none;
	}	
	

  }