/* CSS Document */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
}
body{
	font-family: Arial;
	font-size: 16px;
	width: 100%;
	height: 100%; /* force the BODY element to match the height of the HTML element */
}
a{
	text-decoration: none;
	color: #e26142;
}
a:hover{
	text-decoration: underline;
}
a.nounder:hover{
	text-decoration: none;
}
a.aBck1{
	text-decoration: underline;
	color: #000;
}

.font-arial{
	font-family: Arial;
}
.font-OpunMai{
	font-family: OpunMai;
}

.grayscale0{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	        -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}

.grayscale{	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
img.grayscale{/*ทำให้ภาพมีสีเทา*/
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.cb{clear:both}
.hid{display:none;}
.show{display:block;}
.dotdotdot{}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ok{
	color: #060;
	font-size: 40px;
	line-height: normal;
}
.er{
	color: #C00;
	font-size: 40px;
	line-height: normal;
}

hr,
.hr{
	background-color: #333333;
	color: #333333;
	height: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #333;
	border-bottom-width: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	width:100%;
}
hr.hr30,
.hr.hr30{
  margin-top: 30px;
  margin-bottom: 30px;
}

h1{
  font-size: 40px;
  line-height: 70px;
}
h2{
  font-size: 35px;
  line-height: 50px;
}
h3{
  font-size: 30px;
  line-height: 40px;
}
h4{
  font-size: 20px;
  line-height: 30px;
}

.tCenter{
  padding: 20px;
  text-align: center;
}
.tLeft{
  padding: 20px;
  text-align: left;
}
.tRight{
  padding: 20px;
  text-align: right;
}

.padding40{
  padding: 40px;
}

.bg-grey{background-color: #ececec;}
.bg-orange{background-color: #d3410e;}
.bg-red{background-color: #bd2c2f;}
.bg-white{background-color: #FFF;}
.bg-dot{background-image: url(images/bg-dot.jpg);}
.bg-black-white{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(230,231,233,1)), color-stop(100%, rgba(230,231,233,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,231,233,1) 50%, rgba(230,231,233,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7e9', GradientType=1 );
}

.marker-green {
    background-color: #62f962;
}
.marker-yellow {
    background-color: #fdfd77;
}
.marker-pink {
    background-color: #fc7899;
}
.marker-blue {
    background-color: #72ccfd;
}
.pen-red {
  color: #e71313;
}
.pen-green {
    color: #128a00;
}
.text-tiny {
    font-size: .7em;
}
.text-small {
    font-size: .85em;
}
.text-big {
    font-size: 1.4em;
}
.text-huge {
    font-size: 1.8em;
}

.input{
	font-family: OpunMai;
	font-size: 17px;
	border: 1px solid #eff1f4;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	line-height: 18px;
	font-weight: normal;
	color: #666;
	margin: 5px;
	background-color: #eff1f4;
	height: 34px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
textarea.input{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	min-height:120px;
}
select.input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: auto;
	background-image: url(images/ico-v.svg);
	background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 35px;
  background-size: auto 10px;
	line-height: normal;
	padding-top: 0px;
	padding-bottom: 0px;
}
.btnAddFile{
	background-image: url(images/add_file2.png);
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	height: 55px;
	width: 42px;
	cursor: pointer;
}
.btnAddFile input{
	opacity: 0;/*ทำให้โปร่งใส*/
	filter: alpha(opacity=0); /* For IE8 and earlier */
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	cursor: pointer;
}
.btn1{
	font-family: OpunMai;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	min-width: 120px;
	cursor: pointer;
  margin: 5px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	font-size: 20px;
	color: #fecb3c;
	background-color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 30px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 4px;
	padding-left: 30px;
  border: 1px solid #333333;
	font-weight: bold;
}
.btn1.sel ,
.btn1:hover {
	color: #333333;
	background-color: #fecb3c;
	text-decoration: none;
  border: 1px solid #fecb3c;
}
.btn2{
  font-family: OpunMai;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  min-width: 120px;
  cursor: pointer;
  margin: 5px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  font-size: 20px;
  color: #fecb3c;
  background-color: #FFF;
  line-height: 30px;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 4px;
  padding-left: 30px;
  border: 1px solid #fecb3c;
	font-weight: bold;
}
.btn2.sel ,
.btn2:hover {
	color: #FFF;
	background-color: #fecb3c;
	text-decoration: none;
  border: 1px solid #fecb3c;
}
.btn3{
  font-family: OpunMai;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  min-width: 80px;
  cursor: pointer;
  margin: 5px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  font-size: 20px;
  color: #333333;
  background-color: #FFF;
  line-height: 30px;
  border: 1px solid #333333;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 4px;
  padding-left: 30px;
	font-weight: bold;
}
.btn3.sel ,
.btn3:hover {
	color: #FFF;
	background-color: #333333;
	text-decoration: none;
  border: 1px solid #333333;
}
.btn4{
  font-family: OpunMai;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  min-width: 80px;
  cursor: pointer;
  margin: 5px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  font-size: 20px;
  color: #007f47;
  background-color: #FFF;
  line-height: 30px;
  border: 1px solid #007f47;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 4px;
  padding-left: 30px;
	font-weight: bold;
}
.btn4.sel ,
.btn4:hover {
	color: #FFF;
	background-color: #007f47;
	text-decoration: none;
  border: 1px solid #007f47;
}
.btn5{
  font-family: OpunMai;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  min-width: 80px;
  cursor: pointer;
  margin: 5px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  font-size: 20px;
  color: #ff0000;
  background-color: #FFF;
  line-height: 30px;
  border: 1px solid #ff0000;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 4px;
  padding-left: 30px;
	font-weight: bold;
}
.btn5.sel ,
.btn5:hover {
	color: #FFF;
	background-color: #ff0000;
	text-decoration: none;
  border: 1px solid #ff0000;
}
.btn6{
  font-family: OpunMai;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  min-width: 80px;
  cursor: pointer;
  margin: 5px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  font-size: 20px;
  color: #b0b0b0;
  background-color: #FFF;
  line-height: 30px;
  border: 1px solid #b0b0b0;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 4px;
  padding-left: 30px;
	font-weight: bold;
}
.btn6.sel ,
.btn6:hover {
	color: #fecb3c;
	background-color: #333333;
	text-decoration: none;
  border: 1px solid #333333;
}
.btn7{
  font-family: OpunMai;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  min-width: 80px;
  cursor: pointer;
  margin: 5px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  font-size: 20px;
  color: #f8ad3b;
  background-color: #be272d;
  line-height: 30px;
  border: 1px solid #be272d;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 4px;
  padding-left: 30px;
	font-weight: bold;
}
.btn7.sel ,
.btn7:hover {
	color: #be272d;
	background-color: #f8ad3b;
	text-decoration: none;
  border: 1px solid #f8ad3b;
}
.btn8{
  font-family: OpunMai;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  min-width: 80px;
  cursor: pointer;
  margin: 5px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  font-size: 20px;
  color: #333333;
  background-color: #fecb3c;
  line-height: 30px;
  border: 1px solid #fecb3c;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 4px;
  padding-left: 30px;
	font-weight: bold;
}
.btn8.sel ,
.btn8:hover {
	color: #fecb3c;
	background-color: #333333;
	text-decoration: none;
  border: 1px solid #333333;
}
.btnFb{
  font-family: OpunMai;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  min-width: 80px;
  cursor: pointer;
  margin: 5px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  font-size: 20px;
  color: #fff;
  background-color: #3379E7;
  line-height: 30px;
  border: 1px solid #3379E7;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 4px;
  padding-left: 30px;
	font-weight: bold;
}
.btnFb::before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(images/ico-fb1.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	    margin-right: 10px;
    vertical-align: bottom;
}
.btnFb.sel ,
.btnFb:hover {
	color: #3379E7;
	background-color: #fff;
	text-decoration: none;
  border: 1px solid #3379E7;
}
.btnFb.sel::before ,
.btnFb:hover::before {
	background-image: url(images/ico-fb2.svg);
}

.btn1.btnM,
.btn2.btnM,
.btn3.btnM,
.btn4.btnM,
.btn5.btnM,
.btn6.btnM,
.btn7.btnM,
.btn8.btnM
{
  font-size: 16px;
  line-height: 30px;
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 90px;
}

.btn1.btnS,
.btn2.btnS,
.btn3.btnS,
.btn4.btnS,
.btn5.btnS,
.btn6.btnS,
.btn7.btnS,
.btn8.btnS
{
  font-size: 12px;
  line-height: 24px;
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 80px;
}

.btn1:disabled,
.btn1[disabled],
.btn2:disabled,
.btn2[disabled],
.btn3:disabled,
.btn3[disabled],
.btn4:disabled,
.btn4[disabled],
.btn5:disabled,
.btn5[disabled],
.btn6:disabled,
.btn6[disabled],
.btn7:disabled,
.btn7[disabled],
.btn8:disabled,
.btn8[disabled]
{
	color: #FFF;
	background-color: #CCC;
	text-decoration: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	cursor: default;
}

.lbUpload{
	display: inline-block;
	display: inline-block;
	min-width: 120px;
	cursor: pointer;
	margin: 5px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	font-size: 20px;
	color: #fecb3c;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 30px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 45px;
	border: 1px solid #333333;
	background-color: #333333;
	background-image: url(images/ico-upload2.svg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px auto;
}
.lbUpload:hover{
	background-image: url(images/ico-upload1.svg);
	border: 1px solid #fecb3c;
	background-color: #fecb3c;
	color: #333333;
}
.lbUpload.sel{
	background-image: url(images/ico-upload1.svg);
	border: 1px solid #333333;
	background-color: #fecb3c;
	color: #333333;
}
.lbUpload input{
	display: none;
}

.btnExcel{
	background-image: url(images/ico-excel.svg);
	background-repeat: no-repeat;
	background-size: 30px auto;
	padding-left: 70px;
	background-position: 30px center;
	position: relative;
	cursor: pointer;
}
.btnExcel:hover{
  background-image: url(images/ico-excel2.svg);  
}
.btnExcel .upFile{
	display: none;
}

.radLabel {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default radio button */
.radLabel input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.radMark {
  position: absolute;
  bottom: 7px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFF;
  border-radius: 50%;
  border: 1px solid #5f6369;
}
/* On mouse-over, add a grey background color */
.radLabel:hover input ~ .radMark {
  background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.radLabel input:checked ~ .radMark {
  background-color: #FECB3C;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radMark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.radLabel input:checked ~ .radMark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.radLabel .radMark:after {
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: 50%;
border: 5px solid #FFF;
}




/* The container */
.chkLabel {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
line-height: 25px;
margin-top: 12px;
}
.chkLabel.chkLabel-inline {
  display: inline-block;
}
/* Hide the browser's default checkbox */
.chkLabel input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.chkMark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #5f6369;
}
/* On mouse-over, add a grey background color */
.chkLabel:hover input ~ .chkMark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.chkLabel input:checked ~ .chkMark {
  background-color: #FFF;
}
/* Create the checkmark/indicator (hidden when not checked) */
.chkMark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.chkLabel input:checked ~ .chkMark:after {
  display: block;
}
/* Style the checkmark/indicator */
.chkLabel .chkMark:after {
left: 6px;
top: 3px;
width: 10px;
height: 15px;
  border: solid #FECB3C;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tb1tb{
	width: 100%;
	min-width: 850px;
}
.tb1tb .tb1H{
	width: 100%;
}
.tb1tb .tb1H .tb1cl{
	float: left;
	background-color: #FECB3C;
}
.tb1tb .tb1B{
	width: 100%;
}
.tb1tb .tb1B .tb1cl{
	float: left;}
.tb1tb .tb1cl{
	border: 1px solid #000;
	padding: 5px;
}
.tb1cl.tb1cl1{width: 10%}
.tb1cl.tb1cl2{width: 20%}
.tb1cl.tb1cl3{width: 30%}
.tb1cl.tb1cl4{width: 40%}
.tb1cl.tb1cl5{width: 50%}
.tb1cl.tb1cl6{width: 60%}
.tb1cl.tb1cl7{width: 70%}
.tb1cl.tb1cl8{width: 80%}
.tb1cl.tb1cl9{width: 90%}
.tb1cl.tb1cl10{width: 100%}


.mseHand{
	cursor:pointer;
}

.bubbleSmall{
position: relative;
width: 70px;
height: 15px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: #7F7F7F solid 1px;
}
.bubbleSmall:after{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 8px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -8px;
left: 27px;
}
.bubbleSmall:before{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 8px 0;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 0;
bottom: -9px;
left: 27px;
}
  
.col-back{color:#000}
.col-red1{color:#ff0000}
.col-grey1{color:#58595b}
.col-green{color: #009900}
.col-white{color:#FFF}
.col-yellow{color: #fecb3c}
.col-orange{color: #ea7009}

.color1{color: #008000;}
.color2{color: #0000FF;}
.color3{color: #8a2be2;}
.color4{color: #6495ed;}
.color5{color: #ffa500;}
.color6{color: #db7093;}
.color7{color: #a0522d;}

.font-nomal{font-style: normal;font-weight: normal;}
.font-b{font-weight: bold;}
.font-i{font-style: italic;}
.font-bi{font-style: italic;font-weight: bold;}
.font-upper{text-transform: uppercase;}
.font-lower{text-transform: lowercase;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-top{vertical-align: top;}
.text-middle{vertical-align: middle;}
.text-bottom{vertical-align: bottom;}
.line-height0{line-height: 0px;}

.show_mobile{display:none;}

.size-5{font-size: 5px;}
.size-6{font-size: 6px;}
.size-7{font-size: 7px;}
.size-8{font-size: 8px;}
.size-9{font-size: 9px;}
.size-10{font-size: 10px;}
.size-11{font-size: 11px;}
.size-12{font-size: 12px;}
.size-14{font-size: 14px;}
.size-16{font-size: 16px;}
.size-18{font-size: 18px;}
.size-20{font-size: 20px;}
.size-22{font-size: 22px;}
.size-24{font-size: 24px;}
.size-26{font-size: 26px;}
.size-28{font-size: 28px;}
.size-30{font-size: 30px;}
.size-32{font-size: 32px;}
.size-34{font-size: 34px;}
.size-36{font-size: 36px;}
.size-38{font-size: 38px;}
.size-40{font-size: 40px;}
.size-42{font-size: 42px;}
.size-44{font-size: 44px;}
.size-46{font-size: 46px;}
.size-48{font-size: 48px;}
.size-50{font-size: 50px;}
.size-52{font-size: 52px;}
.size-54{font-size: 54px;}
.size-56{font-size: 56px;}
.size-58{font-size: 58px;}
.size-60{font-size: 60px;}
.size-62{font-size: 62px;}
.size-64{font-size: 64px;}
.size-66{font-size: 66px;}
.size-68{font-size: 68px;}
.size-70{font-size: 70px;}

.size-em-10{font-size: 1em;}
.size-em-11{font-size: 1.1em;}
.size-em-12{font-size: 1.2em;}
.size-em-13{font-size: 1.3em;}
.size-em-14{font-size: 1.4em;}
.size-em-15{font-size: 1.5em;}
.size-em-16{font-size: 1.6em;}
.size-em-17{font-size: 1.7em;}
.size-em-18{font-size: 1.8em;}
.size-em-19{font-size: 1.9em;}
.size-em-20{font-size: 2em;}

.color-rad{color: #a2362a;}
.color-white{color: #FFF;}
.color-black{color: #000;}
.color-gray{color: #666666;}
.color-gray2{color: #5D5D5D;}

.margin-auto{margin:auto;}
.margin-no{margin: 0px;}
.margin-left-no{margin-left: 0px;}
.margin-right-no{margin-right: 0px;}
.margin-top-no{margin-top: 0px;}
.margin-bottom-no{margin-bottom: 0px;}
.padding-no{padding: 0px;}
.padding-left-no{padding-left: 0px;}
.padding-right-no{padding-right: 0px;}
.padding-top-no{padding-top: 0px;}
.padding-bottom-no{padding-bottom: 0px;}
.box-center{margin-left:auto; margin-right:auto;}

.position-absolute{position:absolute;}
.position-relative{position:relative;}

.bx-row:after, .bx-row:before {content:" ";display:table; }
.bx-row:after {clear:both; }
.l , .r{position: relative;}
.float-left , .l , .r{float:left;}
.float-right{float:right;}
.float-none{float:none;}
.bx-row.bx-row-tb30{
	padding-top: 30px;
	padding-bottom: 30px;
}
.border-no{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p{margin:0 0 10px}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
  content:" ";
  display:table;
}
.clearfix:after,
.row:after {
  clear:both;
}

.w100{width:100px !important; max-width: 100px;}
.w200{width:200px !important; max-width: 200px;}
.w300{width:300px !important; max-width: 300px;}
.w400{width:400px !important; max-width: 400px;}
.w500{width:500px !important; max-width: 500px;}

/*.ellipsis {
	overflow: hidden;
	height: 200px;
	line-height: 25px;
	margin: 20px;
	border: 5px solid #AAA;
}*/
.ellipsis {
	overflow: hidden;
}
.ellipsis:before {
	content: "";
	float: left;
	width: 5px;
	height: 200px;
}
.ellipsis > *:first-child {
	float: right;
	width: 100%;
	margin-left: -5px;
}		
.ellipsis:after {
	content: "\02026";
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	float: right;
	position: relative;
	top: -25px;
	left: 100%;
	width: 3em;
	margin-left: -3em;
	padding-right: 5px;
	text-align: right;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}


/*
mobile (xs)Phones (<768px), 
tablet (sm)Tablets (≥768px), 
desktop ขนาดกลาง (md)Desktops (≥992px), 
desktop ขนาดใหญ่ (lg)Desktops (≥1200px)
http://getbootstrap.com/css/#grid-options
*/

.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:12px;padding-right:12px}
@media (min-width:768px){.container{width:744px}}
@media (min-width:992px){.container{width:964px}}
@media (min-width:1200px){.container{width:1164px}}
.row{/*margin-left:-12px;margin-right:-12px*/}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9.col-box{position:relative;min-height:1px;padding-left:12px;padding-right:12px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.666%}
.col-xs-10{width:83.333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.666%}
.col-xs-7{width:58.333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.666%}
.col-xs-4{width:33.333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.666%}
.col-xs-1{width:8.333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.666%}
.col-xs-pull-10{right:83.333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.666%}
.col-xs-pull-7{right:58.333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.666%}
.col-xs-pull-4{right:33.333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.666%}
.col-xs-pull-1{right:8.333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.666%}
.col-xs-push-10{left:83.333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.666%}
.col-xs-push-7{left:58.333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.666%}
.col-xs-push-4{left:33.333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.666%}
.col-xs-push-1{left:8.333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.666%}
.col-xs-offset-10{margin-left:83.333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.666%}
.col-xs-offset-7{margin-left:58.333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.666%}
.col-xs-offset-4{margin-left:33.333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.666%}
.col-xs-offset-1{margin-left:8.333%}
.col-xs-offset-0{margin-left:0}
@media (min-width:768px){
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.666%}
	.col-sm-10{width:83.333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.666%}
	.col-sm-7{width:58.333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.666%}
	.col-sm-4{width:33.333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.666%}
	.col-sm-1{width:8.333%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.666%}
	.col-sm-pull-10{right:83.333%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.666%}
	.col-sm-pull-7{right:58.333%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.666%}
	.col-sm-pull-4{right:33.333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.666%}
	.col-sm-pull-1{right:8.333%}
	.col-sm-pull-0{right:auto}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.666%}
	.col-sm-push-10{left:83.333%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.666%}
	.col-sm-push-7{left:58.333%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.666%}
	.col-sm-push-4{left:33.333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.666%}
	.col-sm-push-1{left:8.333%}
	.col-sm-push-0{left:auto}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.666%}
	.col-sm-offset-10{margin-left:83.333%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.666%}
	.col-sm-offset-7{margin-left:58.333%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.666%}
	.col-sm-offset-4{margin-left:33.333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.666%}
	.col-sm-offset-1{margin-left:8.333%}
	.col-sm-offset-0{margin-left:0}
}
@media (min-width:992px){
	.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.666%}
	.col-md-10{width:83.333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.666%}
	.col-md-7{width:58.333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.666%}
	.col-md-4{width:33.333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.666%}
	.col-md-1{width:8.333%}
	.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.666%}
	.col-md-pull-10{right:83.333%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.666%}
	.col-md-pull-7{right:58.333%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.666%}
	.col-md-pull-4{right:33.333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.666%}
	.col-md-pull-1{right:8.333%}
	.col-md-pull-0{right:auto}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.666%}
	.col-md-push-10{left:83.333%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.666%}
	.col-md-push-7{left:58.333%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.666%}
	.col-md-push-4{left:33.333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.666%}
	.col-md-push-1{left:8.333%}
	.col-md-push-0{left:auto}
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.666%}
	.col-md-offset-10{margin-left:83.333%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.666%}
	.col-md-offset-7{margin-left:58.333%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.666%}
	.col-md-offset-4{margin-left:33.333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.666%}
	.col-md-offset-1{margin-left:8.333%}
	.col-md-offset-0{margin-left:0}
}
@media (min-width:1200px){
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.666%}
	.col-lg-10{width:83.333%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.666%}
	.col-lg-7{width:58.333%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.666%}
	.col-lg-4{width:33.333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.666%}
	.col-lg-1{width:8.333%}
	.col-lg-pull-12{right:100%}
	.col-lg-pull-11{right:91.666%}
	.col-lg-pull-10{right:83.333%}
	.col-lg-pull-9{right:75%}
	.col-lg-pull-8{right:66.666%}
	.col-lg-pull-7{right:58.333%}
	.col-lg-pull-6{right:50%}
	.col-lg-pull-5{right:41.666%}
	.col-lg-pull-4{right:33.333%}
	.col-lg-pull-3{right:25%}
	.col-lg-pull-2{right:16.666%}
	.col-lg-pull-1{right:8.333%}
	.col-lg-pull-0{right:auto}
	.col-lg-push-12{left:100%}
	.col-lg-push-11{left:91.666%}
	.col-lg-push-10{left:83.333%}
	.col-lg-push-9{left:75%}
	.col-lg-push-8{left:66.666%}
	.col-lg-push-7{left:58.333%}
	.col-lg-push-6{left:50%}
	.col-lg-push-5{left:41.666%}
	.col-lg-push-4{left:33.333%}
	.col-lg-push-3{left:25%}
	.col-lg-push-2{left:16.666%}
	.col-lg-push-1{left:8.333%}
	.col-lg-push-0{left:auto}
	.col-lg-offset-12{margin-left:100%}
	.col-lg-offset-11{margin-left:91.666%}
	.col-lg-offset-10{margin-left:83.333%}
	.col-lg-offset-9{margin-left:75%}
	.col-lg-offset-8{margin-left:66.666%}
	.col-lg-offset-7{margin-left:58.333%}
	.col-lg-offset-6{margin-left:50%}
	.col-lg-offset-5{margin-left:41.666%}
	.col-lg-offset-4{margin-left:33.333%}
	.col-lg-offset-3{margin-left:25%}
	.col-lg-offset-2{margin-left:16.666%}
	.col-lg-offset-1{margin-left:8.333%}
	.col-lg-offset-0{margin-left:0}
}


.width-10{ width:10%}
.width-20{ width:20%}
.width-30{ width:30%}
.width-33{ width:33.333%}
.width-40{ width:40%}
.width-45{ width:45%}
.width-47{ width:47%}
.width-50{ width:50%}
.width-60{ width:60%}
.width-70{ width:70%}
.width-75{ width:75%}
.width-80{ width:80%}
.width-90{ width:90%}
.width-95{ width:95%}
.width-97{ width:97%}
.width-100{ width:100%}

.space{max-height:1px;min-height:1px;overflow:hidden;margin:12px 0}
[class*=vspace-]{display:none}
.space-32,[class*=vspace-32]{max-height:1px;min-height:1px;overflow:hidden;margin:32px 0 31px}
.space-30,[class*=vspace-30]{max-height:1px;min-height:1px;overflow:hidden;margin:30px 0 29px}
.space-28,[class*=vspace-28]{max-height:1px;min-height:1px;overflow:hidden;margin:28px 0 27px}
.space-26,[class*=vspace-26]{max-height:1px;min-height:1px;overflow:hidden;margin:26px 0 25px}
.space-24,[class*=vspace-24]{max-height:1px;min-height:1px;overflow:hidden;margin:24px 0 23px}
.space-22,[class*=vspace-22]{max-height:1px;min-height:1px;overflow:hidden;margin:22px 0 21px}
.space-20,[class*=vspace-20]{max-height:1px;min-height:1px;overflow:hidden;margin:20px 0 19px}
.space-18,[class*=vspace-18]{max-height:1px;min-height:1px;overflow:hidden;margin:18px 0 17px}
.space-16,[class*=vspace-16]{max-height:1px;min-height:1px;overflow:hidden;margin:16px 0 15px}
.space-14,[class*=vspace-14]{max-height:1px;min-height:1px;overflow:hidden;margin:14px 0 13px}
.space-12,[class*=vspace-12]{max-height:1px;min-height:1px;overflow:hidden;margin:12px 0 11px}
.space-10,[class*=vspace-10]{max-height:1px;min-height:1px;overflow:hidden;margin:10px 0 9px}
.space-8,[class*=vspace-8]{max-height:1px;min-height:1px;overflow:hidden;margin:8px 0 7px}
.space-6,[class*=vspace-6]{max-height:1px;min-height:1px;overflow:hidden;margin:6px 0 5px}
.space-4,[class*=vspace-4]{max-height:1px;min-height:1px;overflow:hidden;margin:4px 0 3px}
.space-2,[class*=vspace-2]{max-height:1px;min-height:1px;overflow:hidden;margin:2px 0 1px}
.space-0,[class*=vspace-0]{max-height:1px;min-height:1px;overflow:hidden;margin:0}

.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important;visibility:hidden!important}
.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}
@media (max-width:767px){.visible-xs-block{display:block!important}}
@media (max-width:767px){.visible-xs-inline{display:inline!important}}
@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}
@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}
@media (min-width:1200px){.visible-lg-block{display:block!important}}
@media (min-width:1200px){.visible-lg-inline{display:inline!important}}
@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}
@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}
@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}
@media print{.visible-print-block{display:block!important}}
@media print{.visible-print-inline{display:inline!important}}
@media print{.visible-print-inline-block{display:inline-block!important}}
@media print{.hidden-print{display:none!important}}



/*==========STYLE_1000px===========*/
@media (max-width:1017px){
	.hidden-1000{display:none!important}
}