@charset "utf-8";
/* -------------------   Font ------------------------------ */

@font-face {
	font-family: '2005_iannnnnSOS';
	src: url('../font/2005_iannnnnSOS/2005_iannnnnSOS.eot');
	src: local('2005_iannnnnSOS'), url('../2005_iannnnnSOS/2005_iannnnnSOS.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: '2005_iannnnnUBC';
	src: url('../font/2005_iannnnnUBC/2005_iannnnnUBC.eot');
	src: local('2005_iannnnnUBC'), url('../font/2005_iannnnnUBC/2005_iannnnnUBC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'supermarket';
	src: url('../font/supermarket/supermarket.eot');
	src: local('supermarket'), url('../font/supermarket/supermarket.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BallparkWeiner';
	src: url('../font/BALLW__.eot');
	src: local('BALLW__'), url('../font/BALLW__.TTF') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../font/MyriadPro-Regular.otf');
	src: local('MyriadPro-Regular'), url('../font/MyriadPro-Regular.otf') format('otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'JSThanaporn';
	src: url('../font/JSThanaporn/JSThanaporn-Normal.eot');
	src: local('JSThanaporn'), url('../font/JSThanaporn/JSThanaporn-Normal.ttf') format('truetype'), url('../font/JSThanaporn/JSThanaporn-Normal.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ANTQUAB';
	src: url('../font/ANTQUAB/ANTQUAB.eot');
	src: local('ANTQUAB'), url('../font/ANTQUAB/ANTQUAB.ttf') format('truetype'), url('../font/ANTQUAB/JANTQUAB.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}


.font_2005_iannnnnSOS { font-family:'2005_iannnnnSOS';line-height:16px}
.font_2005_iannnnnUBC { font-family:'2005_iannnnnUBC';line-height:16px}
.font_supermarket { font-family:'supermarket';line-height:16px; }
.font_BallparkWeiner { font-family:'BallparkWeiner';}
.font_MyriadPro_Regular { font-family:'MyriadPro-Regular';line-height:16px}
.font_JSThanaporn { font-family:'MyriadPro-Regular';line-height:16px}
.font_BookAntiqua { font-family:'ANTQUAB';line-height:16px}

/* -------------------   Font ------------------------------ */

/* CSS Document */
tr,td,th,body,caption {font-family:Arial,Tahoma,verdana;font-size:13px;color:#000000;text-decoration:none;}
input,textarea,list,select {font-family:Arial,verdana;font-size:13px;color:#000000;text-decoration:none }
/*ol , ul , li{ list-style:none; padding:0; margin:0; }*/

 a{color:#000000; text-decoration:none;}
 a:hover{color:#d7dadb; text-decoration:none;}
 
.ablue a{color:#000038; text-decoration:none;}
.ablue a:hover{color:#b3d4f1; text-decoration:none;}

.ared a{color:#c70000; text-decoration:none;}
.ared a:hover{color:#5b0202; text-decoration:none;}

.a_white a{color:#ffffff; text-decoration:none;}
.a_white a:hover{color:#f2f2f2; text-decoration:none;}

.input1{ border: solid 1px #646464; margin:0px; color:#534006;}
.input_width200{ width:200px;}
.input_width400{ width:400px;}

.body {margin:0 0 0 0 ; background:#00a9e0 url(../images/bg/bg1.jpg) repeat-x;}



.pad3{padding: 3px  3px  3px  3px;}
.pad5{padding: 5px  5px  5px  5px;}
.pad7{padding: 7px  7px  7px  7px;}
.pad{padding: 5px  10px  5px  5px;}
.pad10c{padding:0px  10px  10px 10px;}
.pad10{padding:10px  10px  10px 10px;}

.top1{padding-top: 1px;}
.top3{padding-top: 3px;}
.top5{padding-top: 5px;}
.top6{padding-top: 6px;}
.top7{padding-top: 7px;}
.top8{padding-top: 8px;}
.top10{padding-top: 10px;}
.top12{padding-top: 12px;}
.top13{padding-top: 13px;}
.top15{padding-top: 15px;}
.top18{padding-top: 18px;}
.top20{padding-top: 20px;}
.top25{padding-top: 25px;}
.top30{padding-top: 30px;}
.top35{padding-top: 35px;}
.top40{padding-top: 40px;}
.top45{padding-top: 45px;}
.top50{padding-top: 50px;}

.bottom1{padding-bottom: 1px;}
.bottom3{padding-bottom: 3px;}
.bottom5{padding-bottom: 5px;}
.bottom10{padding-bottom: 10px;}
.bottom15{padding-bottom: 15px;}
.bottom20{padding-bottom: 20px;}
.bottom25{padding-bottom: 25px;}
.bottom30{padding-bottom: 30px;}
.bottom40{padding-bottom: 40px;}

.left3{padding-left: 3px;}
.left5{padding-left: 5px;}
.left6{padding-left: 6px;}
.left7{padding-left: 7px;}
.left10{padding-left: 10px;}
.left15{padding-left: 15px;}
.left19{padding-left: 19px;}
.left20{padding-left: 20px;}
.left25{padding-left: 25px;}
.left30{padding-left: 30px;}
.left40{padding-left: 40px;}
.left50{padding-left: 50px;}
.left70{padding-left: 70px;}
.left130{padding-left: 130px;}
.left160{padding-left: 160px;}
.left180{padding-left: 180px;}

.right3{padding-right: 3px;}
.right5{padding-right: 5px;}
.right10{padding-right: 10px;}
.right20{padding-right: 20px;}
.right25{padding-right: 25px;}
.right30{padding-right: 30px;}
.right40{padding-right: 40px;}
.right50{padding-right: 50px;}
.right50{padding-right: 50px;}

.txt_bold{font-weight:bold;}
.txt_s10{font-size:10px;}
.txt_s11{font-size:11px; color:#ff9540}
.txt_11{font-size:11px;}
.txt_s12{font-size:12px;}
.txt_s13{font-size:13px;}
.txt_s14{font-size:14px;}
.txt_s16{font-size:16px;}
.txt_s18{font-size:18px;}
.txt_s20{font-size:20px;}
.txt_s22{font-size:22px;}
.txt_meriod{color:#ffffff; font-weight:bold; font-size:20px}
.txt_red{color:#d80707;}
.txt_gray1{color:#d1cfcf;}
.txt_w{color:#ffffff;}
.txt_w{color:#ffffff;}
.txt_blue1 {color:#020266;}
.txt_blue{color:#0136ae;}
.txt_black{color:#000000;}

.bg_bg1{background:url(../images/bg/main.jpg) no-repeat; height:527px}
.bg_page {background:url(../images/bg/bg_page.jpg) no-repeat;}
.bg_w {background:url(../images/bg/bg_w.png) repeat-y;}

.bd_dott {border-right:dotted 1px #cacaca;}
.bd_linebtt {border-bottom:solid 1px #cacaca;}
.bd_linetop {border-top:solid 1px #cacaca;}
.bd_solid {border:solid 1px #cacaca;}
.bd_solidright {border-right:solid 1px #cacaca;}
.bd_solidbtt {border-bottom:solid 1px #cacaca;}
.bd_dottbtt {border-bottom:dotted 1px #cacaca;}
.bd_dotttop {border-top:dotted 1px #cacaca;}



.btn_brown { border:1px solid #744425; background:#a16d48; color:#ffb400; width:80px;}
.btn_black { border:1px solid #999999; background:#333333; color:#ffffff; width:80px; height:28px;}

.title_cart{background:#333333; font-weight:bold; color:#ffffff; border-bottom:double #999999}
.title_bgcart{background:#333333; font-weight:bold; color:#ffffff; border-bottom:1 solid #999999}
.title_bgcart1{background:#333333; font-weight:bold; color:#ffffff; border-bottom:1 solid #999999}

.btn_cart {  border:1px solid #999999; background:#333333; color:#ffffff; width:80px; height:28px;font-weight:bold; height:23px; cursor:pointer;}
.btn_cart2 { background:#502503; border:none; color:#ffffff; font-weight:bold; height:23px; cursor:pointer;}

.cartbg_ligthbrown{background:#e5e5e5;}
.cartbor_img{border: solid 1px #b4cad5; padding:3px}


.boardtitle {background:#999999;color:#ffffff; font-weight:bold; font-size:12px; height:28px; border-bottom:3px double #666666;}
.board_unpin_topic {background:url(../images/icon/icon_set.png) no-repeat;background-position:-1px -50px;color:#ffffff; font-weight:bold; font-size:12px;}
.board_pin_topic {background:url(../images/icon/icon_set.png) no-repeat;background-position:-25px -50px;color:#ffffff; font-weight:bold; font-size:12px;}


.tblhidden { display:none;}
.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
