<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#contenttab1 pre {
    display:block;
    padding:0px;
    margin:0px;
    font-size:inherit;
    line-height:none;
    color:inherit;
    word-break:normal;
    word-wrap:normal;
    background-color:transparent;
    border:none;
    border-radius:0px;
}

#mask {
	cursor:not-allowed;
}

.clear {
	clear:both;	
}

.BoxCanUpDown {
	margin-bottom:30px;	
}

.NoMarginBottom {
	margin-bottom:0px;
}

#div_SaveTask {
	display:none;	
}

.inputstyle {
	border: 1px solid #cccccc;
	padding: 3px;
	font-size: 13px;
}

.inputstyle:hover {
	border: 1px solid #b9b9b9;
	-moz-box-shadow: inset 0 0 2px 2px #f5f5f5;
	-webkit-box-shadow: inset 0 0 2px 2px#f5f5f5;
	box-shadow: inset 0 0 2px 2px #f5f5f5;
}

.inputstyle:focus {
	border: 1px solid #7ec3f9;
	/* background-color: #EBF2F4; */
	-moz-box-shadow: inset 0 0 2px 2px #eeefef;
	-webkit-box-shadow: inset 0 0 2px 2px#eeefef;
	box-shadow: inset 0 0 2px 2px #eeefef;	
}

.inputstyle2 {
	border: 1px solid #cccccc;
	font-family:Tahoma;
	font-size: 12px;
}

.inputstyle2:hover {
	border: 1px solid #b9b9b9;
	-moz-box-shadow: inset 0 0 2px 2px #f5f5f5;
	-webkit-box-shadow: inset 0 0 2px 2px#f5f5f5;
	box-shadow: inset 0 0 2px 2px #f5f5f5;
}

.inputstyle2:focus {
	border: 1px solid #7ec3f9;
	/* background-color: #EBF2F4; */
	-moz-box-shadow: inset 0 0 2px 2px #eeefef;
	-webkit-box-shadow: inset 0 0 2px 2px#eeefef;
	box-shadow: inset 0 0 2px 2px #eeefef;	
}

.swatchImg {
	max-width:120px;
	max-height:120px;
}

#ChatButtonBottom {
	position: fixed;
	z-index: 999;
	bottom: 0px;
	right: 0px;
	width: 166px;
	height: 40px;
}

.ChatOnline {
	background: url(../../template/0000/images/chat/bttn_chat.png);
	cursor:pointer;
}

.ChatOffline {
	background: url(../../template/0000/images/chat/bttn_chat_off.png);
	cursor:pointer;
}

#bttn_EditFrontStore {
	cursor:pointer;
	position:fixed; left:0px; top:50px;
	z-index:990;
}

#bttn_EditBackStore {
	cursor:pointer;
	position:fixed; left:0px; top:120px;
	z-index:990;
}

.theme-default .nivoSlider {
	box-shadow:none;
}

.HideBox {
	display:none;
}

.Alpha45 {
	opacity: 0.45;
	filter: alpha(opacity=45);
}

.alpha100 {
	opacity: 1;
	filter: alpha(opacity=100);
}

.alpha30 {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.AlphaBox {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.MaxCenter {
	max-width:1232px;
	margin-left:auto;
	margin-right:auto;
}

.MaxFull {
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
	margin-left:auto;
	margin-right:auto;
}

.page_content {
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
	width:100%;
}

#CartContent {
	height:700px;
}

.col4 {
  	margin-bottom:20px;
}

/*
#MainBottomCenter_Box .WriteMessageBox {
	font-size:1.1em;
}

*/

.WriteMessageBox {
	font-size:1.1em;
}

#MenuBottom_Box .WriteMessageBox {
	margin-top:10px;
}


#divDropDownMenuPdt {			/* µÑÇà¡çºàÁ¹Ù dropdown ÊÔ¹¤éÒ(ªÑèÇ¤ÃÒÇ)	*/
	position:absolute;
	z-index:1;
	visibility:hidden;
	width:100%;
}

.sharethisbox {				/* Share â´ÂµÕë(ãªéË¹éÒ pdtdetail á·¹ sharethis.... à¾ÃÒÐ sharethis ·ÓãËéË¹éÒàÇçºâËÅ´ªéÒ) */
		float:left;
		margin-right:10px;
		margin-bottom:4px;
		cursor:pointer;
}




/* Product Border Color */

.pdtborder {				
	border:#dddddd solid 1px;
}


/*--- ProductStatus - Background áµèÅÐáºº ---*/

.pdtxs {					/* Product Status Box */
	position:absolute;
	z-index:1;
	width:113px;
	height:73px;
	pointer-events: none;
	cursor:pointer;
}

/* ====================== Preorder ====================== */
.PdtStatusPreorder_00001 {
	pointer-events: none;
	background: url(../../tool/frontstore/images/pic_status/preorder/00001.png) no-repeat;
}

.PdtStatusPreorder_00002 {
	background: url(../../tool/frontstore/images/pic_status/preorder/00002.png) no-repeat;
}

.PdtStatusPreorder_00003 {
	background: url(../../tool/frontstore/images/pic_status/preorder/00003.png) no-repeat;
}

.PdtStatusPreorder_00004 {
	background: url(../../tool/frontstore/images/pic_status/preorder/00004.png) no-repeat;
}

.PdtStatusPreorder_00005 {
	background: url(../../tool/frontstore/images/pic_status/preorder/00005.png) no-repeat;
}

.PdtStatusPreorder_00006 {
	background: url(../../tool/frontstore/images/pic_status/preorder/00006.png) no-repeat;
}

.PdtStatusPreorder_00007 {
	background: url(../../tool/frontstore/images/pic_status/preorder/00007.png) no-repeat;
}

/*--- ----------------------------------------------------------------------------------------- ---*/

/* ====================== New ====================== */
/*--- 120 px ---*/
.PdtStatusNew_00001 {
	background: url(../../tool/frontstore/images/pic_status/new/00001.png) no-repeat;
}

.PdtStatusNew_00002 {
	background: url(../../tool/frontstore/images/pic_status/new/00002.png) no-repeat;
}

.PdtStatusNew_00003 {
	background: url(../../tool/frontstore/images/pic_status/new/00003.png) no-repeat;
}

.PdtStatusNew_00004 {
	background: url(../../tool/frontstore/images/pic_status/new/00004.png) no-repeat;
}

.PdtStatusNew_00005 {
	background: url(../../tool/frontstore/images/pic_status/new/00005.png) no-repeat;
}

.PdtStatusNew_00006 {
	background: url(../../tool/frontstore/images/pic_status/new/00006.png) no-repeat;
}

.PdtStatusNew_00007 {
	background: url(../../tool/frontstore/images/pic_status/new/00007.png) no-repeat;
}

.PdtStatusNew_00008 {
	background: url(../../tool/frontstore/images/pic_status/new/00008.png) no-repeat;
}

.PdtStatusNew_00009 {
	background: url(../../tool/frontstore/images/pic_status/new/00009.png) no-repeat;
}

.PdtStatusNew_00010 {
	background: url(../../tool/frontstore/images/pic_status/new/00010.png) no-repeat;
}

.PdtStatusNew_00011 {
	background: url(../../tool/frontstore/images/pic_status/new/00011.png) no-repeat;
}

/*--- ----------------------------------------------------------------------------------------- ---*/

/* ====================== Update ====================== */
/*--- 120 px ---*/
.PdtStatusUpdate_00001 {
	background: url(../../tool/frontstore/images/pic_status/update/00001.png) no-repeat;
}

.PdtStatusUpdate_00002 {
	background: url(../../tool/frontstore/images/pic_status/update/00002.png) no-repeat;
}

.PdtStatusUpdate_00003 {
	background: url(../../tool/frontstore/images/pic_status/update/00003.png) no-repeat;
}

.PdtStatusUpdate_00004 {
	background: url(../../tool/frontstore/images/pic_status/update/00004.png) no-repeat;
}

.PdtStatusUpdate_00005 {
	background: url(../../tool/frontstore/images/pic_status/update/00005.png) no-repeat;
}

.PdtStatusUpdate_00006 {
	background: url(../../tool/frontstore/images/pic_status/update/00006.png) no-repeat;
}

.PdtStatusUpdate_00007 {
	background: url(../../tool/frontstore/images/pic_status/update/00007.png) no-repeat;
}

/*--- ----------------------------------------------------------------------------------------- ---*/

/* ====================== Hot ====================== */
/*--- 120 px ---*/
.PdtStatusHot_00001 {
	background: url(../../tool/frontstore/images/pic_status/hot/00001.png) no-repeat;
}

.PdtStatusHot_00002 {
	background: url(../../tool/frontstore/images/pic_status/hot/00002.png) no-repeat;
}

.PdtStatusHot_00003 {
	background: url(../../tool/frontstore/images/pic_status/hot/00003.png) no-repeat;
}

.PdtStatusHot_00004 {
	background: url(../../tool/frontstore/images/pic_status/hot/00004.png) no-repeat;
}

.PdtStatusHot_00005 {
	background: url(../../tool/frontstore/images/pic_status/hot/00005.png) no-repeat;
}

.PdtStatusHot_00006 {
	background: url(../../tool/frontstore/images/pic_status/hot/00006.png) no-repeat;
}

.PdtStatusHot_00007 {
	background: url(../../tool/frontstore/images/pic_status/hot/00007.png) no-repeat;
}

.PdtStatusHot_00008 {
	background: url(../../tool/frontstore/images/pic_status/hot/00008.png) no-repeat;
}

.PdtStatusHot_00009 {
	background: url(../../tool/frontstore/images/pic_status/hot/00009.png) no-repeat;
}

.PdtStatusHot_00010 {
	background: url(../../tool/frontstore/images/pic_status/hot/00010.png) no-repeat;
}


/*--- ----------------------------------------------------------------------------------------- ---*/

/* ====================== Cool ====================== */
/*--- 120 px ---*/
.PdtStatusCool_00001 {
	background: url(../../tool/frontstore/images/pic_status/cool/00001.png) no-repeat;
}

.PdtStatusCool_00002 {
	background: url(../../tool/frontstore/images/pic_status/cool/00002.png) no-repeat;
}

.PdtStatusCool_00003 {
	background: url(../../tool/frontstore/images/pic_status/cool/00003.png) no-repeat;
}

.PdtStatusCool_00004 {
	background: url(../../tool/frontstore/images/pic_status/cool/00004.png) no-repeat;
}

.PdtStatusCool_00005 {
	background: url(../../tool/frontstore/images/pic_status/cool/00005.png) no-repeat;
}

.PdtStatusCool_00006 {
	background: url(../../tool/frontstore/images/pic_status/cool/00006.png) no-repeat;
}

.PdtStatusCool_00007 {
	background: url(../../tool/frontstore/images/pic_status/cool/00007.png) no-repeat;
}

/*--- ----------------------------------------------------------------------------------------- ---*/

/* ====================== Reserve ====================== */
/*--- 120 px ---*/
.PdtStatusReserve_00001 {
	background: url(../../tool/frontstore/images/pic_status/reserve/00001.png) no-repeat;
}

.PdtStatusReserve_00002 {
	background: url(../../tool/frontstore/images/pic_status/reserve/00002.png) no-repeat;
}

.PdtStatusReserve_00003 {
	background: url(../../tool/frontstore/images/pic_status/reserve/00003.png) no-repeat;
}

.PdtStatusReserve_00004 {
	background: url(../../tool/frontstore/images/pic_status/reserve/00004.png) no-repeat;
}

.PdtStatusReserve_00005 {
	background: url(../../tool/frontstore/images/pic_status/reserve/00005.png) no-repeat;
}

.PdtStatusReserve_00006 {
	background: url(../../tool/frontstore/images/pic_status/reserve/00006.png) no-repeat;
}

.PdtStatusReserve_00007 {
	background: url(../../tool/frontstore/images/pic_status/reserve/00007.png) no-repeat;
}

/*--- ----------------------------------------------------------------------------------------- ---*/

/* ====================== Instock ====================== */
/*--- 120 px ---*/
.PdtStatusInstock_00001 {
	background: url(../../tool/frontstore/images/pic_status/instock/00001.png) no-repeat;
}

.PdtStatusInstock_00002 {
	background: url(../../tool/frontstore/images/pic_status/instock/00002.png) no-repeat;
}

.PdtStatusInstock_00003 {
	background: url(../../tool/frontstore/images/pic_status/instock/00003.png) no-repeat;
}

.PdtStatusInstock_00004 {
	background: url(../../tool/frontstore/images/pic_status/instock/00004.png) no-repeat;
}

.PdtStatusInstock_00005 {
	background: url(../../tool/frontstore/images/pic_status/instock/00005.png) no-repeat;
}

.PdtStatusInstock_00006 {
	background: url(../../tool/frontstore/images/pic_status/instock/00006.png) no-repeat;
}

.PdtStatusInstock_00007 {
	background: url(../../tool/frontstore/images/pic_status/instock/00007.png) no-repeat;
}

/*--- ----------------------------------------------------------------------------------------- ---*/

/* ====================== Soldout ====================== */
/*--- 120 px ---*/
.PdtStatusSoldout_00001 {
	background: url(../../tool/frontstore/images/pic_status/soldout/00001.png) no-repeat;
}

.PdtStatusSoldout_00002 {
	background: url(../../tool/frontstore/images/pic_status/soldout/00002.png) no-repeat;
}

.PdtStatusSoldout_00003 {
	background: url(../../tool/frontstore/images/pic_status/soldout/00003.png) no-repeat;
}

.PdtStatusSoldout_00004 {
	background: url(../../tool/frontstore/images/pic_status/soldout/00004.png) no-repeat;
}

.PdtStatusSoldout_00005 {
	background: url(../../tool/frontstore/images/pic_status/soldout/00005.png) no-repeat;
}

.PdtStatusSoldout_00006 {
	background: url(../../tool/frontstore/images/pic_status/soldout/00006.png) no-repeat;
}

.PdtStatusSoldout_00007 {
	background: url(../../tool/frontstore/images/pic_status/soldout/00007.png) no-repeat;
}

.PdtStatusSoldout_00008 {
	background: url(../../tool/frontstore/images/pic_status/soldout/00008.png) no-repeat;
}

.PdtStatusSoldout_00009 {
	background: url(../../tool/frontstore/images/pic_status/soldout/00009.png) no-repeat;
}

.PdtStatusSoldout_00010 {
	background: url(../../tool/frontstore/images/pic_status/soldout/00010.png) no-repeat;
}

/*--- ----------------------------------------------------------------------------------------- ---*/

/* ====================== Soon ====================== */
/*--- 120 px ---*/
.PdtStatusSoon_00001 {
	background: url(../../tool/frontstore/images/pic_status/soon/00001.png) no-repeat;
}

.PdtStatusSoon_00002 {
	background: url(../../tool/frontstore/images/pic_status/soon/00002.png) no-repeat;
}

.PdtStatusSoon_00003 {
	background: url(../../tool/frontstore/images/pic_status/soon/00003.png) no-repeat;
}

.PdtStatusSoon_00004 {
	background: url(../../tool/frontstore/images/pic_status/soon/00004.png) no-repeat;
}

.PdtStatusSoon_00005 {
	background: url(../../tool/frontstore/images/pic_status/soon/00005.png) no-repeat;
}

.PdtStatusSoon_00006 {
	background: url(../../tool/frontstore/images/pic_status/soon/00006.png) no-repeat;
}

.PdtStatusSoon_00007 {
	background: url(../../tool/frontstore/images/pic_status/soon/00007.png) no-repeat;
}

/*--- ----------------------------------------------------------------------------------------- ---*/

/* ====================== Request ====================== */
/*--- 120 px ---*/
.PdtStatusRequest_00001 {
	background: url(../../tool/frontstore/images/pic_status/request/00001.png) no-repeat;
}

.PdtStatusRequest_00002 {
	background: url(../../tool/frontstore/images/pic_status/request/00002.png) no-repeat;
}

.PdtStatusRequest_00003 {
	background: url(../../tool/frontstore/images/pic_status/request/00003.png) no-repeat;
}

.PdtStatusRequest_00004 {
	background: url(../../tool/frontstore/images/pic_status/request/00004.png) no-repeat;
}

.PdtStatusRequest_00005 {
	background: url(../../tool/frontstore/images/pic_status/request/00005.png) no-repeat;
}

.PdtStatusRequest_00006 {
	background: url(../../tool/frontstore/images/pic_status/request/00006.png) no-repeat;
}

.PdtStatusRequest_00007 {
	background: url(../../tool/frontstore/images/pic_status/request/00007.png) no-repeat;
}

.PdtStatusRequest_00008 {
	background: url(../../tool/frontstore/images/pic_status/request/00008.png) no-repeat;
}

.PdtStatusRequest_00009 {
	background: url(../../tool/frontstore/images/pic_status/request/00009.png) no-repeat;
}

/*--- ----------------------------------------------------------------------------------------- ---*/

/* ====================== Sale ====================== */
/*--- 120 px ---*/
.PdtStatusSales_00001 {
	background: url(../../tool/frontstore/images/pic_status/sales/00001.png) no-repeat;
}

.PdtStatusSales_00002 {
	background: url(../../tool/frontstore/images/pic_status/sales/00002.png) no-repeat;
}

.PdtStatusSales_00003 {
	background: url(../../tool/frontstore/images/pic_status/sales/00003.png) no-repeat;
}

.PdtStatusSales_00004 {
	background: url(../../tool/frontstore/images/pic_status/sales/00004.png) no-repeat;
}

.PdtStatusSales_00005 {
	background: url(../../tool/frontstore/images/pic_status/sales/00005.png) no-repeat;
}

.PdtStatusSales_00006 {
	background: url(../../tool/frontstore/images/pic_status/sales/00006.png) no-repeat;
}

.PdtStatusSales_00007 {
	background: url(../../tool/frontstore/images/pic_status/sales/00007.png) no-repeat;
}

.PdtStatusSales_00008 {
	background: url(../../tool/frontstore/images/pic_status/sales/00008.png) no-repeat;
}

.PdtStatusSales_00009 {
	background: url(../../tool/frontstore/images/pic_status/sales/00009.png) no-repeat;
}

.PdtStatusSales_00010 {
	background: url(../../tool/frontstore/images/pic_status/sales/00010.png) no-repeat;
}

/*--- ----------------------------------------------------------------------------------------- ---*/





/* -------------- Sort Row (àÁ¹ÙÊÓËÃÑº´éÒ¹º¹ÊÓËÃÑºÊÔ¹¤éÒ àªè¹ àÅ×Í¡áÊ´§¨Ó¹Ç¹ÊÔ¹¤éÒ, áÊ´§áºº thumb ËÃ×Í horizontal, áÊ´§ sort µÒÁª×èÍ ËÃ×ÍÃÒ¤Ò) -------------- */
#pdtlistcontrolz {
	position:absolute;
	margin-top:-100px;
	width:100%;
}

.pdtlistcontrol {
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	border-top:#dddddd solid 1px;
	border-bottom:#dddddd dashed 1px;	
}

.pcontrol {
	float:left;
	width:300px;
	height:58px;
	line-height:58px;
}

.bttn_view_selected {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	background:#e5e5e5;
	text-align:center;
	font-size:1.1em;
	color:#555555;
}

.bttn_view {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	background:#ffffff;
	text-align:center;
	font-size:1.1em;
	color:#55555;
	transition: background-color 0.4s ease, color 0.4s ease;
	cursor:pointer;
}

.bttn_view:hover {
	color:#ff7200;
	background-color:#000000;
}

.psortby {
	display:inline-block;
	width:150px;
}


















/* -------------------- Article List -------------------- */
.icontopic {	
	font-size:1em;
}

.article_list {
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}

.article_list a {
	text-decoration:none;
}

.article_list a:visited {
	text-decoration:none;
}

.article_box {
	float:left;
	display:block;
	width:33.33%;
	/* 
	width:400px;
	height:420px;	 */
	box-sizing:border-box;
	padding:10px;
	transition: box-shadow 0.3s;
}

.article_box_r {
	width:95%;
}

.article_box:hover {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	text-decoration:none;
}

.article_box a {
	color:#555555;
	text-decoration:none;
}

.article_img {
	width:100%;
	overflow:hidden;
	margin-bottom:13px;
	text-align:center;
}

.article_img img {
	max-width:100%;
	transition: all .8s ease-in-out;
}

.article_box:hover .article_img img {
	transform: scale(1.3);
}

.article_topic {
	margin-left:auto;
	margin-right:auto;
	width:97%;
	min-height:47px;
	max-height:60px;
	overflow:hidden;
	font-family:superstoreregular,Tahoma;
	font-size:2em;
	line-height:20px;
	word-wrap:break-word;
	color:#666777;
}

.article_box:hover .article_topic {
	color:#009cff;
}

.article_smpt {
	margin-left:auto;
	margin-right:auto;
	width:97%;
	height:33px;
	overflow:hidden;
	font-family: Tahome;
	font-size:1.05em;
	color:#555555;
}

.article_smpt i {
	font-size:1.1em;
}

.iconsmpt {
	font-size:0.8em;
}

.article_data {
	margin-left:auto;
	margin-right:auto;
	width:97%;
	height:70px;
	overflow:hidden;
	font-family: Tahoma;
	word-wrap:break-word;
	font-size:14px;
	color:#555555;
}


.iconmini {	
	font-size:0.8em;
}

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

.article_box {
	width:50%;
}

}

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

.article_box {
	width:100%;
}

}




/* ----------- Article Detail Page ----------- */

#arc_l {
	float: left;
	width: 69%;
	min-height: 500px;
	margin-right: 2%;
	margin-left: 1%;
}

#arc_r {
	float:left;
	box-sizing:border-box;
	padding-right:2%;
	width:28%;
	min-height:500px;
}

#arc_path {
	width:100%;
	height:50px;
	line-height:50px;
	overflow:hidden;
	box-sizing:border-box;
	border-bottom:#cccccc dotted 1px;
}

#arc_path a {
	font-family:Tahoma;
	font-size:1.1em;
	text-decoration:none;	
	color:#555555;
}

#arc_path a:hover {
	text-decoration:underline;	
}

#arc_path i {
	margin-left: 10px;
	margin-right: 10px;
}

#arc_topic {
	width:100%;
	word-wrap:break-word;
	box-sizing:content-box;
}

#arc_topic h1 {
	display:inline-block;
	font-family: rsu,Tahome;
	font-size: 2.15em;
	color:#666666;
    margin-bottom:30px;
}

#arc_time {
	display:inline-block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
	color:#777777;	
}

#arc_time i {
	font-size:1.1em;
}

#arc_time span {
    margin-right: 50px;
}

#arc_time span:last-child {
    margin-right: 0px;
}

#arc_eidt {
	margin-top:30px;
}

#arc_content {
	width: 100%;
	padding-top: 40px;
	word-wrap: break-word;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.1em;
	padding-bottom: 50px;
}

#arc_content img {
	max-width:100%;
}

#arc_topic_likeplustwitt {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	line-height:30px;	
	color:#666666;
	font-family: superstoreregular,Tahome;
	font-size: 1.9em;
}

#arc_topic_likeplustwitt i {
	font-size: 0.7em;
}

#arc_likeplustwitt {
	padding-top:20px;
	padding-bottom:15px;	
}

#arc_suggest_box {
	width: 100%;
	padding-top: 20px;
	box-sizing: border-box;
}

#arc_suggest_topic {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color:#666666;
	font-family: rsu,Tahome;
	font-size: 1.95em;
	border-bottom:#e9e9e9 solid 5px;
}

#arc_suggest_list {
	width: 100%;
	padding-right:10px;
	overflow-x: hidden;
	padding-top: 20px;
}

#arc_suggest_list_inner {
	width: 100%;
	padding-top: 20px;
	padding-left:5px;
}

#arc_post_comment {
	margin-top:20px;	
}

#arc_comment_topic {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color:#666666;
	font-family: rsu,Tahome;
	font-size: 1.95em;
	border-bottom:#e9e9e9 solid 5px;	
}

#arc_comment_data {
	width: 100%;
	font-family:Tahoma;
	font-size:1em;
	padding-top:20px;
	padding-bottom:50px;
}

#arc_comment_add {
	width: 100%;
	padding-top:10px;
	padding-bottom:150px;
	color:#666666;
	font-family: rsu,Tahome;
	font-size: 1.7em;
	color: #25ad00;
	border-top:#cccccc dotted 1px;	
}

#arc_comment_add i {
	font-size: 0.8em;
}


/* ------------ º·¤ÇÒÁ½Ñè§¢ÇÒÁ×Í ------------ */
#arc_topic_other {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color:#666666;
	font-family: rsu,Tahome;
	font-size: 1.95em;
	border-bottom:#e9e9e9 solid 5px;
	margin-bottom:20px;
}

#arc_content_r {
	width: 100%;
	font-family: thaisansneue,Tahome;
	font-size: 1em;
	color: #555555;
	word-wrap:break-word;
	margin-bottom:20px;
}

#arc_content_r img {
	max-width:100%;
}







/* ----------- Contact Us ----------- */

#contact_box {
	text-align:center;	
}

#contact_detail {
	text-align:left;
	vertical-align:top;
	display:inline-block;
	width:48%;
	min-height:800px;
	margin:10px;
	box-sizing:border-box;
	border:#cccccc dotted 1px;
	padding:20px;
	border-radius:5px;
	margin-bottom:20px;	
}

#contact_message {
	text-align:left;
	vertical-align:top;
	display:inline-block;
	width:48%;
	min-height:800px;
	margin:10px;
	box-sizing:border-box;
	border:#cccccc dotted 1px;
	padding:20px;
	border-radius:5px;
	margin-bottom:20px;
}

.topic {
	margin-bottom:30px;
	width: 100%;
	padding-top:7px;
	padding-bottom:7px;
	font-family: rsu,Tahoma;
    font-size: 2.05em;
	color: #555555;
	border-bottom:#e9e9e9 solid 5px;	
}

.contact_content {
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
	padding-bottom:50px;
}

.contact_data {
	margin-left:50px;
	word-wrap:break-word;
}

.topicsub {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:25px;
	font-family: superstoreregular,Tahoma;
    font-size: 2em;
	color: #888888;
	border-bottom:#cccccc dotted 1px;	
}

.contact_datas {
	float:left;
	width:100%;	
	max-width:280px;
	min-height:50px;
	margin-bottom:10px;
	font-family: thaisansneue,Tahoma;
    font-size: 1.9em;
	color:#555555;
	word-wrap:break-word;
	vertical-align:middle;
}

.contact_datas img {
	padding-right:10px;	
}

.contact_datas a {
	font-family: thaisansneue,Tahoma;
    	font-size: 1.1em;
	color:#555555;
	text-decoration:none;
}

.contact_datas a:hover {
	color:#ff9600;
	text-decoration:underline;
}

.contact_datasmail {
	color:#555555;
}

.contact_datas2 {
	float:left;
	padding-left:55px;
	width:100%;
	max-width:400px;
	min-height:45px;
	margin-bottom:10px;	
	font-family: thaisansneue,Tahoma;
    font-size: 1.9em;
	color:#555555;
	word-wrap:break-word;
	vertical-align:middle;
}

.contact_datas2 a {
	font-family: thaisansneue,Tahoma;
    font-size: 1.1em;
	color:#555555;
	text-decoration:none;
}

.contact_datas2 a:hover {
	color:#ff9600;
	text-decoration:underline;
}

.logo_facebook {
	background:url(../../template/0000/images/logo_social/logo_facebook.png) no-repeat;
}

.logo_ig {
	background:url(../../template/0000/images/logo_social/logo_ig.png) no-repeat;
}

.logo_line {
	background:url(../../template/0000/images/logo_social/logo_line.png) no-repeat;
}

.logo_twitter {
	background:url(../../template/0000/images/logo_social/logo_twitter.png) no-repeat;
}

.logo_googleplus {
	background:url(../../template/0000/images/logo_social/logo_googleplus.png) no-repeat;
}

#contact_form {
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
	height:710px;
}


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

	.contact_datas {
    		font-size: 1.8em;
	}
	
}







/* ----------- How To Pay Page ----------- */

#pay_step {
	padding-bottom:20px;
}

.pay_picsbox {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.pay_picsbox div {
	max-width:100%;
}

.pay_pics {
	display:inline-block;
	padding:5px;
	box-sizing:border-box;
}

.pay_pics img {
	max-width:100%;
}

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

	.pay_pics img {
		max-width:240px;
	}
	
}

.bank_box {
	margin-top:30px;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.bank_logo {
	width:100%;
	height:50px;
	line-height:50px;
	vertical-align:middle;	
	font-family: rsu;
	font-size: 1.7em;
	color:#555555;	
}

.bank_data {
	width:100%;
	border-top:#cccccc dotted 1px;
	border-bottom:#cccccc dotted 1px;
}

.bank_datas {
	float:left;
	width:250px;
	padding-top:15px;
	padding-bottom:15px;
	font-family:Tahoma;
	font-size:1.1em;
}

#pay_form {
	width:100%;
	height:850px;
}

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

	.bank_box {
		max-width:500px;
	}
	
}

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

	.bank_box {
		max-width:250px;
	}
	
}





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

	#pay_form {
		height:970px;
	}
	
}








/* ----------- HowToDeliver ----------- */
.ship_picsbox {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.ship_picsbox div {
	max-width:100%;
}

.ship_pics {
	display:inline-block;
	padding:10px;
	box-sizing:border-box;
}

.ship_pics img {
	max-width:100%;
}

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

	.ship_pics img {
		max-width:240px;
	}
	
}









/* ----------- Track &amp; Trace ----------- */
.track_content {
	width:100%;	
}

#track_how {
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	border-bottom:#d3d3d3 solid 1px;	
	margin-bottom:30px;
}

.track_topic_sub1 {
	float:left;
	width:55%;
}

.track_topic_sub2 {
	float:left;
	width:45%;
}

#track_topic_11 {
	float:right;
	text-align:right;
	padding-top:15px;
	padding-bottom:15px;	
	width:30px;
	height:40px;
	line-height:40px;
	font-size:1.7em;
	color:#555555;	
}

#track_topic_12 {
	float:right;
	padding-top:15px;
	padding-bottom:15px;
	width:90%;
}

#track_searchbox {
	width:80%;
	height:40px;
	border:#555555 solid 3px;
	background:#ffffff;
	box-sizing:border-box;
	float:right;
}

.bttn_search_trackbox {
	width:40px;
	height:34px;
}

#bttn_search_track {
	width:40px;
	height:34px;
	text-align:center;
	font-size:1.8em;
	color:#555555;
	cursor:pointer;
}

#bttnClearSearchTrack {
	width:40px;
	height:34px;
	text-align:center;
	font-size:1.8em;
	color:#555555;
	cursor:pointer;
}

#txtSearchTrack {
	margin-left:1%;
	width:97%;
	height:34px;
	font-family:Tahoma;
	font-size:1.2em;	
	border:none;
}

#track_topic_2 {
	width:100%;
	height:70px;
	padding-top:10px;
	line-height:30px;
	vertical-align:middle;
}

#track_topic_2 a {
	font-family:rsu;
	font-size:1.6em;
	color:#555555;
	text-decoration:underline;
	padding-right:10px;
}

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

	#icon_place {
		display:none;
	}
	
}

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

	#logo_thailandpost {
		display:none;
	}
	
}

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

	.track_topic_sub1 {
		clear:both;
		width:100%;
		text-align:center;
	}
	
	#track_searchbox {
		float:none;
		margin-left:auto;
		margin-right:auto;	
	}
	
	.track_topic_sub2 {
		clear:both;
		width:100%;
	}
	
}

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

	.track_topic_sub {
		clear:both;
		width:100%;
		text-align:center;
	}
	
/*	#icon_place {
		display:inline;
	}

	#logo_thailandpost {
		display:inline;
	}*/
	
	#track_topic_11 {
		display:none;
	}
	
	#track_topic_12 {
		width:100%;
		display:inline-block;
		float:none;
		padding-top:0px;
	}
	
	#track_searchbox {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}	

	#track_topic_seperate {
		width:100%;
		clear:both;	
	}

	
}

@media only screen and (max-width:412px) {
		
	#track_topic_2 {
		height:auto;
		line-height:25px;
		padding-top:20px;
		padding-bottom:20px;
	}

	#track_topic_2 a {
		font-size:1.7em;
	}
	
}


.track_box {
	max-width: 900px;
	margin-left:auto;
	margin-right:auto;
}

.TrackContentBox_Content .track_box {
	/* max-width: 900px; */
	max-width:95%;
	margin-left:auto;
	margin-right:auto;
}

.track_data {
	width:100%;
	border-bottom:#cccccc dotted 1px;
}

.track_datas {
	float:left;
	width:300px;
	padding-top:15px;
	padding-bottom:15px;
	font-family:Tahoma;
	font-size:1.1em;
}

span.copyText {
    position: relative;
    display: inline-block;
}

textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 none transparent;
    margin: 0;
    padding: 0;
    outline: none;
    resize: none;
    overflow: hidden;
    font-family: inherit;
    font-size: 1em;
}

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

	.track_box {
		max-width:600px;
	}
	
}

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

	.track_box {
		max-width:300px;
	}
	
}











/*----- Board (021) -----*/
/* ----------- Bulletin Board At Home ----------- */
.bbhome_content {
	width:100%;	
}


.bbhome_box {
	/* max-width: 900px; */
	max-width:95%;
	margin-left: auto;
	margin-right: auto;
}

.bbhome_data {
	width:100%;
	border-bottom:#cccccc dotted 1px;
}

.bbhome_link {
	float:left;
	width:100%;
	padding-top:15px;
	padding-bottom:0px;	
}

.bbhome_link a {
	font-family:Tahoma;
	font-size:1.1em;
	font-weight:bold;
	color:#51BBB5;
	text-decoration:none;
}

.bbhome_link a:hover {
	color:#FF8A00;
}

.bbhome_datas1 {
	float: left;
	width: 180px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Tahoma;
	font-size: 1.1em;
	color:#555555;
}

.bbhome_datas2 {
	float:left;
	width:360px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:Tahoma;
	font-size:1.1em;
	color:#555555;
}

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

	.bbhome_box {
		max-width:600px;
	}
	
}

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

	.bbhome_box {
		max-width:300px;
	}
	
}




/* -------------- Board@Home áºº 2 Column ---------------- */
.bbhome_boxs {
	max-width: none;
}

.bbhome_datas {
	display:inline-block;
	margin-left:5%;
	width:45%;
	max-height:73px;
	overflow:hidden;
}

.bbhome_datas:nth-child(odd) {
	clear:left;
	margin-left:0%;
}

.bbhome_links {
	max-height:32px;
	overflow:hidden;
}

.bbhome_datas1s {
	display:none;	
}

.bbhome_datas2s {
	max-height:32px;
	overflow:hidden;
	margin-bottom:7px;
}


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

	.bbhome_datas {
		margin-left:0px;
		width:100%;
		max-height:none;
	}

	.bbhome_links {
		max-height:none;
	}
	
	.bbhome_datas1s {
		display:block;
	}
	
	.bbhome_datas2s {
		max-height:none;
	}
	
}





/* ----------- Product Category ----------- */
#pdtd_path {
	width: 100%;
	padding-top:20px;
	padding-bottom:20px;
	font-family: Tahoma;
	font-size: 1.1em;
	color: #302e2e;
	border-bottom: #dddddd solid 1px;
	margin-bottom: 10px;
}

#pdtd_path a {
	font-family:Tahoma;
	font-size:1em;
	color:#302e2e;
}

#pdtd_path span {
	font-family:Tahoma;
	font-size:1em;
	color:#eb5589;
}

#pdtcat_name {
	width:100%;
	height:70px;
	line-height:70px;
	color:#454545;
}

#pdtcat_name h1 {
	width:100%;
	height:80px;
	line-height:80px;
	font-family: rsu,Tahoma;
    font-size: 27px;
	color:#454545;
}

#pdtcat_img {
	width:100%;
}

#pdtcat_img img {
	max-width:100%;
}

#pdtcat_desc {
	width:100%;
	padding-top:15px;
	padding-bottom:20px;
	font-family:Tahoma;
	font-size:1.1em;
	word-wrap:break-word;
	border-bottom:#eeeeee solid 1px;
}

#pdtsub_topic {
	width:100%;
	height:70px;
	line-height:70px;
	
}

.icon_bullet {
	font-size:1.5em;
	padding-right:10px;
}

#pdtsub_topic h2 {
	font-family: rsu,Tahoma;
    font-size: 1.7em;
	color:#454545;
	display:inline-block;
}

#pdtsub_all {
	width:100%;
	padding-bottom:40px;
}

#pdtsub_all a {
	text-decoration:none;
}


#pdtsub_all a:visited {
	text-decoration:none;
}

.pdtsub_box {
	float:left;
	width:48%;	
	margin-right:2%;
	margin-bottom:20px;
	box-sizing:border-box;
	padding:10px;
	border:#dddddd solid 1px;
	transition: box-shadow 0.3s;
}

.pdtsub_box a {
	text-decoration:none;
}

.pdtsub_box:hover {
	border:#ffffff solid 1px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	text-decoration:none;
}

.pdtsub_img {
	width:100%;
	overflow:hidden;	
}

.pdtsub_img img {
	max-width:100%;
	transition: all .5s ease-in-out;
}

.pdtsub_box:hover .pdtsub_img img {
	transform: scale(1.3);
}

.pdtsub_name {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding-top: 7px;
	padding-bottom: 7px;
	word-wrap: break-word;
	font-family: rsu,Tahoma;
    font-size: 1.7em;
	color: #454545;
}

.pdtsub_desc {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	font-family: Tahoma;
	font-size: 1.1em;
	word-wrap: break-word;
	color: #454545;
	height: 60px;
	overflow: hidden;
}

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

.pdtsub_box {
	clear:both;
	width:100%;	
}

.span_totalpage {
	display:none
}
.button_page_previous {
	display:none
}
.button_page_previous_end {
	display:none
}
.button_page_next {
	display:none
}
.button_page_next_end {
	display:none
}

}







/* -------------------- Paging -------------------- */
/* -------------- Paging -------------- */
		.span_totalpage {
			display:inline-block;
			vertical-align:middle;
			margin-left:10px;
			margin-right:15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#808080;
		}	
	
		.button_page_selected {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#ff553a;
			background:#e5e5e5;
			
			
		}
	
		.button_page {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#555555;
			text-decoration:none;
			background:#f5f5f5;
			
			cursor:pointer;
			transition: background-color 0.4s ease, color 0.4s ease;
		}
		
		.button_page:hover {
			color:#ffffff;
			background-color:#000000;
			text-decoration:none;
		}
		
		.button_page_previous {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#555555;
			text-decoration:none;
			background:#f5f5f5;
			cursor:pointer;
			transition: background-color 0.4s ease, color 0.4s ease;
		}
		
		.button_page_previous:hover {
			color:#ffffff;
			background-color:#000000;
			text-decoration:none;
		}
		
		.button_page_previous_end {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#d9d9d9;
			text-decoration:none;
			border:#eeeeee solid 1px;
			background:#ffffff;
		}
		
		.button_page_next {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#555555;
			text-decoration:none;
			background:#f5f5f5;
			cursor:pointer;
			transition: background-color 0.4s ease, color 0.4s ease;
		}
		
		.button_page_next:hover {
			color:#ffffff;
			background-color:#000000;
			text-decoration:none;
		}
		
		.button_page_next_end {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#d9d9d9;
			text-decoration:none;		
			border:#eeeeee solid 1px;	
			background:#ffffff;
		}		
		
		.button_page_next1 {
			display:inline-block;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#555555;
			text-decoration:none;
			background:#f5f5f5;
			cursor:pointer;
			transition: background-color 0.4s ease, color 0.4s ease;
		}
		
		.button_page_next1:hover {
			color:#ffffff;
			background-color:#000000;
			text-decoration:none;
		}
		
		.span_goto {
			display:inline-block;
			height:20px;
			margin-left:20px;
			font-family::Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#808080;
		}
		
		.bttn_page_goto {
			display:inline-block;
			border:none;
			width:30px;
			height:30px;
			line-height:30px;
			text-align:center;
			color:#555555;
			background:#f5f5f5;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			cursor:pointer;
			transition: background-color 0.4s ease, color 0.4s ease;
		}
		
		.bttn_page_goto:hover {
			color:#ffffff;
			background-color:#000000;
			text-decoration:none;
		}
		
		.txt_goto {			
			display:inline-block;
			width:29px;
			height:28px;
			border:#cccccc solid 1px;	
			background:#ffffff;
			box-sizing:border-box;
		}
	
		#divLineBttn {
			width:100%;
			height:40px;
			line-height:40px;
			background:#d4f9ff;
		}
	
		#boxes { list-style-type: none; margin: 0; padding: 0; width: 100%; }
		#boxes li { 
			min-height:36px;
			line-height:normal;
			word-wrap:break-word;
			font-family:Tahoma;
			font-size:12px;
		}

		.orderable {
			background:url(../tool/images/tool_11.gif) repeat-x bottom;
		}


		/* #boxes li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; } */
		/* #boxes li span { position: absolute; margin-left: -1.3em; } */
		
		.div_paging {
			margin-top:20px;
			margin-bottom:20px;
			border-top:#dddddd dotted 1px;
			border-bottom:#dddddd dotted 1px;
			width:100%;
			padding-top:16px;
			padding-bottom:16px;
			overflow:hidden;
		}
		
		
		.div_paging a {
			color:#555555;
		}
		
		.div_paging a:visited {
			color:#555555;
		}
		
		.div_paging a:hover {
			color:#ffffff;
		}

/*
@media only screen and (max-width:529px) {

	.span_totalpage {
		display:block;
		margin-bottom:10px;
	}

	.span_gotobox {
		margin-top:10px;
		display:block;
	}

	.span_goto {
		margin-left:10px;
	}

}

*/



/* ----------- Scroll Up To Top ----------- */
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
	z-index:558;
    bottom:40px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url('../../template/0000/images/icon_top.png') no-repeat;
	transition: opacity 0.4s ease;
}

.scrollup:hover {
    opacity:0.7;
}



/* ----------- MenuTopScroll ----------- */
#mnutopscroll {
	width:100%;
	height:50px;
	line-height:50px;
	box-sizing:border-box;
	/* border-bottom:#cccccc solid 1px; */
		-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);		
	position:fixed;
	z-index:1001;
	background:#ffffff;
	overflow:hidden;
	display:none;
}

#mnutops_c {

}

.spnmenu:first-child {
	border-left:#dddddd solid 1px;
}

.spnmenu {
	position:relative;
	display:inline-block;
	height:50px;
	line-height:50px;
	font-family: Tahoma;
	font-size: 1em;
	margin: 0px !important;
	border-right:#dddddd solid 1px;
	color:#555555;
	cursor:pointer;
	/* transition: background-color 0.4s ease; */
	box-sizing:border-box;
}

.spnmenu:hover {
	/* background-color:#000000; */
	color:#00A2FF;
}

.dropdownbox {
	width:280px;
	min-height:50px;
	padding:15px;
	box-sizing:border-box;
	/* -moz-border-radius: 4px;
	border-radius: 4px; */
		-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);		
	background:#ffffff;
	z-index:556;
	display:none;
	overflow:auto;
}

.mnud_content {
	display:none;	
}

.dropdownbox ul {
	list-style:none;
	margin:0;
	padding:0;
}

.dropdownbox ul li {
	margin-left:auto;
	margin-right:auto;
	width:95%;
	height:60px;
	line-height:60px;
	overflow:hidden;
	border-bottom:#E5E5E5 solid 1px;
	font-family:rsu,Tahoma;
	font-size:1.6em;
	color:#555555;
}

.dropdownbox ul li a {
	display:block;
	padding-left:5%;
	width:100%;
	height:60px;
	font-family:rsu,Tahoma;
	font-size:1em;
	color:#555555;
	text-decoration:none;	
	box-sizing:border-box;
}

.dropdownbox ul li a:hover {
	color:#ffffff;
    background-color: #333333;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.dropdownbox ul li a i {
	padding-right:5px;
}

.submnud {
	display:block;
	padding-left:5%;
	width:100%;
	height:60px;
	font-family:thaisansneue,Tahoma;
	font-size:1.1em;
	color:#555555;
	text-decoration:none;	
	box-sizing:border-box;
	cursor:pointer;
}

.submnud:hover {
	color:#ffffff;
    background-color: #333333;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.submnud i {
	padding-right:5px;
}

.submnud img {
	padding-right:5px;
}

#SearchTextTop {
	width:70%;
	height:30px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:#e5e5e5 solid 1px;
	transition: border 0.4s ease;
}

#SearchTextTop:focus {
	border:#333333 solid 1px;
}

#SearchButtonTop {
	position:relative;
	width:70px;
	height:30px;
	background:#434444;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:none;
	color:#ffffff;
	font-size:1em;
	transition: background-color 0.4s ease;
}

#SearchButtonTop:hover {
	background-color:#ff7e00;
}


/* ---------------------- Dropdown Cart View ---------------------- */
.cartdropdown {

	min-height:200px;
	padding:10px;
	box-sizing:border-box;
	/*
		-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);	
	*/
}

.cartdd_topic {
	width:100%;
	height:30px;
	border-bottom:#dddddd solid 1px;
	font-family:Tahoma;
	font-size: 1em;
	font-weight:bold;
	color:#555555;
}

.cartdd_topic span {
	color:#0078ff;
}

.cartdd_pdtbox {
	width:100%;	
	max-height:400px;
	overflow:auto;
}

.cartdd_pdt {
	width: 100%;
	padding-top: 17px;
	padding-bottom: 17px;
	border-bottom: #dddddd solid 1px;
}

.cartdd_pdtimg {
	float: left;
	width: 80px;
	min-height:90px;
	padding-right: 12px;
	padding-bottom: 12px;
}

.cartdd_pdtimg img {
	max-width:100%;	
}

.cartdd_pdtname {
	float: left;
	padding-bottom: 10px;
	font-family: Tahoma;
	font-size: 1em;
	word-wrap: break-word;
}

.cartdd_pdtprice {
	float: left;
	width: 138px;
	padding-bottom: 10px;
	font-family: Tahoma;
	font-size: 1em;
	word-wrap: break-word;
}

.cartdd_pdtbtn {
	float:left;
	width:56px;
	height:25px;	
}

.bttncart_edit {
	float:left;
	width:25px;
	height:25px;
	line-height:25px;
	background:#aaaaaa;	
	text-align:center;
	margin-right:3px;
	color:#ffffff;
	cursor:pointer;
	transition: background-color 0.4s ease;
}

.bttncart_edit {
	float:left;
	width:25px;
	height:25px;
	line-height:25px;
	background:#aaaaaa;	
	text-align:center;
	margin-right:3px;
	color:#ffffff;
	cursor:pointer;
	transition: background-color 0.4s ease;
}

.bttncart_edit:hover {
	background-color:#444444;	
}

.castdd_price {
	width:100%;
	padding-top:17px;
	padding-bottom:20px;	
	font-family:Tahoma;
	font-size: 1em;
	font-weight:bold;
	color:#555555;
}

.castdd_checkout {
	width:100%;
}

.castdd_bttncheckout {
	margin-left:auto;
	margin-right:auto;
	width:200px;
	height:40px;
	line-height:40px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background:#555555;
	color:#ffffff;
	text-align:center;
	font-size: 1.1em;
	font-weight:bold;
	transition: background-color 0.4s ease;
	cursor:pointer;
}

.castdd_bttncheckout:hover {
	background-color:#d6644a;
}































/* -------------------- Í×è¹ æ à¾ÔèÁàµÔÁ -------------------- */

/* ----- »ØèÁ AddNew @home ----- */
.bttn_AddNewContent  {
	display:inline-block;
	margin-right:10px;
	margin-bottom:20px;
	height:40px;
	line-height:40px;
	background:#ffffff;
	border:#d7d7d7 solid 2px;
	text-align:center;
	cursor:pointer;
	color:#888888;
	font-family:thaisansneue,Tahoma;
	font-size:1.8em;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing:border-box;
	transition: background-color 0.4s ease;
}

.bttn_AddNewContent:hover {
	background-color:#555555;
	color:#ffffff;
	border:#444444 solid 2px;
}









/* ----- Ë¹éÒ Page à¾ÔèÁàµÔÁ ----- */

#PagesViewTime {
	clear:both;
	float:right;
	width:145px;
	padding-top:20px;
	font-family:Tahoma;
	font-size:12px;
	text-align:right;
	padding-bottom:5px;
	border-bottom:#aaaaaa dotted 1px;
	margin-bottom:30px;
}

.pages_viewtime {
	width: 180px;
	margin-top:50px;
	height: 40px;
	line-height: 40px;
	font-family: Tahoma;
	font-size: 14px;
	border-bottom:#e9e9e9 dotted 1px;
	margin-bottom:40px;
}

.pages_viewtime span {
	color:#ff6600;
}

#pages_comment_topic {
	width: 100%;
	margin-top:50px;
	height: 50px;
	line-height: 50px;
	font-family:rsu,Tahoma;
	font-size:1.7em;
	color: #555555;
	border-bottom:#e9e9e9 solid 5px;	
}

#pages_comment_data {
	max-width: 780px;
	font-family:Tahoma;
	font-size:1em;
	box-sizing:border-box;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:50px;
}

/* ----- Column ÊÓËÃÑºãÊè HTML ----- */
.colbox {
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}

.colbox2, .colbox3, .colbox4, .colbox5, .colbox6 {
	float:left;	
	word-wrap: break-word;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
}

.colbox2, .colbox3, .colbox4, .colbox5, .colbox6 {
	padding-left:0px;
}

.colbox2:last-child, .colbox3:last-child, .colbox4:last-child, .colbox5:last-child, .colbox6:last-child {
	padding-left:0px;
}

.colbox2 {
	width: 50%;
}

.colbox3 {
	width: 33.33%;
}

.colbox4 {
	width: 25%;
}

.colbox5 {
	width: 20%;
}

.colbox6 {
	width: 16.6667%;
}

.colbox img, .colbox2 img, .colbox3 img, .colbox4 img, .colbox5 img, .colbox6 img {
	max-width:100%;
}


.slick-slide {
    margin-left:5px;
    margin-right:5px;
}


/* --------- Slick Button --------- */
.pdtr_thumb {
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}

.pdtr_thumb .slick-list {
	padding-right:3px;
}

.slick-cloned {
	padding-top:20px;
	padding-bottom:20px;
}



/* --------- TopTitle(Resize) --------- */
@media only screen and (max-width:769px) {

	#TopTitle_1 {
		text-align:center;
	}

	#searchbox {
		margin-left:auto;
		margin-right:auto;
	}

	#CartBox {
		margin-left:auto;
		margin-right:auto;		
	}

}


/* ------------------- Banner Thumb List Small ------------------- */
.bannerthumbbox {
                text-align:center;
                margin:0px;
                padding:0px;
}

.bannerthumb {
                box-sizing:border-box;
                display:inline-block;
                margin-left:3.5px;
                margin-right:3.5px;
                margin-bottom:7px;
                cursor:pointer;
	vertical-align:top;
}

.bannerthumbtopic {
	font-family:superstoreregular;
	font-size:2.7em;	
	text-align:center;
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:solid 3px;

	color:#555555;
	border-color:#555555;
}


/* ------------------- RankBox ------------------- */
.rankbox {
                text-align:center;
                margin:0px;
                padding:0px;
}

.rankboxpdt {
                box-sizing:border-box;
                display:inline-block;
                margin-left:3.5px;
                margin-right:3.5px;
                margin-bottom:7px;
				width:19%;
                cursor:pointer;
				vertical-align:top;				
				text-align:center;
				padding:10px;
				padding-bottom:30px;
				
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}

.rankboxpdt img {
				clear:both;
                max-width:100%;
}

.rankboxpdt:nth-child(1) {
                border:#ee1d61 dotted 2px;
}

.rankboxpdt:nth-child(2) {
                border:#0988ff dotted 2px;
}

.rankboxpdt:nth-child(3) {
                border:#f09100 dotted 2px;
}

.rankboxpdt:nth-child(4) {
                border:#5fac0d dotted 2px;
}

.rankboxpdt:nth-child(5) {
                border:#959595 dotted 2px;
}

.rankboxpdt:nth-child(1):hover {
                border:#ee1d61 solid 2px;
}

.rankboxpdt:nth-child(2):hover {
                border:#0988ff solid 2px;
}

.rankboxpdt:nth-child(3):hover {
                border:#f09100 solid 2px;
}

.rankboxpdt:nth-child(4):hover {
                border:#5fac0d solid 2px;
}

.rankboxpdt:nth-child(5):hover {
                border:#959595 solid 2px;
}

.rankboxpdt img {
                margin-bottom:20px;
}

.rankboxpdt:hover, .rankboxpdt:focus, .rankboxpdt:active {
  /* box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); */
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

.rankboxtxt {
                height:58px;
				overflow:hidden;
				font-family:superstoreregular;
				font-size:1.7em;
				text-decoration:none;
				color:#444444;
}

.rankboxpdt:hover .rankboxtxt {
                text-decoration:none;
}

.ranktopic {
	font-family:superstoreregular;
	font-size:2.7em;	
	text-align:center;
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:solid 3px;

	color:#555555;
	border-color:#555555;
}


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

		.rankboxpdt {
			width:30%;
			margin-top:5px;
		}
		
		.rankboxpdt:nth-child(1) {						
						width:45.5%;
						margin-top:0px;
		}
		
		.rankboxpdt:nth-child(2) {
						width:45.5%;
						margin-top:0px;
		}

		.rankboxpdt:nth-child(3) {
						clear:left;
		}
		

}

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

		.rankboxpdt {
				width:94%;
				margin-top:5px;
		}
		
		.rankboxpdt:nth-child(1), .rankboxpdt:nth-child(2) {
				width:94%;
				margin-top:5px;
		}

}

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

		.rankboxpdt {
				width:50%;
				margin-top:5px;
		}
		
		.rankboxpdt:nth-child(1) {						
				width:94%;
				margin-top:0px;
		}
		
		.rankboxpdt:nth-child(2), .rankboxpdt:nth-child(3), .rankboxpdt:nth-child(4), .rankboxpdt:nth-child(5) {
				margin-top:5px;
				width:45.5%;
		}

		.rankboxpdt:nth-child(2), .rankboxpdt:nth-child(4) {
				clear:left;
		}

}

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

		.rankboxpdt {
				width:94%;
				margin-top:5px;
		}
		
		.rankboxpdt:nth-child(1), .rankboxpdt:nth-child(2), .rankboxpdt:nth-child(3), .rankboxpdt:nth-child(4), .rankboxpdt:nth-child(5) {
				width:94%;
				margin-top:5px;
		}

}











/* ------------------- Facebook Likebox (responsive) ------------------- */
/* 
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}



/* ------------------- Youtube (responsive) ------------------- */
/* Responsive IFRAME Embed Encoding 
   Adapts fixed pixel IFRAME sizes and makes them responsive. */


/* First, define the common wrapper elements 
   Padding-top is for the fixed height header of the embedded content */

.youtubeWrapper, .vimeoWrapper, .instagramWrapper {
    position: relative;
    padding-top: 30px; height: 0; overflow: hidden;
}


/* Set the padding-bottom for 16:9 aspect ratio video from YouTube &amp; Vimeo */ 
.youtubeWrapper, .vimeoWrapper {
    padding-bottom: 56.25%;      
}

/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper {
  padding-bottom: 120%;
}
    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ------------------- End Youtube (responsive) ------------------- */







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

#MenuTop_Mobile {
	display:block;	
}

#Template_TopMenu {
	display:none;	
}

}








/*
#mnutopscroll {
	display:none;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility:hidden;
}

.scrollup {
	display:none;
  opacity: 0;
  filter: alpha(opacity=0);
}
*/
</pre></body></html>