@charset "utf-8";
/* CSS Document */

#tracking_check{}
#tracking_check label{width:150px; font-size:14px;}


/* HOW TO BUY PAGE */
#howtobuy_page img{padding:5px; border:1px solid #ddd; margin:5px 0 30px 50px; clear:both; width:65%;}
#howtobuy_page #howtobuy_addr{padding:10px 0 0px 40px; font-size:13px; }
#howtobuy_page #step_5{padding:0 0 0 40px; font-size:13px;}
#howtobuy_page .warning{color:#A30609;}


/* HOW TO PAY PAGE */
#howtopay_page .h_section{margin-top:20px !important; clear:both; float:left;}
#howtopay_tbl img{width:20px; margin:5px 0 0 0;}
#howtopay_tbl thead tr{background:#7989C4; color:#fff;}
#howtopay_tbl thead td{ padding:10px 0; text-align:center;}
#howtopay_page #howtobuy_addr{padding:10px 0 0 0;}
#howtopay_page .warning{color:#A30609;}
#howtopay_page .warning a{color:#A30609; text-decoration:underline;}


/*HOW TO SHIP PAGE*/
#howtopay_page #credit_tbl{}
#howtopay_page #credit_tbl img{height:22px; margin-top:2px;}
#howtopay_page #credit_tbl{margin:0 0 20px 0;}
#howtopay_page #credit_tbl thead tr{background:#7989C4; color:#fff;}
#howtopay_page #credit_tbl thead td{padding:10px 0; text-align:center;}


/* FranchiseApp 2*/
#franchise_app2 .h_page{border:none !important; font-size:17px;}
#tbl_franchiseapp{border:1px solid #ccc; clear:both; float:left; width:99.5%; background:#FDFDFD;}
#tbl_franchiseapp p{padding:1px 0px; margin:0;}
#tbl_franchiseapp b{float:left; text-align:center; padding:0 5px 0 8px; line-height:25px;}
#tbl_franchiseapp b.lb{float:left; color:#000; font-size:13px; text-align:left;}
#tbl_franchiseapp .label{color:#000; padding:10px 4% 10px 2%; width:26%; text-align:right; clear:both; float:left; height:100%;}
#tbl_franchiseapp .label,#tbl_franchiseapp b.lb{color:#4E0002; font-size:14px;}
#tbl_franchiseapp .td_right{width:65%; float:left; padding:10px 0;}
#tbl_franchiseapp .txt_2{width:115px;}
#tbl_franchiseapp font{float:left; line-height:30px;}
#tbl_franchiseapp .select_sp{padding:5px 0 0 0; background:#FCE596; width:100%; margin:5px 0 0 0;}
#tbl_franchiseapp .thead{background:#005da5; margin-bottom:10px; color:#fff; padding:10px 0; font-size:15px; text-align:center;}
#form_agree input[type=submit]{margin:20px 0 10px 0; clear:both; width:250px;}
#tbl_franchiseapp .multi_lb{padding-top:0; padding-bottom:20px;}
#tbl_franchiseapp .multi_lb2{padding-top:0; padding-bottom:10px;}

#form_agree{padding:15px 0;}
.none_border{border:none;}


/* FranchiseApp2SendMail */
#fcApp2Mail table{}
#fcApp2Mail input[type=submit]{margin:20px 0;}
#fcApp2Mail #tbl_sendmail2 td{padding:7px 10px;}



@media only screen and (max-width:767px){
	/* HOW TO BUY PAGE */
	#howtobuy_page img{width:80%; margin:5px 0 20px 20px;}	
	#howtobuy_addr{padding:10px 0 0px 20px;}
	#howtobuy_page #step_5{padding:0 0 0 20px;}
	
	
	/* HOW TO PAY PAGE */
	table#howtopay_tbl, #howtopay_tbl thead, #howtopay_tbl tbody, #howtopay_tbl th, #howtopay_tbl td, #howtopay_tbl tr { display: block; }
	table#howtopay_tbl{width:100%;}
	#howtopay_tbl thead tr {display:none;}

	#howtopay_tbl{border-top:1px solid #ccc; border-right:1px solid #ccc; margin:0 0 15px 0;}
	#howtopay_tbl td { 
		border: none; text-align:left;
		border-bottom: 1px solid #ccc; 
		position: relative; z-index:10;
		padding-left: 50%; width:50%; overflow:hidden;
		padding-top:5px; padding-bottom:5px;
	}
	
	#howtopay_tbl td:before { 
		background:#7989C4;
		position: absolute;
		height:100%; line-height:15px;
		top: 0px; color:#fff;
		left: 0px; z-index:10;
		width: 35%; font-size:13px !important;
		padding:5px 10px 5px 30px; 
		white-space: nowrap;
	}
	#howtopay_tbl td:nth-of-type(1):before {content:"ธนาคาร";}
	#howtopay_tbl td:nth-of-type(2):before {content:"สาขา";}
	#howtopay_tbl td:nth-of-type(3):before {content:"ชื่อบัญชี";}
	#howtopay_tbl td:nth-of-type(4):before {content:"เลขที่บัญชี";}
	#howtopay_tbl td:nth-of-type(5):before {content:"ประเภท";}
	
	#howtopay_tbl tr:nth-of-type(1) td:nth-of-type(1):after{content:"กรุงเทพ";}
	#howtopay_tbl tr:nth-of-type(2) td:nth-of-type(1):after{content:"กสิกร";}
	#howtopay_tbl tr:nth-of-type(3) td:nth-of-type(1):after{content:"กรุงไทย";}
	#howtopay_tbl tr:nth-of-type(4) td:nth-of-type(1):after{content:"ไทยพาณิชย์";}
	
	#howtopay_tbl td:first-child{background:#404040;}
	#howtopay_tbl td:first-child:before{background:#404040; border-right:1px solid #fff; line-height:25px;}
	#howtopay_tbl tr td:nth-of-type(1):after{color:#fff; position:relative; top:-7px;}
	
	
	/* Franchise Application */
	
	
	
	/* Franchise App2 */
	#franchise_app2 .h_page{font-size:14px; padding:0 3px;}
	.txt_margin{margin-top:5px;}
	#tbl_franchiseapp .label{}
	#tbl_franchiseapp .label,#tbl_franchiseapp b.lb{font-size:11px; color:#4E0002; text-align:right; padding-right:4%; width:36%; line-height:26px;}
	#tbl_franchiseapp .td_right{width:58%;}
	#tbl_franchiseapp b.lb{clear:both; float:left; padding-left:2%;}
	.txt_1, .txt_2, .txt_3, .txt_short{width:260px;}
	.select_1, .select_2, .select_3{width:275px;}
	#cusLane{margin-top:10px;}
	#tbl_franchiseapp .thead{font-size:12px;}
	input[type=file]{width:95%; float:left;}
	#tbl_franchiseapp .multi_lb{padding-top:0; padding-bottom:5px;}
	#tbl_franchiseapp .multi_lb2{padding-top:10px; padding-bottom:12px;}
	
	
	/* FranchiseApp2SendMail */
	#fcApp2Mail table{width:100%;}

}

@media only screen and (max-width:479px){
	.txt_1, .txt_2, .txt_3, .txt_short{width:150px;}	
	.select_1, .select_2, .select_3{width:165px;}
	.add_field{clear:both; float:left;}
	
}