/* CSS reset */
@font-face {
  font-family: 'Conv_Snell Roundhand Script';
  src: url('fonts/Snell Roundhand Script.eot');
  src: url('fonts/Snell Roundhand Script.woff') format('woff'),
    url('fonts/Snell Roundhand Script.ttf') format('truetype'),
    url('fonts/Snell Roundhand Script.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_Optima Medium';
  src: url('fonts/Optima Medium.eot');
  src: url('fonts/Optima Medium.woff') format('woff'),
    url('fonts/Optima Medium.ttf') format('truetype'),
    url('fonts/Optima Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_Snell Roundhand Bold Script';
  src: url('fonts/Snell Roundhand Bold Script.eot');
  src: url('fonts/Snell Roundhand Bold Script.woff') format('woff'),
    url('fonts/Snell Roundhand Bold Script.ttf') format('truetype'),
    url('fonts/Snell Roundhand Bold Script.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Light';
  src: url('fonts/Lato-Light.eot');
  src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lato-Light.woff') format('woff'),
    url('fonts/Lato-Light.ttf') format('truetype'),
    url('fonts/Lato-Light.svg#Lato-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Regular';
  src: url('fonts/Lato-Regular.eot');
  src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lato-Regular/Lato-Regular.woff') format('woff'),
    url('fonts/Lato-Regular/Lato-Regular.ttf') format('truetype'),
    url('fonts/Lato-Regular/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'snell';
  src: url('fonts/Lato-Regular.eot');
  src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lato-Regular/Lato-Regular.woff') format('woff'),
    url('fonts/Lato-Regular/Lato-Regular.ttf') format('truetype'),
    url('fonts/Lato-Regular/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'thaisanslite';
  src: url('fonts/thaisanslite-webfont.eot');
  src: url('fonts/thaisanslite-webfont.woff') format('woff'),
    url('fonts/thaisanslite-webfont.ttf') format('truetype'),
    url('fonts/thaisanslite-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'thaisansneue-bold';
  src: url('fonts/thaisansneue-bold-webfont.eot');
  src: url('fonts/thaisansneue-bold-webfont.woff') format('woff'),
    url('fonts/thaisansneue-bold-webfont.ttf') format('truetype'),
    url('fonts/thaisansneue-bold-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@import url(http://fonts.googleapis.com/css?family=Questrial);

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

html, body {
  margin: 0;
  padding: 0;
  -ms-overflow-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

input {
  border: 1px solid #b0b0b0;
  line-height: 22px;
  color: #CCC;
  -webkit-appearance: none;
  border-radius: 0;
}

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

/* General Demo Style */
body {
  color: #543f17;
  overflow-y: scroll;
  overflow-x: hidden;
}

.ie7 body {
  overflow: hidden;
}

a {
  text-decoration: none;
}

.clr {
  clear: both;
}

::-webkit-scrollbar {
  /**display:none;**/
}

/**wedding-page**/
.detail {
  font-family: Lato-Regular;
  font-style: normal;
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 0.2px;
  width: 80%;
  margin: 30px auto 50px;
  height: 15px;
  text-align: center;
  color: #543f17;
  font-weight: bold;
  display:block
}

.detail a {
  color: #543f17;
}

.detail a:hover, .left a:active {
  color: #a67b00;
}


.btnDetail a {
  width: 170px;
  font-family: 'Lato-Regular', 'Open Sans', sans-serif;
  letter-spacing: 0.08em;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  background: #a78a38;
  margin: 20px auto;
  display: block;
  border: 2px solid #a78a38;
  outline: 1px solid #fff;
  outline-offset: -5px;
  padding: 15px;
  overflow: hidden;
}

.btnDetail a:hover {
  background: #a67b00;
}

.blockNew {
	width:80%;
	margin:0 auto;
	max-width:1150px;
	}
.blockNew ul{
	width:100%;
	max-width:1150px;
	margin:0 auto;
	}
.blockNew li{
	width:32.5%;
	float:left;
}

.block4 {
	width:80%;
	margin:0 auto;
	max-width:1150px;
	}
.block4 ul{
	width:100%;
	max-width:1150px;
	margin:0 auto;
	}
.block4 li{
	width:24.2%;
	float:left;
}

.textThai3 {
	font-family: 'thaisanslite';
	font-size:18px;
  line-height: 12px;
	letter-spacing:.5px;
	}

.vdoCover  {
    width: 80%;
    max-width: 1150px;
    margin: 0 auto;

}
.title_th {
	font-family: 'thaisanslite';
	font-size:18px;
    line-height: 12px;
	letter-spacing:.5px;
	}


  @media only screen
  and (max-width : 600px) {

    .blockNew li,   .block4 li{
    	padding-top:20px;
    	width:100%;
    }

    .detail {

      margin: 20px auto 40px;

    }
    .vdoCover  {
        width: 100%;

    }

  }