*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.textbox {
width:150px;
min-height:20px;
}

.vdobox {
  position: absolute;
  min-width:70px;
  min-height:50px;
  background-color: transparent;
  border-width:0px;
  width: 100%;
  height: 100%;
}

.fixed-bg {
    min-height: 500px;
    background-attachment: fixed;
}

.slidebox {
  position: absolute;
  min-width:70px;
  height:50px;
  background-color: transparent;
  border-width:0px;
  width: 100%;
}

.draggable {
  background-color: transparent;
  border-width:0px;
  z-index:99999;
}

.table-main {
    display:table;
    width:100%;
    height:100%;
    border-collapse: collapse;
    margin: 0 auto;
    }

.table-inner {
    display:table;
    margin: 0 auto;
}

.table-row{  
     display:table-row;
}
.col{
display:table-cell;
}

.myIframe {
    position: relative;
    padding-bottom: 30.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.myIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow-x:hidden;
}

.classbarx {
	position: absolute;
	height: 250px;
	min-width:100%;
	width:100%;
	top: 0;
	left: 0;
    z-index:55;
}


.rcontainer { 
    position: relative;
    z-index:60;
	padding: 0px !important;
}

.rcontainerns {
    position: relative;
    z-index:60;
}

#pageedit
 {
	background:url('/center/imgcenter/icon/grid.png');
	min-height:150%;
}

.smain {
    z-index:30;
}

.cmenu {
	min-width:50px;
	min-height:10px;
}


.cslide,.cgallery {
	min-width:20px;
	min-height:100px;
}

.cmain {
	min-height:500px;
}

.cbox {
	min-width:150px;
	min-height:50px;
	position: absolute;
    top: 0;
    left: 0;
	z-index:1090;
}

.subcon {
	padding: 0;
	min-height:20px;
	height:auto;
}

  .column100 { width: 100%; }
  .column80{ width: 80%; }
  .column75 { width: 75%; }
  .column66 { width: 66.7%; }
  .column50 { width: 50%; }
  .column33 { width: 33.3%; }
  .column25 { width: 25%; }
  .column20 { width: 20%; }
  .column10 { width: 10%; }
  .columnright { float: right; }
  .columncenter { left: 33.33%; }

.cnav{
	min-height:40px;
    max-width: 100%;
}
.thtnav {
    min-width: 100%;
}

.rezdivt {
padding-top: 10px;
padding-bottom: 10px;
}

.rbody {
  min-width:100px;
  background-color: transparent;
}


.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


.img-responsive {
  display: block;
  height: auto;
  width: 200%;
}

.dragimg {
}

.noresp {
	position: absolute;
}

.nopad {
	padding: 0px !important;
}

.fsize {
position: absolute;
height: auto;
width: auto;
}


.vmenu {
position: absolute;
height: auto;
width: auto;
z-index:9999;
}

.editsize {
background-color: #ffccff;
}

.mframe {
    position: absolute;
    background-color: #bcd5e6;
    text-align: center;
}

.tframe {
    height: 100%;
    width: 100%;
}

html,body{
     height: 100%;
}

.item  {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;   
    flex-wrap: wrap;
}


.dlightsc {
position: absolute;
width: 100%;
height: 100%;
z-index:888;
background-color: rgba(0,0,0,0.3);
}

.bgover {
background-color: rgba(0,0,0,0.1);
}

.ui-resizable-s {
height: 8px;
background:url('/center/imgcenter/icon/resizable.png');
background-position:50% -26px;
background-repeat: no-repeat;
background-color: #dddddd;
}

/* handle on the right */
.ui-resizable-e {
width: 8px;
background:url('/center/imgcenter/icon/resizable.png');
background-position:-26px 50%;
background-repeat: no-repeat;
background-color: #dddddd;
}
/* handle icon (corner) */
.ui-resizable-se {
    width: 10px;
    height: 10px;
}

#dddddd


.disabled {
  opacity: 0.5
  pointer-events: none
  cursor: default
}

ap {
  color:#00cc00
}


.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 100px;
  right: 10px;
  z-index: 9999;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

@font-face {  
    font-family: 'PGVIM';
    src: url('/font/PGVIM.woff') format('woff');  
    font-weight: normal;  
    font-style: normal;  
} 
@font-face {  
    font-family: 'Arabica';
    src: url('/font/Arabica.woff') format('woff');  
    font-weight: normal;  
    font-style: normal;  
} 
@font-face {  
    font-family: 'ASGMatrathanLight';
    src: url('/font/ASGMatrathanLight.woff') format('woff');  
    font-weight: normal;  
    font-style: normal;  
}
@font-face {  
    font-family: 'WDB_Bangna';
    src: url('/font/WDB_Bangna.woff') format('woff');  
    font-weight: normal;  
    font-style: normal;  
}

@font-face {  
    font-family: 'RSU_Regular';
    src: url('/font/RSU_Regular.ttf') format('truetype');  
    font-weight: normal;  
    font-style: normal;  
}
@font-face {  
    font-family: 'Quark-Light';
    src: url('/font/Quark-Light.otf') format('otf');  
    font-weight: normal;  
    font-style: normal;  
}
@font-face {  
    font-family: 'Supermarket';
    src: url('/font/supermarket.ttf') format('truetype');  
    font-weight: normal;  
    font-style: normal;  
}
@font-face {
  font-family: 'Pattaya';
  font-style: normal;
  font-weight: normal;
  src: local('Pattaya'), local('Pattaya-Regular'), url(https://fonts.gstatic.com/s/pattaya/v1/BLoFwaSoCTX5ScC_H1wfZ_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
}
@font-face {
  font-family: 'Itim';
  font-style: normal;
  font-weight: normal;
   src: local('Itim'), local('Itim-Regular'), url(https://fonts.gstatic.com/s/itim/v1/K0fGzmj4WhCGfRyqF-GWtw.woff2) format('woff2');
}
@font-face {
  font-family: 'Sriracha';
  font-style: normal;
  font-weight: normal;
  src: local('Sriracha'), local('Sriracha-Regular'), url(https://fonts.gstatic.com/s/sriracha/v1/CB6rOAcr_-ZXr5Yhxg3NjxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
}


@media screen and ( max-width:640px ) {
	.ui-dialog { width: 100% !important;}
    .fullphone { width: 100% !important;}
	 div li { margin-left: 0 !important;margin-right: 0 !important;}
    .column100 { width: 100% !important;}
    .column80 { width: 100% !important;}
    .column75 { width: 100% !important;}
    .column66 { width: 100% !important;}
    .column50 { width: 100% !important;}
    .column33 { width: 100% !important;}
    .column25 { width: 100% !important;}
    .column20 { width: 100% !important;}
    .column10 { width: 50% !important;}
	#leftside { top:43px;position: absolute !important;}
	#leftside { left: 0px;padding:0px;}
	#rightside { top:43px;position: absolute !important;}
	#rightside { right: 0px !important;padding:0px;}
	.rightto { left: 15px !important;}
}

.app-bar.tranw {
  background-color: transparent;
}
.app-bar.tranw .app-bar-element:hover,
.app-bar.tranw .app-bar-menu > li:hover,
.app-bar.tranw .app-bar-menu > li > a:hover,
.app-bar.tranw .app-bar-element:active,
.app-bar.tranw .app-bar-menu > li:active,
.app-bar.tranw .app-bar-menu > li > a:active {
  background-color: #000000;
}
.app-bar.tranw .app-bar-divider {
  background-color: #4c9cd7;
}
.app-bar.tranw .app-bar-element .d-menu,
.app-bar.tranw .app-bar-menu > li .d-menu {
  background-color: #0072c6;
  border-color: transparent;
}
.app-bar.tranw .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.tranw .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.tranw .app-bar-element .d-menu li > a,
.app-bar.tranw .app-bar-menu > li .d-menu li > a {
  background-color: #0072c6;
  color: #ffffff;
}
.app-bar.tranw .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.tranw .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.tranw .app-bar-element .d-menu li > a:hover,
.app-bar.tranw .app-bar-menu > li .d-menu li > a:hover {
  background-color: #005696;
  color: #ffffff;
}
.app-bar.tranw .app-bar-element .d-menu li:hover > a,
.app-bar.tranw .app-bar-menu > li .d-menu li:hover > a {
  background-color: #005696;
}
.app-bar.tranw .app-bar-element .d-menu .divider,
.app-bar.tranw .app-bar-menu > li .d-menu .divider {
  background-color: #4c9cd7;
}
.app-bar.tranw .app-bar-element .d-menu .divider:hover,
.app-bar.tranw .app-bar-menu > li .d-menu .divider:hover {
  background-color: #4c9cd7;
}
.app-bar.tranw .app-bar-element .dropdown-toggle:before,
.app-bar.tranw .app-bar-menu li .dropdown-toggle:before {
  border-color: #ffffff;
}
.app-bar.tranw .app-bar-element.disabled,
.app-bar.tranw .app-bar-menu li.disabled,
.app-bar.tranw .app-bar-element:disabled,
.app-bar.tranw .app-bar-menu li:disabled {
  color: #555555;
}
.app-bar.tranw .app-bar-element.disabled a,
.app-bar.tranw .app-bar-menu li.disabled a,
.app-bar.tranw .app-bar-element:disabled a,
.app-bar.tranw .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.tranw .app-bar-pullbutton:hover {
  background-color: #005696;
}
.app-bar.tranw .app-bar-drop-container {
  border: 2px solid #0072c6;
  background-color: #0072c6;
  color: #ffffff;
}
.app-bar.tranw .app-bar-drop-container:before {
  background-color: #0072c6;
  border-color: #0072c6;
}
.app-bar.tranw .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #4c9cd7;
  background-color: #4c9cd7;
}
.app-bar.tranw .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #0072c6;
}
.app-bar.tranw .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #005696;
  color: #ffffff;
}

.app-bar.tranb {
  background-color: transparent;
  color: #330000;
}
.app-bar.tranb .app-bar-element:hover,
.app-bar.tranb .app-bar-menu > li:hover,
.app-bar.tranb .app-bar-menu > li > a:hover,
.app-bar.tranb .app-bar-element:active,
.app-bar.tranb .app-bar-menu > li:active,
.app-bar.tranb .app-bar-menu > li > a:active {
  background-color: #eeeeee;
}
.app-bar.tranb .app-bar-divider {
  background-color: #f3f3f3;
}
.app-bar.tranb .app-bar-element .d-menu,
.app-bar.tranb .app-bar-menu > li .d-menu {
  background-color: #aeaeae;
  border-color: transparent;
}
.app-bar.tranb .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.tranb .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.tranb .app-bar-element .d-menu li > a,
.app-bar.tranb .app-bar-menu > li .d-menu li > a {
  background-color: #727272;
  color: #330000;
}
.app-bar.tranb .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.tranb .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.tranb .app-bar-element .d-menu li > a:hover,
.app-bar.tranb .app-bar-menu > li .d-menu li > a:hover {
  background-color: #969696;
  color: #330000;
}
.app-bar.tranb .app-bar-element .d-menu li:hover > a,
.app-bar.tranb .app-bar-menu > li .d-menu li:hover > a {
  background-color: #a4a4a4;
}
.app-bar.tranb .app-bar-element .d-menu .divider,
.app-bar.tranb .app-bar-menu > li .d-menu .divider {
  background-color: #a4a4a4;
}
.app-bar.tranb .app-bar-element .d-menu .divider:hover,
.app-bar.tranb .app-bar-menu > li .d-menu .divider:hover {
  background-color: #a4a4a4;
}
.app-bar.tranb .app-bar-element .dropdown-toggle:before,
.app-bar.tranb .app-bar-menu li .dropdown-toggle:before {
  border-color: #330000;
}
.app-bar.tranb .app-bar-element.disabled,
.app-bar.tranb .app-bar-menu li.disabled,
.app-bar.tranb .app-bar-element:disabled,
.app-bar.tranb .app-bar-menu li:disabled {
  color: #fbfbfb;
}
.app-bar.tranb .app-bar-element.disabled a,
.app-bar.tranb .app-bar-menu li.disabled a,
.app-bar.tranb .app-bar-element:disabled a,
.app-bar.tranb .app-bar-menu li:disabled a {
  color: inherit !important;
}
.app-bar.tranb .app-bar-pullbutton:hover {
  background-color: #acacac;
}
.app-bar.tranb .app-bar-drop-container {
  border: 2px solid #acacac;
  background-color: #acacac;
  color: #330000;
}
.app-bar.tranb .app-bar-drop-container:before {
  background-color: #acacac;
  border-color: #acacac;
}
.app-bar.tranb .app-bar-pullmenu .app-bar-menu {
  border-top: 1px solid #c0c0c0;
  background-color: #c0c0c0;
}
.app-bar.tranb .app-bar-pullmenu .app-bar-menu li:hover {
  background-color: #a2a2a2;
}
.app-bar.tranb .app-bar-pullmenu .app-bar-menu li:hover a {
  background-color: #858585;
  color: #330000;
}