/* CSS Document */
.bxPF {
	position: relative;
	padding-top: 20px;
}
.bxPF .pfMenu {
	position: absolute;
	width: 200px;
	left: 0px;
}
.bxPF .pfMenu span {
	background-color: #03606c;
	display: block;
	padding: 20px;
	line-height: 22px;
}
.bxPF .pfMenu span .img {
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	display: block;
	width: 100%;
}
.bxPF .pfMenu span .userName {
font-size: 16px;
color: #FFF;
text-align: center;
padding-top: 10px;
line-height: 16px;
}
.bxPF .pfMenu .bxAfterPic {
	background-image: url(images/bg_dot2.png);
	padding: 10px;
	margin-bottom: 10px;
	display: none;
}
.bxPF .pfMenu .bxAfterPic a{
	color: #5e5e5e;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	background-position: center 5px;
	text-align: center;
	display: block;
	float: left;
	width: 33.33%;
	padding-top: 35px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: 20px;
}
.bxPF .pfMenu .bxAfterPic a.a1{
	background-image: url(images/ico-mb-list.png);
}
.bxPF .pfMenu .bxAfterPic a.a2{
	background-image: url(images/ico-mb-list2.png);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #5e5e5e;
	border-left-color: #5e5e5e;
}
.bxPF .pfMenu .bxAfterPic a.a3{
	background-image: url(images/ico-mb-list.png);
}
.bxPF .pfMenu .lnk {
	font-size: 16px;
	line-height: 20px;
	color: #5e5e5e;
	text-decoration: none;
	background-color: #eaeaea;
	display: block;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-bottom: 1px;
}
.bxPF .pfMenu .lnk.sel {
	font-weight: bold;
	color: #03606c;
}
.bxPF .pfMenu .clickbackmenu {
	display:none;
}
.bxPF .pfMenu.hidinmb .clickbackmenu {
	background-image: url(images/ico-arr-21-18-w.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 18px;
	width: 21px;
	cursor: pointer;
	display:block;
	top: 6px;
	left: 10px;
}
.bxPF .pfData {
	width: 100%;
	padding-left: 220px;
	color: #5e5e5e;
	line-height: 18px;
	min-height: 600px;
}
.bxPF .pfData.pfData100 {
	padding-left: 0px;
}
.bxPF .pfData h1,
.bxPF .pfData .ok ,
.bxPF .pfData .er{
	line-height:normal;
	margin-bottom: 10px;
}
.bxPF .pfData .textM{
	font-size:20px;
	line-height:22px;
}
.bxPF .tbMenu {
}
.bxPF .pfMenu .tbMenu {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
position: absolute;
top: 15px;
margin: auto;
left: 50%;
line-height: 18px;
display:none;
width:290px;
}
.bxPF .tbMenu a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,f0f0f0+100 */
	background: rgb(251,251,251); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	display: block;
	float: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #5e5e5e;
	text-decoration: none;
	position: relative;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}
.bxPF .tbMenu a:first-child {
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
}
.bxPF .tbMenu a:last-child {
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}
.bxPF .tbMenu a i {
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	font-style: normal;
	display: block;
	font-size: 14px;
	line-height: 14px;
	color: #FFF;
	position: absolute;
	top: -10px;
	right: 5px;
	height: 18px;
	min-width: 18px;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
}
.bxPF .tbMenu a i.ired {
	background: rgb(248,164,179);
	background: -moz-linear-gradient(top,  rgba(248,164,179,1) 0%, rgba(244,104,121,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,164,179,1) 0%,rgba(244,104,121,1) 100%);
	background: linear-gradient(to bottom,  rgba(248,164,179,1) 0%,rgba(244,104,121,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a4b3', endColorstr='#f46879',GradientType=0 );
	border: 1px solid #df738d;
}
.bxPF .tbMenu a i.iyellow {
	background: rgb(254,227,151);
	background: -moz-linear-gradient(top,  rgba(254,227,151,1) 0%, rgba(253,187,74,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,227,151,1) 0%,rgba(253,187,74,1) 100%);
	background: linear-gradient(to bottom,  rgba(254,227,151,1) 0%,rgba(253,187,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee397', endColorstr='#fdbb4a',GradientType=0 );
	border: 1px solid #f5b851;
}
.bxPF .tbMenu a i.iblue {
	background: rgb(193,235,249);
	background: -moz-linear-gradient(top,  rgba(193,235,249,1) 0%, rgba(113,204,241,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(193,235,249,1) 0%,rgba(113,204,241,1) 100%);
	background: linear-gradient(to bottom,  rgba(193,235,249,1) 0%,rgba(113,204,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1ebf9', endColorstr='#71ccf1',GradientType=0 );
	border: 1px solid #8cc3d7;
}
.bxPF .pfData .bxTb {
}

.bxPF .pfData .bxTbDetail {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3dae1;
	font-size: 16px;
	line-height: 18px;
}
.bxPF .pfData .bxTbDetail .img{
	display: block;
	float: left;
	width: 60px;
	margin-right: 10px;
	border: 1px solid #d3dae1;
}
.bxPF .pfData .bxTbDetail .l{
	float: left;
	width: 50%;
}
.bxPF .pfData .bxTbDetail .r{
	text-align: right;
	float: right;
	width: 50%;
	color: #03606c;
}
.bxPF .pfData .bxTbDetail .r span{
	color: #5e5e5e;
}
.bxPF .pfData .trg {
	text-align: right;
}
.bxPF .pfData .trgMb {
	font-size: 20px;
	line-height: 22px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 40px;
	padding-left: 40px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
}
.bxPF .pfData .trgMb a{
	color: #5e5e5e;
	text-align: center;
	display: block;
	float: left;
	width: 33.33%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.bxPF .pfData .trgMb a.sel{
	border-bottom-color: #e7182c;
}
.bxPF .pfData .trgMb a:hover{
	text-decoration: none;
}
.bxPF .pfData .bxTb .tbHead {
	background-image: url(images/bg_dot.png);
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
.bxPF .pfData .bxTb .tbCll {
	float: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #d3dae2;
	border-bottom-color: #d3dae2;
}
.bxPF .pfData .bxTb .tbCll:last-child {
	border-right-style: none;
}
.bxPF .pfData .bxTb .tbCll.tbCll10 {
	width: 10%;
}
.bxPF .pfData .bxTb .tbCll.tbCll20 {
	width: 20%;
}
.bxPF .pfData .bxTb .tbCll.tbCll30 {
	width: 30%;
}
.bxPF .pfData .bxTb .tbCll.tbCll40 {
	width: 40%;
}
.bxPF .pfData .bxTb .tbCll.tbCll50 {
	width: 50%;
}
.bxPF .pfData .bxTb .tbCll.tbCll60 {
	width: 60%;
}
.bxPF .pfData .bxTb .tbCll.tbCll70 {
	width: 70%;
}
.bxPF .pfData .bxTb .tbCll.tbCll80 {
	width: 80%;
}
.bxPF .pfData .bxTb .tbCll.tbCll90 {
	width: 90%;
}
.bxPF .pfData .bxTb .tbCll.tbCll100 {
	width: 100%;
}
.bxPF .pfData .bxTb .tbHead .tbCll{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	font-weight: bold;
}
.bxPF .pfData .bxTb .tbBody {
}
.bxPF .pfData .bxTb .tbBody .tbRow {
  display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;           /* TWEENER - IE 10 */
  display: -webkit-flex;          /* NEW - Chrome */
  display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  	width: 100%;
}
.bxPF .pfData .bxTb select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #5e5e5e;
	border: 1px solid #d7d7d7;
	font-family: supermarket;
	font-size: 100%;
	background-image: url(images/moom1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: inline-block;
	padding-right: 15px;
	max-width: 100%;
	cursor: pointer;
}
.bxPF .pfData .bxTb .imginlist {
	display: inline-block;
	width: 80px;
	max-width: 100%;
	border: 1px solid #CCC;
}
.bxPF .pfData .bxTb .imginlist2 {
	display: inline-block;
	height:80px;
	max-height:80px;
	border: 1px solid #CCC;
}
.bxPF .pfData .bxTb .fileList {
	display:block;
	width: 100%;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	overflow-wrap: break-word;
}
.bxPF .pfData .bxTb .txtAddFile {
	color: #ed1c24;
	position: relative;
	cursor: pointer;
	display:block;
}
.bxPF .pfData .bxTb .txtAddFile.txtAddFileLoading {
	display:none;
}
.bxPF .pfData .bxTb .txtAddFile:hover {
	text-decoration: underline;
}
.bxPF .pfData .bxTb .txtAddFile input{
	opacity: 0;/*ทำให้โปร่งใส*/
    filter: alpha(opacity=0); /* For IE8 and earlier */
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	cursor: pointer;
}
.bxPF .pfData .bxTb .imgloading{
	display:none;
}
.bxPF .pfData .bxTb .imgloading.sel{
	display:inline-block;
}
.bxPF .pfData .bxTb .selectBox {
	background-image: url(images/moom1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: center;
	display: block;
	border: 1px solid #d7d7d7;
	min-height: 30px;
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
}
.bxPF .pfData .bxTb .selectBox span {
	display: block;
	line-height: 30px;
	cursor: pointer;
}
.bxPF .pfData .bxTb .selectBox .selectListBox {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	position: absolute;
	right: -1px;
	border: 1px solid #d7d7d7;
	padding: 5px;
	background-color: #FFF;
	font-size: 14px;
	text-align: left;
	display: none;
	z-index:1;
}
.bxPF .pfData .bxTb .selectBox:hover .selectListBox {
	display:block;
}
.bxPF .pfData .bxTb .selectBox .selectListBox .sctlb {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d7d7d7;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
}
.bxPF .pfData .bxTb .selectBox .selectListBox .sctlb i {
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius: 500px;

	line-height: 24px;
	color: #FFF;
	background-color: #03606c;
	display: inline-block;
	vertical-align: middle;
	min-height: 24px;
	width: 24px;
	float: left;
	text-align: center;
}
.bxPF .pfData .bxTb .selectBox .selectListBox .sctlb .t1 {
	display: inline-block;
	vertical-align: middle;
	min-height: 24px;
	width: 150px;
	padding-left: 5px;
}
.bxPF .pfData .bxTb .selectBox.selectBoxSmall .selectListBox .sctlb .t1 {
	color: #ed1c24;
	width: 100px;
}
.bxPF .pfData .bxTb .selectBox .selectListBox .sctlb .t2 {
	display: inline-block;
	vertical-align: middle;
	min-height: 20px;
	width: 150px;
	padding-left: 5px;
}
.bxPF .pfData .bxTb .selectBox.selectBoxSmall .selectListBox .sctlb .t2 {
	color: #ed1c24;
	width:auto;
	float: right;
}
.bxPF .pfData .bxTb .selectBox .selectListBox .sctlb:last-child .t1 ,
.bxPF .pfData .bxTb .selectBox .selectListBox .sctlb:last-child .t2 {
	color: #03606c;
}
.bxPF .pfData .bxTb .tbDL {
	background-image: url(images/ico-dl.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
	position: relative;
}
.bxPF .pfData .bxTb .tbDL .clred{
	position:absolute;
	top:5px;
	right:5px;
}
.bxPF .pfData .bxTb .tbDL span {
	display: block;
}
.bxPF .pfData .bxTb .tbDL a {
	display: block;
}
.bxPF .pfData .bxPage {
	text-align: right;
}


.bxPF .pfData .bxTbMb{
	padding-right: 10px;
	padding-left: 10px;
}
.bxPF .pfData .bxTbMb .bxOr{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
	position:relative;
}
.bxPF .pfData .bxTbMb .bxOr .clred{
	position:absolute;
	right:5px;
	bottom:38px;
}
.bxPF .pfData .bxTbMb .bxOr .l{
	width: 50%;
}
.bxPF .pfData .bxTbMb .bxOr .r{
	width: 50%;
	text-align: right;
	color: #03606c;
}
.bxPF .pfData .bxTbMb .bxOr .r a{
	color: #e7182c;
}
.bxPF .pfData .bxTbMb .bxOr .bxOrImg{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e3e3e3;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bxPF .pfData .bxTbMb .bxOr .bxOrImg .img{
	width: 50px;
}
.bxPF .pfData .bxTbMb .bxOr .bxOrFt{
	padding-top: 10px;
	padding-bottom: 10px;
}
.bxPF .pfData .bxTbMb .bxOr .bxOrFt .aView{
	line-height: 36px;
	background-image: url(images/ico-dl.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	display: inline-block;
}
.bxPF .pfData .bxTbMb .bxOr .bxOrFt .aDl{
	line-height: 36px;
	display: inline-block;
}



.bxStep{
	display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
	display: -ms-flexbox;           /* TWEENER - IE 10 */
	display: -webkit-flex;          /* NEW - Chrome */
	display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	width:100%;
	padding-bottom: 40px;
}
.bxStep .stepx{
	float: left;
	width: 20%;
	border: 1px solid #CCC;
	text-align: center;
	color: #03606c;
	font-size: 18px;
	line-height: 20px;
	padding: 5px;
}
.bxStep.bxStep2 .stepx{
	width: 25%;
}
.bxStep .stepx.stepsmt{
	width:25%;
}
.bxStep .stepx.sel{
	color: #FFF;
	background-color: #03606c;
}
.bxStep .stepx span{
	display: block;
}
.bxStep .stepx span.st5{
	font-size:24px;
	line-height:44px;
}

#browserWarning {
	background-color: #FCDFA8;
	color: #000;
	font-size:20px;
}

.review_star{
	display:inline-block;
}
.review_star i{
background-repeat: no-repeat;
display: inline-block;
height: 15px;
width: 15px;
margin-left: -2px;

background-image: url(images/ico-star.png);
}
.review_star i.half{
background-image: url(images/ico-star2.png);
}