/*pattayaflower@hotmail.com*/
html[lang="th"] body {font-family: 'Sarabun', sans-serif; }
html[lang="en"] body {  }
p:last-child { margin-bottom: 0px }

a:link, a:visited, a:active, a:focus { text-decoration: none; color: #000; transition: all 0.2s }
a:hover { color: #602733; text-decoration: none }

h1, h2, h3 { font-family: 'Kanit', sans-serif; }
h4, h5, h6 { font-family: 'Kanit', sans-serif; }

.btn, a.btn, .button, a.ui-button, .ui-button, .make-button, a.make-button, .CheckoutButton, .ShoppingCartButton a.checkOut, .AddPropertyConfirmLink, a.ShoppingCartLink, a.Printbutton, a.ContinueShoppingButton, .LoginToSeePrice > a, a.LinkToPropertyDetail, .AllDetails a, .MoreDetails a, button, input[type="submit"], input[type="reset"], input[type="button"], .ui-dialog .ui-dialog-buttonset button, .PropertyMoreDetailsLink.ui-button, .CheckAvailableUnitsLink a, .RemoveWishList .RemoveWishListLink, .AddToWishList .AddToWishListLink, a.CategoryItemSlideShowAllLink, .ShoppingCartButton a.saveAsDraft, .PageMyAccountEditForumUserSetting #ContentArea form+div a {
    background-color: #521C29;
    color: #fff;
    font-weight: normal
}
.btn:hover,a.btn:hover, .button:hover, .ui-button:hover, .make-button:hover, a.make-button:hover, .CheckoutButton:hover, .ShoppingCartButton a.checkOut:hover, .AddPropertyConfirmLink:hover, a.ShoppingCartLink:hover, a.Printbutton:hover,a.ContinueShoppingButton:hover,.LoginToSeePrice > a:hover, a.LinkToPropertyDetail:hover, .AllDetails a:hover, .MoreDetails a:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .ui-dialog .ui-dialog-buttonset button:hover, .PropertyMoreDetailsLink.ui-button:hover, .CheckAvailableUnitsLink a:hover, .RemoveWishList .RemoveWishListLink:hover, .AddToWishList .AddToWishListLink:hover, a.CategoryItemSlideShowAllLink:hover, .ShoppingCartButton a.saveAsDraft:hover, .PageMyAccountEditForumUserSetting #ContentArea form+div a:hover { 
    background-color: #521C29;
    color: #fff;
    font-weight: normal
}
.btn:active,a.btn:active, .button:active, .ui-button:active, .make-button:active, a.make-button:active, .CheckoutButton:active, .ShoppingCartButton a.checkOut:active, .AddPropertyConfirmLink:active, a.ShoppingCartLink:active, a.Printbutton:active,a.ContinueShoppingButton:active,.LoginToSeePrice > a:active, a.LinkToPropertyDetail:active, .AllDetails a:active, .MoreDetails a:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .ui-dialog .ui-dialog-buttonset button:active, .PropertyMoreDetailsLink.active, .CheckAvailableUnitsLink a:active, .RemoveWishList .RemoveWishListLink:active, .AddToWishList .AddToWishListLink:active, a.CategoryItemSlideShowAllLink:active, .ShoppingCartButton a.saveAsDraft:active, .PageMyAccountEditForumUserSetting #ContentArea form+div a:active {
    background-color: #521C29;
    color: #fff;
    font-weight: normal
}

/* header
===============================================================================*/
#HeaderArea {box-shadow:0 0 20px rgba(50,50,50,0.2)}
.HomePage #HeaderArea {box-shadow:0 0 0px rgba(50,50,50,0.2)}
#HeaderArea img {height:140px;padding:8px 0;}
.HeaderContentSectionsWrapper:nth-child(2) { background: #521C29; }
.HeaderContentSectionsWrapper:nth-child(3) { text-align: center }

/*-- menu --*/
.topnav { text-align: right }
.topnav li:last-child a { padding-right: 0 } 
.topnav a { color: #ceb89b; line-height: 34px; font-family: 'Kanit', sans-serif; font-weight: 300 }
.topnav li:hover a { background: rgba(0,0,0,0.2) }
.topnav .VerticalDropDownMenu_active a { background: none }
/*-- shopping cart --*/
.TopSlidingCart { position: absolute; right: 0px; top: calc(34px + 40px); }
#TotalQuantityOnCart { border-radius: 50px !important; width: 22px; padding: 0 !important; line-height: 22px !important; height: 22px !important; background: #6BBC44 !important; right: calc(100% + 4px) !important }
#TotalQuantityOnCart:after { display: none }
#slidingTopFooter > div a { padding-left: 70px }
#slidingTopFooter > div:last-child a { padding-left: 36px }
#slidingTopFooter > div a:before { background-size: 48px; height: 48px; width: 48px }
/*-- language --*/
.LanguagePanel { position: absolute; bottom: calc(100% + 60px) }
.LanguagePanel a { padding: 0px 36px 0px 0px; background-position: center right; background-size: 24px; font-family: 'Kanit', sans-serif; }


/* Footer
===============================================================================*/
#FooterArea .row {margin-left: -15px;margin-right: -15px;color: #808080;}
.FooterSectionsWrapper:nth-child(1) { background: #521C29; color: #fff; padding: 42px 0 44px }
.FooterSectionsWrapper:nth-child(1) .col-md-6 { max-width: 33.3333%; flex-basis: 33.3333%; color: #ceb89b }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) { max-width: 66.6667%; text-align: right; font-size: 0px; flex-basis: 66.6667%; padding-top: 20px }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) .Title { display: none }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a { display: inline-block; width: 150px; font-size: 14px; text-align: center; height: 100px; padding-top: 14px; color: #ceb89b; font-size: 14px }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:hover{color: #fff;}

.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a+a { border-left: 1px solid #744947 }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a i { font-size: 0px; display: block; position: relative; z-index: 1 }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:nth-child(1) i { font-size: 0px; color: #fff; background: #E1B8A2; border-radius: 38px; width: 38px; height: 38px; margin: auto; line-height: 38px }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:nth-child(2) i { font-size: 0px; color: #fff; background: #E1B8A2; border-radius: 38px; width: 38px; height: 38px; margin: auto; line-height: 38px }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:nth-child(3) i { font-size: 0px; color: #36B54A }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:nth-child(4) i { font-size: 0px; color: #3F83C2 }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:nth-child(5) i { font-size: 0px; color: #FBAB18 }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a i:before { font-size: 40px }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a i:after { content: ""; background: #fff; position: absolute; width: 28px; height: 29px; left: 0px; top: 3px; right: 0; margin: auto; z-index: -1; border-radius: 50px }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:nth-child(1) i:before {font-size: 14px;}
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:nth-child(2) i:before {font-size: 14px;}
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:nth-child(1) i:after { display: none }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:nth-child(2) i:after { display: none }
.FooterSectionsWrapper:nth-child(1) .col-md-6:nth-child(2) a:nth-child(5) i:after { top: 0px }

.FooterSectionsWrapper:nth-child(2) { padding: 60px 0 80px }
.FooterSectionsWrapper:nth-child(2) h4 { font-size: 22px; color: #000 }
.FooterSectionsWrapper:nth-child(2) strong { color: #000 }
.FooterSectionsWrapper:nth-child(2) .col-md-4:first-child a { font-weight: 500; font-size: 16px; font-family: 'Kanit', sans-serif; line-height: 1.6 }
.FooterSectionsWrapper:nth-child(2) .col-md-4:first-child i { color: #E1B8A2 }
.FooterSectionsWrapper:nth-child(2) .col-md-4:nth-child(2) a { font-weight: bold }
.FooterSectionsWrapper:nth-child(2) .col-md-4:nth-child(2) > div { padding-right: 100px }
.FooterSectionsWrapper:nth-child(2) .col-md-4:last-child a { display: inline-block; width: 50px; height: 50px; text-align: center; color: #fff; border-radius: 50px; margin-top: 10px }
.FooterSectionsWrapper:nth-child(2) .col-md-4:last-child a+a { margin-left: 14px }
.FooterSectionsWrapper:nth-child(2) .col-md-4:last-child a i { font-size: 0px }
.FooterSectionsWrapper:nth-child(2) .col-md-4:last-child a i:before { font-size: 20px; line-height: 50px; }
.FooterSectionsWrapper:nth-child(2) .col-md-4:last-child a:nth-child(1) { background: #CC1D56 }
.FooterSectionsWrapper:nth-child(2) .col-md-4:last-child a:nth-child(2) { background: #3C9CD6 }
.FooterSectionsWrapper:nth-child(2) .col-md-4:last-child a:nth-child(3) { background: #4167B2 }




/* homepage
===============================================================================*/
.HomePage #HeaderArea { border: 0 }
.HomePage #ContentArea { padding: 0 }
.HomePage .MainContentSectionsWrapper:nth-child(1) > div { max-width: 1600px; padding-bottom: 44px; background: #FDD7C0 }
.HomePage .MainContentSectionsWrapper:nth-child(1) > div:before { 
    position: absolute; content: ""; height: 100%; max-width: 1200px; margin: auto; left: 0px; right: 0px;
    background: linear-gradient(to right, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.0) 100%)
}
.HomePage .MainContentSectionsWrapper:nth-child(1) .SectionHeader { text-align: center; font-weight: 300; color: #521C29; padding: 30px 0 16px; font-size: 28px; position: relative }
.HomePage .slider-wrapper { max-width: 1200px; margin: auto; box-shadow: 0px 8px 24px rgba(0,0,0,0.25) }
.HomePage .nivoSlider:before { position: absolute; content: ""; width: calc(100% - 30px); height: calc(100% - 30px); border: 4px solid rgba(255,255,255,0.8); top: 15px; left: 15px; z-index: 8 }

.HomePage .MainContentSectionsWrapper:nth-child(2) { padding: 100px 0 120px; text-align: center }
.HomePage .MainContentSectionsWrapper:nth-child(2) .SectionHeader { position: relative; display: inline-block }
.HomePage .MainContentSectionsWrapper:nth-child(2) .SectionHeader:after { content: ""; border-bottom: 2px solid #FDD7C0; display: block; margin-bottom: 48px; padding-bottom: 30px }
.HomePage .CategoryImage { font-size: 0px }
.HomePage .Category_item { display: inline-block; margin-left: 5%; width: 30% }
.HomePage .Category_item:nth-of-type(3n+1) { margin-left: 0px }
.HomePage .Category_item:nth-of-type(n+4) { margin-top: 30px }
.HomePage .Category_item img { width: 100% }
.HomePage .Category_item h3 { font-size: 19px; margin-top: 30px } 

.HomePage .MainContentSectionsWrapper:nth-child(0) { padding: 0 0 124px; }
#Article86762 .ImageCover { float: right; max-width: 50%; width: 100%; }
#Article86762 .ImageCover .Image { max-width: 530px; margin: auto; border: 14px solid #fff; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); overflow: hidden; }
#Article86762 .ArticleInfo { float: left; width: 50%; padding: 0 70px 0 60px }
#Article86762 .ArticleInfo h2 { font-size: 36px; }
#Article86762 .ArticleInfo p { margin: 20px 0; font-size: 18px; color: #808080 }
#Article86762 .ArticleInfo a { background: none; border-radius: 40px; border: 2px solid #FDD7C0; line-height: 42px; height: 46px; margin-top: 10px; font-size: 15px; font-family: 'Kanit', sans-serif; }

.HomePage .MainContentSectionsWrapper:nth-child(3) { padding: 106px 0; background: #FDD7C0; }
#Article86777 .ImageCover { float: left; max-width: 520px; margin-left:0px; box-shadow: 0px 20px 70px rgba(255,255,255,0.4); }
#Article86777 .ImageCover .Image { max-width: 520px; margin: auto; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); overflow: hidden; }
#Article86777 .ArticleInfo { float: right; max-width: 50% }
#Article86777 .ArticleInfo ul { padding-left: 30px; font-size: 16px; padding-top: 10px }
#Article86777 .ArticleInfo li { margin-top: 10px }
#Article86777 .ArticleInfo p:last-child { margin-top: 20px }
#Article86777 .ArticleInfo a { background: none; border-radius: 40px; border: 2px solid #521C29; line-height: 42px; height: 46px; margin-top: 10px; font-size: 15px; font-family: 'Kanit', sans-serif; color: #521C29 }

.HomePage .MainContentSectionsWrapper:nth-child(4) { padding: 100px 0 140px; text-align: center }

.HomePage .MainContentSectionsWrapper:nth-child(4) .SectionHeader { position: relative; display: inline-block; margin: auto; left: 0px; right: 0px; font-size: 28px; }
.HomePage .MainContentSectionsWrapper:nth-child(4) .SectionHeader:after { content: ""; border-bottom: 2px solid #FDD7C0; display: block; margin-bottom: 48px; padding-bottom: 30px }

#Category_item9582,
#Category_item9665 {display:none}

/* Subpage
===============================================================================*/
#ContentArea { padding: 40px 0 }
#Article86778 { text-align: center }
#Article86778 .Title { position: relative; display: inline-block; margin: auto; left: 0px; right: 0px; }
#Article86778 .Title:after { content: ""; border-bottom: 2px solid #FDD7C0; display: block; margin-bottom: 48px; padding-bottom: 30px }
#Article86778 .Body { text-align: initial }
#Article86778 ul { padding-left: 20px; font-size: 16px }
#Article86778 li+li { margin-top: 16px; }
#Article86778 img { float: right; margin-left: 60px }
#Article86778 h3 {/* margin-top: 30px; */font-size: 22px;color: #521C29;}
#Article86778 p {font-size: 16px;}

#MainContentSections21979 { text-align: center }
#gallery { text-align: initial }

.GalleryStyle li a:before { background: rgba(0,0,0,0.35); height: 100% }
.GalleryStyle li a:after { display: none }
.GalleryStyle li img { transition: all 0.5s }
.GalleryStyle li:hover img { transform: scale(1.2,1.2) }
.GalleryStyle li:hover .Hor img { transform: translateX(-50%) scale(1.2,1.2) }
.GalleryStyle li:hover a:before { background: rgba(0,0,0,0) }




#MainContentSectionsWrapper21999 .GalleryStyle li a { padding-top: 126% !important }
#MainContentSectionsWrapper21999 .GalleryStyle li a:before,
#MainContentSectionsWrapper21999 .GalleryStyle li a:after { display: none }
#MainContentSectionsWrapper21999 .GalleryStyle li:hover img { transform: none }


.PageCategoryShowNoSub #RightArea { padding-top: 40px; padding-bottom: 40px }
.productListItem { text-align: center }
.productListItem .productDescription { margin-top: 4px }

.PageProductDetails .ui-tabs-nav .ui-state-active a { background: #FDD7C0; color: #521C29 }

html[lang="th"] .active-step, html[lang="th"] .inactive-step { padding: 0px 38px 0px 44px; margin: 0px 15px; }
.active-step:before { background-color: #521C29 }

.ArticleDetails .DateCreated { display: none }
.ArticleDetails .Body { margin-top: 30px }


/***********************************************
Product list
************************************************/
.showCategory h1 {letter-spacing:2px;padding-bottom:40px;margin-bottom:50px;position:relative;text-align:center; font-size:36px }
.showCategory h1:after { content:"";position:absolute;width:10%;height:2px;left:0;right:0;bottom:0;margin:auto;background:#E1B8A0; }
.showCategory {  text-align: left }
.ListProducts {width:1200px; margin:auto}
.productListItem { border:solid 1px #ddd;padding-bottom: 12px;}
.productListItem .productListImage { /*padding-top: 132%;*/ overflow: hidden }
.productListItem .productListImage img {max-height: none;max-width: 100%;width: 100%; }
.productListName, .productDescription, .LoginToSeePrice {margin: 12px 0 0}

/***********************************************
Customer review
************************************************/
#section21970 .Image { width:100%; margin: auto; border: 0px solid #fff;  box-shadow: 0px 0px 0px rgba(0,0,0,0.1); overflow: hidden;}
.TestimonialItem { float: left; width: 30% }
.TestimonialItem+div {margin-left: 5%;}
.flex-control-nav { bottom: auto; top: calc(100% + 30px) }
.flex-control-paging li a { background: #FDD7C0; box-shadow: none }
.flex-control-paging li a.flex-active { background: #521C29 }
.review {display:block; padding:20px 0 0 0; margin-left:0 !important; font-size:16px;}

/***********************************************
Gallery
************************************************/
.listGalleries h2 { font-weight:500;letter-spacing:2px;padding-bottom:40px;margin-bottom:50px;position:relative;text-align:center }
.listGalleries h2:after { content:"";position:absolute;width:15%;height:2px;left:0;right:0;bottom:0;margin:auto;background:#E1B8A0; }

.listGalleries a { position: relative; display: block }
.listGalleries a:first-child:after {  
	content: "";
	position: absolute; bottom: 0px; height: 100%; width: 100%; z-index: 10; text-align: center; color: #fff;
	left: 0;
	top: 0;
	transition: all 0.5s;
	margin: 0px;
	text-align: center;
	background: rgba(0,0,0,0.1);
}
.listGalleries a:hover:after { background: rgba(0,0,0,0.5); transition:0.4s}
.HomePage #gallery li:nth-of-type(n+9) { display: none !important} 
.GallerySet.ImageCrop .ImageItem {text-align:left}
.GallerySet .ImageItem {margin:10px}

/*************************************************
Footer
**************************************************/
#FooterSectionsWrapper21954{ background: #ccc linear-gradient(to bottom,#f0f0f0 0%, #fff 100%);}

.PageProductDetails #ContentArea { background: none } 
.ProductZoomImageWrapper button i {display: none }
.ProductDetails + div { clear: none !important }
#tabs-file { float: right; width: 35% }
#tabs-file-description ul { padding-left: 20px }


/*
=======================================*/
.CategorySide #ContentArea, .PageCategoryShowNoSub #ContentArea { width: 100%; max-width: 1200px; padding: 0px 0 0 }
.CategorySide #RightArea, .PageCategoryShowNoSub #RightArea { width: 100%; max-width: 1200px; padding: 40px 0 0; text-align: center }
.CategoryStyle.No1 {
	background: none;
	display: flex;
	justify-content: center
}
.CategoryStyle.No1 .CategoryAccordianMenuItem {
	display: inline-block; margin: 0 20px; border: 0
}
.CategoryStyle.No1 .SectionHeader { background: none; color: #521C29; font-weight: bold; padding: 0 !important; display: none }
.CategoryStyle.No1 a { color: #000 }
.CategoryAccordianMenu > li > a { line-height: normal }
.CategoryStyle.No1 a:hover:hover { color: #521C29; }
.CategoryStyle.No1 .ActiveCategory > a { color: #521C29;  }
/*shiping price*/
#Article87081 .ArticleBody div:nth-child(2) {float:left;font-size:18px;width: 48%;}
#Article87081 .ArticleBody div:nth-child(3) {font-size:18px;width: 48%;float: right;}
#Article87081  {text-align:center}