Viewing file:  index_head.php (29.25 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="Files/fixed_titlelogo/<?php echo $fixed[fixed_titlelogo]; ?>" type="image/gif" >
<!-- fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;750;800;900&display=swap" rel="stylesheet">
<!-- icon -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="//cdn.ckeditor.com/4.11.4/full/ckeditor.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<style>
/*----------------------body------------------------*/
body{
font-family: 'Inter','Prompt', sans-serif;
transition: all 0.2s;
top: 0px !important;
}
.font1{
font-family: 'Inter','Prompt', sans-serif;
transition: all 0.2s;
}
body > .skiptranslate {
display: none;
}
@media (min-width: 1201px){
body {
padding-top: 80px;
}
.product_detail{
min-height: 459px;
}
.product_photo{
padding-right: 0px;
}
}
@media (max-width: 1200px) {
body {
padding-top: 60px;
}
.product_detail{
margin-top: 15px;
}
#panel-body-product{
min-height: 177px;
}
}
@media (min-width: 1201px){
.index_search {
margin-top: -80px;
}
}
@media (max-width: 1200px) {
.index_search {
}
}
/*-----------------------body------------------------*/
/*-----------------------panel-----------------------*/
.panel-set01 .panel-body {
border-top: 2px solid #ffa226;
}
.panel-set02 {
box-shadow: none;
border: none;
}
.panel-set02 > .panel-heading {
border-bottom : 1px solid #f6c46a;
}
.panel-set03 {
box-shadow: none;
border: none;
}
.panel-set03 > .panel-heading {
border : 1px solid #f6c46a;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
background-color: white;
}
.panel-set04 {
box-shadow: none;
border: none;
}
.panel-set04 > .panel-heading {
border-bottom : 1px solid #f6c46a;
background-color: #f8f8f9;
}
.in-panel01 {
position: absolute;
top: 10px;
right: 0px;
background-color: #d1a43f;
color: white;
padding-left: 7px;
padding-right: 7px;
font-size: 15px;
border-radius: 0px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.in-panel01-b {
position: absolute;
top: 10px;
right: 0px;
background-color: #7b6f4c ;
color: white;
padding-left: 7px;
padding-right: 7px;
font-size: 15px;
border-radius: 0px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.in-panel02 {
position: absolute;
top: 10px;
right: 0px;
background-color: #ff0000;
color: white;
padding-left: 7px;
padding-right: 7px;
font-size: 15px;
border-radius: 0px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.in-panel02-b {
position: absolute;
bottom: 10px;
right: 0px;
background-color: #7b6f4c;
color: white;
padding-left: 7px;
padding-right: 7px;
font-size: 15px;
border-radius: 0px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
/*-----------------------panel-----------------------*/
/*-----------------------navbar-----------------------*/
#computer .navbar{
border-radius: 0px;
margin-bottom: 0px;
border :none;
background-color: #7b6f4c;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
transition: all 0.3s;
}
#computer {
border-radius: 0px;
}
#computer .navbar-brand {
padding-top: 32px;
padding-bottom: 32px;
font-size: 18px;
color: white;
}
#computer .navbar-nav>li>a {
padding: 15px 15px;
font-size: 18px;
text-transform: uppercase;
color: white;
margin-top: 15px;
}
#computer .navbar-nav>li>a:hover {
}
#computer .navbar-default .navbar-nav>.active>a, #computer .navbar-default .navbar-nav>.active>a:focus, #computer .navbar-default .navbar-nav>.active>a:hover {
background-color: inherit;
}
#computer .dropdown-menu>li>a {
display: block;
padding: 10px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
font-size: 16px;
white-space: nowrap;
}
#computer.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
background-color: #d1a43f;
}
#computer .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
color: #555 !important;
background-color: #f2f2f2 !important;
}
#computer .active .nav-bottom{
}
#computer .nav-bottom:hover{
}
@media (min-width: 1201px){
.navbar-form {
padding-top: 12px;
}
#computer .navbar-nav{
float:none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
}
@media (max-width: 1200px) {
#Phone .navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: white;
font-size: 16px;
}
#Phone .navbar-default {
background-color: #7b6f4c !important;
color: white;
border-radius: 0px;
border-top: 3px solid #d1a43f;
}
#Phone .navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
color: white !important;
}
#Phone .navbar-default .navbar-nav>.active>a, #Phone .navbar-default .navbar-nav>.active>a:focus, #Phone .navbar-default .navbar-nav>.active>a:hover {
background-color: #d1a43f !important;
}
#Phone .dropdown-menu>.active>a, #Phone .dropdown-menu>.active>a:focus, #computer .dropdown-menu>.active>a:hover {
background-color: #d1a43f !important;
color: white;
}
#Phone .navbar-nav>li>a:hover {
font-weight: bold;
transition: all 0.3s;
background-color: #7b6f4c !important;
color: white;
}
#Phone .navbar-nav>li>a {
font-size: 17px;
background-color: #7b6f4c !important;
color: white;
}
#Phone .navbar-header {
padding: 5px;
}
#Phone .Subcate{
padding-left: 30px;
}
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
.navbar-fixed-top .navbar-collapse {
max-height: 500px;
}
}
.carousel-control.left, .carousel-control.right {
background-image:none !important;
filter:none !important;
}
.carousel-inner .item img,.carousel-inner > .item > a > img {
width: 100%;
}
#myCarousel{
position: relative;
}
#panel-carousel{
border-radius: 15px;
position: absolute;
z-index: 200;
margin-top: 55px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
border:none;
}
@media (min-width: 1201px) {
.carousel-caption {
position: absolute;
bottom: 20px;
z-index: 10;
padding-top: 0px;
padding-bottom: 100px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
}
/*-----------------------navbar-----------------------*/
/*-----------------------text-----------------------*/
.separator {
display: flex;
align-items: center;
text-align: center;
}
.separator::before, .separator::after {
content: '';
flex: 1;
border-bottom: 1px solid #d1a43f;
}
.separator::before {
margin-right: .25em;
}
.separator::after {
margin-left: .25em;
}
@media (min-width: 1201px){
.page-topic{
font-size: 24px;
font-weight: bold;
}
}
@media (max-width: 1200px) {
.page-topic{
font-size: 18px;
font-weight: bold;
}
}
.ul-1{
list-style: square inside url('Files/next.png');
}
.ul-2{
list-style: square inside url('Files/bullet.gif');
}
.ul-3{
list-style: square inside url('Files/bullet3.gif');
}
.ul-4{
list-style: square inside url('Files/ul-4.gif');
}
.uppercase{
text-transform: uppercase;
}
.underline{
text-decoration: underline;
}
.line-1{
border-bottom: 2px solid #e2bb2c;
}
.line-2{
border-bottom: 2px solid #e2bb2c;
}
.line-3{
border-top: 4px solid #ec1762;
}
.line-4{
border-top: 4px solid #ec1762;
}
hr {
/*border: none;
height: 1px;
margin-top: 5px;margin-bottom: 15px;*/
}
.bold{
font-weight: bold;
}
.indent1{
text-indent: 1em;
}
.indent2{
text-indent: 2em;
}
.indent3{
text-indent: 3em;
}
.hide1 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.hide2{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.hide3{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.hide4{
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.bg-red{
background-color: red !important;
}
.bg-white{
background-color: #fff !important;
}
.bg-black{
background-color: #333 !important;
}
.text-red ,.text-red * {
color: red !important;
}
.text-white ,.text-white * {
color: white !important;
}
.text-black ,.text-black * {
color: #333 !important;
}
.color1{
color: #d1a43f !important;
}
.bg1{
background-color: #d1a43f !important;
}
.color2{
color: #7b6f4c !important;
}
.bg2{
background-color: #7b6f4c !important;
}
.color3{
color: #01265b !important;
}
.bg3{
background-color: #01265b !important;
}
.color4{
color: #ffa226 !important;
}
.bg4{
background-color: #ffa226 !important;
}
.bg6{
background: linear-gradient(90deg, #7b6f4c 50%, #d1a43f 50%);
}
.breadcrumb{
text-align: center;
background-color: #7b6f4c !important;
}
.breadcrumb a{
color: white !important;
}
/*-----------------------text-----------------------*/
/*---------------------shadow-------------------------*/
.no-radius{
border-radius: 0px !important;
}
.no-padding{
padding: 0px;
}
.no-margin{
margin: 0px;
}
.no-border{
border: none;
}
.no-boxsha{
box-shadow: none;
}
.boxsha{
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
transition: all 0.3s;
}
.boxsha:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.boxsha2{
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.boxsha3:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transition: all 0.3s;
}
.boxsha4:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transition: all 0.3s;
}
.boxsha5{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.boxsha5:hover{
box-shadow: none;
transition: all 0.3s;
}
.boxsha6{
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
transition: all 0.3s;
}
.boxsha6:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
}
.boxsha7:hover{
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
/*---------------------shadow-------------------------*/
/*---------------------button-------------------------*/
.btn-main {
color: white;
background-color: #d1a43f;
border-color: #d1a43f;
border:1px solid #d1a43f;
}
.btn-main:hover {
color: white;
}
.btn-main2 {
color: white;
background-color: #7b6f4c;
border-color: #7b6f4c;
border:1px solid #7b6f4c;
}
.btn-main2:hover {
color: white;
}
.btn{
/* border-radius: 15px !important;*/
}
.btn-outline{
background-color: transparent ;
background: none ;
color: inherit ;
transition: all .5s ;
}
.btn-primary.btn-outline {
color: #428bca;
}
.btn-success.btn-outline {
color: #5cb85c;
}
.btn-info.btn-outline {
color: #5bc0de;
}
.btn-warning.btn-outline {
color: #f0ad4e;
}
.btn-danger.btn-outline {
color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
color: #fff;
}
.btn:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transition: all 0.3s;
}
input[type=text] ,input[type=number],input[type=email],input[type=password] , .btn ,button, input, optgroup, select, textarea{
border-radius: 0px !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 3;
color: white;
background-color: #d1a43f;
border-color: #d1a43f;
border-radius: 0px;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: white;
text-decoration: none;
background-color: #7b6f4c;
border: 1px solid #7b6f4c;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu #dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
top: 0;
left: 100%;
margin-top: -1px;
width: auto;
}
.dropdown-submenu #dropdown-menu a{
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-phone {
position: relative;
}
.dropdown-phone .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
}
.form-horizontal .control-label.text-left{
text-align: left;
font-weight: normal;
}
/*---------------------button-------------------------*/
/*---------------------loop-------------------------*/
<?
for ($size=10; $size <= 50; $size++) {
$textsize = "size".$size;
?>
.<? echo $textsize; ?>{
font-size: <? echo $size; ?>px !important;
line-height: <? echo $size*1.6; ?>px !important;
}
<?
}
for ($size=10; $size <= 50; $size++) {
$textsize = "size".$size;
?>
@media (max-width: 991px) {
.resize > .<? echo $textsize; ?> {
font-size: <? echo $size*0.8; ?>px !important;
line-height: <? echo $size*1.5; ?>px !important;
}
}
<?
}
for ($radius=10; $radius <= 50; $radius++) {
$textradius = "radius".$radius;
?>
.<? echo $textradius; ?>{
border-radius: <? echo $radius; ?>px !important;
}
<?
}
for ($radiustop=10; $radiustop <= 50; $radiustop++) {
$textradius = "radiustop".$radiustop;
?>
.<? echo $textradius; ?>{
border-top-right-radius: <? echo $radiustop; ?>px !important;
border-top-left-radius: <? echo $radiustop; ?>px !important;
}
<?
}
for ($radiusbottom=10; $radiusbottom <= 50; $radiusbottom++) {
$textradius = "radiusbottom".$radiusbottom;
?>
.<? echo $textradius; ?>{
border-bottom-right-radius: <? echo $radiusbottom; ?>px !important;
border-bottom-left-radius: <? echo $radiusbottom; ?>px !important;
}
<?
}
for ($img=150; $img >=20; $img=$img-5) {
$textimg = "img".$img;
?>
.<? echo $textimg; ?>{
position: relative !important;
padding-bottom: <? echo $img; ?>% !important;
border-radius: 0px !important;
}
.<? echo $textimg; ?> img{
position: absolute !important;
object-fit: cover !important;
width: 100% !important;
height: 100% !important;
}
<?
}
for ($padding=0; $padding <= 50; $padding++) {
$textpadding = "padding".$padding;
?>
.<? echo $textpadding; ?>{
padding: <? echo $padding; ?>px !important;
}
<?
}
for ($margin=0; $margin <= 30; $margin++) {
$textmargin = "margin".$margin;
?>
.<? echo $textmargin; ?>{
margin: <? echo $margin; ?>px !important;
}
<?
}
for ($between=3; $between <= 30; $between++) {
$textbetween = "between".$between;
?>
.<? echo $textbetween; ?>{
padding-top: <? echo $between; ?>px !important;
<? $betweenbottom=$between-3; ?>
padding-bottom: <? echo $betweenbottom; ?>px !important;
}
<?
}
for ($linehight=0; $linehight <= 30; $linehight++) {
$textlinehight = "linehight".$linehight;
?>
.<? echo $textlinehight; ?>{
line-height: <? echo $linehight; ?>px !important;
}
<?
}
for ($paddingtop=0; $paddingtop <= 50; $paddingtop++) {
$textcss = "paddingtop".$paddingtop;
?>
.<? echo $textcss; ?>{
padding-top: <? echo $paddingtop; ?>px !important;
}
<?
}
for ($paddingbottom=0; $paddingbottom <= 50; $paddingbottom++) {
$textcss = "paddingbottom".$paddingbottom;
?>
.<? echo $textcss; ?>{
padding-bottom: <? echo $paddingbottom; ?>px !important;
}
<?
}
for ($margintop=0; $margintop <= 50; $margintop++) {
$textcss = "margintop".$margintop;
?>
.<? echo $textcss; ?>{
margin-top: <? echo $margintop; ?>px !important;
}
<?
}
for ($marginbottom=0; $marginbottom <= 50; $marginbottom++) {
$textcss = "marginbottom".$marginbottom;
?>
.<? echo $textcss; ?>{
margin-bottom: <? echo $marginbottom; ?>px !important;
}
<?
}
?>
/*---------------------loop-------------------------*/
/*---------------------img-------------------------*/
@media (min-width:1201px){
#top-img{
width: 100%;
object-fit: cover;
height: 520px;
}
}
@media (max-width:1200px){
#top-img{
width: 100%;
height: 300px;
object-fit: cover;
}
}
.full{
width: 100%;
}
.fit{
object-fit: cover;
width: 100%;
}
.hov-pointer:hover {cursor: pointer;}
.hov-img-zoom {
display: block;
overflow: hidden;
}
.hov-img-zoom img{
width: 100%;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.hov-img-zoom:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.img-responsive{
margin: auto;
}
.wrapper100c {
position: relative;
padding-bottom: 100%;
border-radius: 100%;
border: 1px solid #8b0304;
}
.wrapper100c img {
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.Review img{
height: auto !important;
max-width: 100% !important;;
}
.Review iframe{
max-width: 100% !important;;
}
.Review table{
max-width: 100% !important;;
}
.review img{
height: auto !important;
max-width: 100% !important;;
}
.review iframe{
max-width: 100% !important;;
}
.review table{
max-width: 100% !important;;
}
/*---------------------img-------------------------*/
/*---------------------other-------------------------*/
#chat{
right: 20px;
position: fixed;
bottom: 60px;
cursor: pointer;
z-index: 99;
opacity: 0.9;
filter: alpha(opacity=9);
}
.shake {
animation: shake 0.8s !important;
animation-iteration-count: 5 !important;
}
.ani-shake {
animation: ani-shake 1s !important;
animation-iteration-count: 20 !important;
}
@keyframes ani-shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.index_footer{
background: #7b6f4c;
}
.index_footer, .index_footer a{
color: white !important;
transition: color 0.2s ease 0s
}
.index_footer p,.index_footer li{
margin-bottom: 20px !important;
line-height: 20px !important;
}
.index_footer2{
background: #d1a43f;
}
.index_footer2, .index_footer2 a{
color: #7b6f4c !important;
transition: color 0.2s ease 0s
}
.index_footer2 p,.index_footer2 li{
margin-bottom: 20px !important;
line-height: 20px !important;
}
.GoogleMaps iframe{
width: 100% !important;
height: 400px !important;
}
.tinted {
opacity: 1;
filter: brightness(90%);
}
.mega-dropdown {
position: static !important;
}
.mega-dropdown-menu {
padding: 20px 0px;
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.mega-dropdown-menu > li > ul {
padding: 0;
margin: 0;
}
.mega-dropdown-menu > li > ul > li {
list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
display: block;
color: #222;
padding: 3px 5px;
font-size: 20px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
font-size: 18px;
color: #d26e4b;
padding: 5px 60px 5px 5px;
line-height: 30px;
}
.mega-dropdown-menu .dropdown-header a{
color: #d26e4b;
}
.funkyradio div {
clear: both;
overflow: hidden;
}
.funkyradio label {
width: 100%;
border-radius: 0px;
border: 1px solid #D1D3D4;
font-weight: normal;
}
.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
display: none;
}
.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
position: relative;
line-height: 2.5em;
text-indent: 3.25em;
margin-top: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
content: '';
width: 2.5em;
background: #D1D3D4;
border-radius: 0px 0 0 0px;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
color: #888;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
content: '\2714';
text-indent: .9em;
color: #C2C2C2;
}
.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
color: #777;
}
.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
content: '\2714';
text-indent: .9em;
color: #333;
background-color: #ccc;
}
.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
box-shadow: 0 0 0 3px #999;
}
.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
color: #333;
background-color: #ccc;
}
.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #337ab7;
}
.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #5cb85c;
}
.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #d9534f;
}
.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #f0ad4e;
}
.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #5bc0de;
}
/*----w3-modal-----*/
.w3-modal {
display: none;
position: fixed;
z-index: 1031;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.9);
}
.w3-modal-content {
margin: auto;
display: block;
width: 800px ;
max-width: 100% ;
}
.w3-modal-content, #w3caption {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.3s;
animation-name: zoom;
animation-duration: 0.3s;
}
#w3caption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px;
}
@-webkit-keyframes zoom {
from {-webkit-transform:scale(0)}
to {-webkit-transform:scale(1)}
}
@keyframes zoom {
from {transform:scale(0)}
to {transform:scale(1)}
}
.zoom-close {
position: absolute;
top: 10px;
right: 35px;
color: #f1f1f1;
font-size: 50px;
font-weight: normal;
transition: 0.3s;
z-index: 1032 !important;
}
.zoom-close:hover,
.zoom-close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
@media only screen and (max-width: 900px){
.w3-modal-content {
width: 100%;
}
}
/*----w3-modal-----*/
/*bootstrap-select*/
.bootstrap-select .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 300px !important;
}
@media (min-width: 1201px){
.bootstrap-select .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
max-width: 100% !important;
}
}
@media (max-width: 1200px) {
.bootstrap-select .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
max-width: 400px !important;
}
}
/*bootstrap-select*/
/*---------------------*/
.goog-te-gadget {
font-size: 0px !important;
}
.goog-te-combo {
padding: 10px !important;
font-size: 17px !important;
width: 100%;
}
.goog-logo-link{
display: none !important;
}
/*---------------------*/
@-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.2, 1.2);
}
}
@keyframes zoom {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.2, 1.2);
}
}
.carousel-inner .item > .img35 > img {
-webkit-animation: zoom 30s;
animation: zoom 30s;
}
@media (min-width: 1201px){
.img_slides{
position: relative !important;
padding-bottom: 35% !important;
border-radius: 0px !important;
}
.img_slides img{
position: absolute !important;
object-fit: cover !important;
width: 100% !important;
height: 100% !important;
}
}
@media (max-width: 1200px) {
.img_slides{
position: relative !important;
padding-bottom: 50% !important;
border-radius: 0px !important;
}
.img_slides img{
position: absolute !important;
object-fit: cover !important;
width: 100% !important;
height: 100% !important;
}
}
</style>
<script>
$(document).ready(function(){
$('.dropdown-phone .phone').on("click", function(e){
$(this).next('ul').toggle();
e.stopPropagation();
e.preventDefault();
});
});
$(document).ready(function(){
$(".container").click(function(){
$("#myNavbar").collapse('hide');
});
});
function goBack() {
window.history.back();
}
$(document).ready(function(){
$(" .computer").hover(
function() {
$('#dropdown-menu', this).not('.in #dropdown-menu').stop(true,true).slideDown("500");
$(this).toggleClass('open');
},
function() {
$('#dropdown-menu', this).not('.in #dropdown-menu').stop(true,true).slideUp("0");
$(this).toggleClass('open');
}
);
});
</script>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'th',
includedLanguages: 'en,zh-CN,zh-TW,th,ms,lo,my'
}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div class="modal fade" id="google_eng" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" style="color: black;">Select Language</h4>
</div>
<div class="modal-body">
<div id="google_translate_element" style="padding-top: 0px;padding-bottom: 0px;"></div>
<span style="white-space: nowrap;">
</span>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">close</button>
</div>
</div>
</div>
</div>
|