@font-face {
	font-family: 'NeueFrutigerThaiModern-Rg';
	src: url('NeueFrutigerThaiModern-Rg.otf');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'NeueFrutigerThaiModern-Lt';
}

.head_text{
  background-color: #f2f2f2;
}

.form-control{
 font-family: 'NeueFrutigerThaiModern-Lt';
 padding: 1px 12px;
 font-size: 13px;
}

.team-form form label{
    position: relative;
    width: 100%;
    font-weight: normal;
    text-align: left;
    line-height: 34px;
    padding-right: 8px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    cursor: default;
}
.team-form form label.required::after {
    position: sticky;
    content: ' *';
    color: #ff0000;
    right: 0;
}

.form-team .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.font_login{
  font-family: 'NeueFrutigerThaiModern-Rg';
  font-style: normal;
  font-size : 13px;
	color: #333;
}
.font-color-head{
  color : #003781;
}
.font-color{
  color : #003781;
}
.h-pa{
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-size : 28px;
  color: #FFB300;
  /*text-decoration: underline;*/
}
.cow-pa {
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-size : 28px;
  color: #000000;
  /*text-decoration: underline;*/
}
.cow-pa-pay{
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-size : 40px;
  font-weight: bold;
  color: #003781;
}

.font-thanks{
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-size : 55px;
  font-weight: bold;
  color: #003781;
}

.font-thanks-mobile-h5{
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-weight: bold;
  color: #003781;
}

.font-thanks-mobile-h6{
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-weight: bold;
  color: #FFC420;
}

.store .steper {
    padding: 40px 0 10px 0;
}
.label-head{
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-size: 20px;
  background-color: #eee;
  text-align: center;
  font-weight: bold;
  margin-top: 15px;
  /*box-shadow:0px 0px 8px 0px rgba(10, 0, 0, .1);*/
  padding: 5px 0 5px 0;
  /*border: 1px solid;*/
}
.detail{
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-size: 20px;
  font-weight: bold;
  margin-top: 5px;
  /*border: 1px solid;*/
}
.detaile{
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-size: 20px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
  /*border: 1px solid;*/
}
.detail-1{
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-size: 20px;
  text-align: left;
  margin-top: 5px;
  /*border: 1px solid;*/
}
.font-print{
   font-family: 'NeueFrutigerThaiModern-Lt';
  font-size: 20px;]
}

.detail-view{
  font-family: 'NeueFrutigerThaiModern-Lt';
  /*font-size: 24px;*/
  text-align: left;
  margin-top: 5px;
  padding-left: 5%;
  /*border: 1px solid;*/
}
.prev-detail{
  text-align: right;
  /*border: 1px solid;*/
  font-weight: bold;
  margin-left: -80px;
}
.box_top {
    padding-top: 10px;
    padding: 10px;
}
.bdl{
  background: #eeeeee;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

}
.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    width: 100%;
    background: #ffffff;
}
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.foot-pad{
  padding-bottom: 50px;
}
.bg-main{
  background-color: #E7E7E7;
}

footer{
	font-family: 'NeueFrutigerThaiModern-Lt';
  font-style: normal;
  font-size: 13px;
	color: #323333;
}

footer p {
	margin: 0 0 0 0px !important;
}

footer .row {
	margin-top: 18px;
}

footer a,a:hover {
	color: #323333;
}

.headtable-first {
    border-radius: 20px 0px 0px 0px;
    height: 50px;
    font-family: 'NeueFrutigerThaiModern-Rg';
    font-size: 14px;
    min-width:100%;
    color: #2a2a2a;
    text-align: center;
    font-weight: lighter;
    /*background: #FFC240;*/
    background-color: #75ACE3;
    /*box-shadow:1px 1px 5px 1px rgba(50, 50, 50, .1);*/
   }
   .headtable {
      border-radius: 0px 0px 0px 0px;
    height: 50px;
    font-size: 14px;
    min-width:100%;
    text-align: center;
    font-family: 'NeueFrutigerThaiModern-Rg';
    font-weight: lighter;
    color: #2a2a2a;
    background-color: #75ACE3;
    box-shadow:1px 1px 5px 1px rgba(10, 10, 10, .1);
   }
.headtable-last {
    border-radius: 0px 20px 0px 0px;
    height: 50px;
    min-width:100%;
    text-align: center;
    font-weight: lighter;
    background-color:#75ACE3;
   /* background: #FFC240;*/
    box-shadow:1px 1px 5px 1px rgba(10, 10, 10, .1);
   }
.headtable-hidden {
      border-radius: 0px 0px 0px 0px;
    height: 50px;
    font-size: 22px;
    min-width:100%;
    text-align: center;
    font-family: 'NeueFrutigerThaiModern-Lt';
    color: #357ab8;
    /*background-color: #FFC240;*/
   }
.head-form{
    border-radius: 20px 20px 0px 0px;
    height: 70px;
    font-size: 40px;
    padding-top: 10px;
    text-align: center;
    font-family: 'NeueFrutigerThaiModern-Lt';
    background-color: #FFC240;
    color: #FFFFFF;
}
.head-upload{
    border-radius: 20px 20px 0px 0px;
    height: 70px;
    font-size: 40px;
    padding-top: 10px;
    text-align: center;
    font-family: 'NeueFrutigerThaiModern-Lt';
    background-color: #4B9856;
    color: #FFFFFF;
}
.head-upload-bottom{
  border-radius: 0px 0px 20px 20px;
    height: 70px;
    font-size: 40px;
    /*padding-top: 10px;*/
    text-align: center;
    font-family: 'NeueFrutigerThaiModern-Lt';
    background-color: #4B9856;
    color: #FFFFFF;
}
.field-orderupload-order_doc {
  display: none;
}
.head-download{
  border-radius: 20px 20px 0px 0px;
    height: 70px;
    font-size: 40px;
    padding-top: 10px;
    text-align: center;
    font-family: 'NeueFrutigerThaiModern-Lt';
    background-color: #8E5B38;
    color: #FFFFFF;
}
.head-download-bottom{
  border-radius: 0px 0px 20px 20px;
    height: 70px;
    font-size: 40px;
    /*padding-top: 10px;*/
    text-align: center;
    font-family: 'NeueFrutigerThaiModern-Lt';
    background-color: #8E5B38;
    color: #FFFFFF;
}
.head-plan{
border-radius: 20px 20px 0px 0px;
    height: 70px;
    font-size: 40px;
    padding-top: 10px;
    text-align: center;
    font-family: 'NeueFrutigerThaiModern-Lt';
    background-color: #7BC6C4;
    color: #FFFFFF;
}
.bg-plan{
  /*background-color: #FCFCFC;*/
  border: 1px solid;
  border-color: #eee;
}
.bg-form{
  background-color: #FCFCFC;
 /* border: 1px solid;
  border-color: #FCFCFC;*/
}
.text-color{
  text-align: center;
  color: red;
}
.text-downl{
    padding-top: 5px;
    font-family: 'NeueFrutigerThaiModern-Lt';
    color: #000;
    font-size: 24px;
}
.btn-style{
  text-align: center;
}
.btn-pos{
  margin-top: 10px;
}
.btn-size{

  font-family: 'NeueFrutigerThaiModern-Lt';
  font-size: 26px;
  min-width: 350px;
  min-height: 50px;
}
.bottom{
  margin-bottom: 50px;
}
.btm-margin{
  margin-bottom: 80px;
}
.font-price{
  color: #681D00;
  font-size: 28px;
  font-weight: bold;
}
.mgtop{
    background: #ffffff;
    height: 200px;
}
.mgpic{
    background: #ffffff;
  }
.bg_tb{
background: url(../img/tb_wb.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 470px;
position: relative
}
.tb_box{
   position: absolute;
    right: 30%;
    width: 300px;
    margin-top: 15%;
}
.prev-form{
  text-align: right;
  border: 1px solid;
  border-color: white;
}
.head-text > a{
   color: #2a2a2a !important;
   font-weight: lighter;
}
.head-text > a:active,
.head-text > a:hover {
   color: #444444 !important;
   text-decoration: none;
}
.link-icon > a{
	font-family: 'NeueFrutigerThaiModern-Lt';
	font-size: 19px;
  background-color: transparent;
  color: #323333 !important;
}
.link-icon > a:active,
.link-icon> a:hover {
  outline: 0;
  color: #006666 !important;
}
.btn-upload > a{
  font-family: 'NeueFrutigerThaiModern-Lt';
    background-color: #FFB31A;
    /*width: 150px;*/
    border-radius: 5px;
    color: #852E19 !important;
    font-size: 22px;
    min-width: 200px;
    max-width: 500px;
    box-shadow:1px 1px 5px 1px rgba(90,90,90, .2);
}
.btn-upload > a:active,
.btn-upload > a:hover {
  outline: 0;
   color: #DDDDDD !important;
  background-color: #777;
}
.btn-download > a{
  font-family: 'NeueFrutigerThaiModern-Lt';
    background-color: #FFB31A;
    /*width: 150px;*/
    border-radius: 5px;
    color: #852E19 !important;
    font-size: 16px;
    min-width: 100px;
    max-width: 500px;
    box-shadow:1px 1px 5px 1px rgba(90,90,90, .2);
}
.btn-download > a:active,
.btn-download > a:hover {
  outline: 0;
   color: #DDDDDD !important;
  background-color: #777;
}
.btn-download-form > a{
  font-family: 'NeueFrutigerThaiModern-Lt';
    background-color: #FFB31A;
    border-radius: 5px;
    color: #852E19 !important;
    font-size: 18px;
    min-width: 100px;
    max-width: 500px;
    box-shadow:1px 1px 5px 1px rgba(90,90,90, .2);
}
.btn-download-form > a:active,
.btn-download-form > a:hover {
  outline: 0;
   color: #DDDDDD !important;
  background-color: #777;
}
.btn-size{
  min-width: 400px;
}
.tx-center{
  text-align: center;
}
.ord_view_font{
  padding-top: 10px;
  padding-bottom: 10px;
   font-size: 22px;
   color: #777;
    border:  1px solid;
    font-family: 'NeueFrutigerThaiModern-Lt';
    border-top: 0px;
    border-color: #CCC;
    font-weight: lighter;
    margin-bottom: 30px;
}
.head-view{
    /*border-radius: 20px 20px 0px 0px;*/
    height: 40px;
    font-size: 26px;
    padding-top: 5px;
    /*text-align: center;*/
    font-family: 'NeueFrutigerThaiModern-Lt';
    background-color: #FFC240;
    color: #000;
}
.text_form{
  color:#000;
  font-weight: lighter !important;
  /*text-decoration: underline;*/
  text-decoration-color: #ff0000;
}
.graph-image{
  background: url("img/logo-print.png") no-repeat;
  display: none;
}
.footer{
    display: none;
}

/*การ์ด*/
.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  margin: 1rem;
  position: relative;
  width: 100%;
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.cont_box {
    padding: 20px 15%;
}

/*โหลด*/

.loading {
    background-color: #eee;
    background: url('loading.gif');
    background-position:  center center;
    background-repeat: no-repeat;
    opacity: 1;
}
.loading * {
    opacity: .8;
}

.loading2 {
  width: 74%;
  height: 50%;
  position: fixed;
}
.loading2 > div {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 50%;
  margin-top: -30px;
}


.loading2 > div > div {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: #ff8c00;
  top: 10px;
  left: 10px;
  transform-origin: 20px 20px;
  border-radius: 8px;
  animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

.loading2 > div > .c2 {
  top: 10px;
  left: auto;
  right: 10px;
  transform-origin: -4px 20px;
  animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
.loading2 > div > .c3 {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 10px;
  transform-origin: -4px -4px;
  animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
.loading2 > div > .c4 {
  top: auto;
  bottom: 10px;
  transform-origin: 20px -4px;
  animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

@keyframes spin-a {
  0%   { transform: rotate(90deg); }
  0%  { transform: rotate(90deg); }
  50%  { transform: rotate(180deg); }
  75%  { transform: rotate(270deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin-b {
  0%   { transform: rotate(90deg); }
  25%  { transform: rotate(90deg); }
  25%  { transform: rotate(180deg); }
  75%  { transform: rotate(270deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin-c {
  0%   { transform: rotate(90deg); }
  25%  { transform: rotate(90deg); }
  50%  { transform: rotate(180deg); }
  50%  { transform: rotate(270deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin-d {
  0%   { transform: rotate(90deg); }
  25%  { transform: rotate(90deg); }
  50%  { transform: rotate(180deg); }
  75%  { transform: rotate(270deg); }
  75% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); }
}


.loading2 > span {
  width: 250px;
  height: 30px;
  position: absolute;
  left: 50%;
  margin-left: -125px;
  top: 50%;
  margin-top: 30px;
  color: #ff8c00;
  font-size: 25px;
  font-family: 'NeueFrutigerThaiModern-Rg';
  text-align: center;
}


/*---------------pic succress------------------*/
.checkmark {
  width: 200px;
  margin: 0 auto;
  padding-top: 40px;
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: dash 2s ease-in-out;
  -webkit-animation: dash 2s ease-in-out;
}

.spin {
  animation: spin 2s;
  -webkit-animation: spin 2s;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
}

@-webkit-keyframes dash {
 0% {
   stroke-dashoffset: 1000;
 }
 100% {
   stroke-dashoffset: 0;
 }
}

@keyframes dash {
 0% {
   stroke-dashoffset: 1000;
 }
 100% {
   stroke-dashoffset: 0;
 }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes text {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
  }


  @keyframes text {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
  }
}
}

@media only screen and (max-width: 480px) {
		#golfdeviceCSS{
			overflow-x:scroll !important;
			white-space: nowrap !important;
		}
		#golfMobile{
			width:800px !important;
		}
}



/*-----------------------------------------------------------------------------*/
.app-form form label.required::after, .member.profile section form label.required::after {
    position: absolute;
    content: '*';
    color: #ff0000;
    right: 0;
}

/*img {
  -webkit-filter: grayscale(60%); 
  filter: grayscale(60%);
}
html {
 -webkit-filter: grayscale(60%);
}*/

.box_plan{
  font-family: 'NeueFrutigerThaiModern-Lt';
  font-style: normal;
  font-size : 20px;
  color:#ffffff;
  background: red;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.navbar-member .form-login button{
  background-color: #286090 !important;
  border-color: #70605e !important;
  color : #FFFFFF;
}
nav .nav li > a{
  line-height:35px;
}
.row{
  margin-left : 0px !important;
  margin-right:0px !important;
}

h6{
  font-size:14px;
  font-weight:normal;
}
.txt-preview{
  color : #ffd402;
  text-align : center;
}
.txt-small{font-size:12px;}
.txt-black{color : #000000; font-size:200%;}
.txt-type{color : #000000; text-align : center;text-align:center; padding-top:10px;font-weight: bold;}
.txt-blue{color : #70605e;text-align : center;}
.thumbnail > img{
  width:60px;
  max-width:140%;
}
.thumbnail{
  border:none;
  padding-top:10px;
}
.insurance-calculated{
  background-color: #eee;
}
.insurance-list-box{
  margin : 30px;
  padding:10px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 6px -6px #CCC;
  -moz-box-shadow: 0 10px 6px -6px #CCC;
  box-shadow: 0 10px 6px -6px #CCC;
}
.insurance-title{
  text-align : center;
  padding : 5px;
}
.insurance-block{
  color : #888;
  font-size : 12px;
  margin : 20px 0px 10px 10px;
  border : 1px solid #CCC;
  text-align : center;
  vertical-align: middle;
  height : 200px;
  -webkit-box-shadow: 0 10px 6px -6px #CCC;
  -moz-box-shadow: 0 10px 6px -6px #CCC;
  box-shadow: 0 10px 6px -6px #CCC;
  background: linear-gradient(#FFFFFF, #FFFFFF) !important;
}
.insurance-detail{
  background-color: white;
  border-top:1px solid #CCC;
  color: #70605e;
  text-align : center;
  padding:8px;
  height:100px;
}
.insurance-detail > button{
  border: 0px;
  border-radius : 5px;
  padding-left:20px;
  padding-right:20px;
  color : #ffffff;
  background-color: #70605e;
  padding-bottom : 3px;
}
.insurance-card-selected{
  background-color: #70605e;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  color : white !important;
}
.insurance-card-selected > button{
  background-color: #ffd402;
  color : #70605e !important;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 0px;
}
.btn-process{
  width : 130px;
  font-weight:normal;
}
#tb-plan{
  padding : 10px;
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 6px -6px #CCC;
  -moz-box-shadow: 0 10px 6px -6px #CCC;
  box-shadow: 0 10px 6px -6px #CCC;
}
.plan-left{
  padding : 10px;
  color : #ffffff;
  width:25%;
  height:100px;
  background-color:#70605e;
}
.plan-right{
  color: #70605e;
  width:75%;
  text-align: center;
  /*padding : 10px;*/
}
.plan-row{
  vertical-align:top;
  margin-top:10px;
  border-top:1px solid #ccc;
}
.modal-title{
  font-weight: bold;
  font-size: 16px;
}
.modal-body{
  text-align: center;
}
.btn-dark,.btn-dark:hover{
  background-color: #888 !important;
  border : 0px;
  color : #fff;
  font-weight: normal;
}
.btn-success,.btn-success:hover{
  background-color: #D11F5C !important;
  border : 0px;
  font-weight: normal;
}
.btn-primary,.btn-primary:hover{
  background-color: #ffd402 !important;
  color : #70605e !important;
  border : 0px;
  font-weight: normal;
}
.btn-secondary,.btn-secondary:hover{
  background-color: #4B9856 !important;
  color : #ffffff !important;
  border : 0px;
  font-weight: normal;
}
.btn-danger,.btn-danger:hover{
  background-color: #B71C1C !important;
  color : #ffffff !important;
  border : 0px;
  font-weight: normal;
}
.btn-info,.btn-info:hover{
  background-color: #357ab8 !important;
  color : #ffffff !important;
  border : 0px;
  font-weight: normal;
}
.btn-warning,.btn-warning:hover{
  background-color: #f0ad4e !important;
  color : #ffffff !important;
  border : 0px;
  font-weight: normal;
}
#protection-detail{
  background-color: #ffd402 !important;
  box-shadow: 0 10px 6px -6px #CCC;
}
.panel-warning > .panel-heading{
  background-color: #ffd402 !important;
  color: #70605e;
}
.text-center{text-align: center;}
.no-border{border:0px;box-shadow:0 0 0 0;padding:0px;}
.highlight-type{background-color: #ffd402;}
.error-summary{color:red;}
.font-line-head{
  padding: 5px;
  color: #70605e;
  font-weight: bold;
  border-bottom: 4px solid #ffd402;
  border-top: 4px solid #ffd402;
}
.password-case > ul > li{padding:5px;}


.menu{
  color:#70605e;
  background-color:#fff  !important;
  border:1px solid #70605e  !important;
  padding:10px;
}
.menu-active{
  color:#fff;
  background-color:#70605e !important;
  border:1px solid #70605e  !important;
  padding:10px;
}