| Server IP : 172.67.216.113 / Your IP : 172.71.28.145 [ Web Server : Apache System : Linux cpanel01wh.bkk1.cloud.z.com 2.6.32-954.3.5.lve1.4.59.el6.x86_64 #1 SMP Thu Dec 6 05:11:00 EST 2018 x86_64 User : cp648411 ( 1354) PHP Version : 7.2.34 Disable Function : NONE Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/cp648411/www/simded.com/shop/control/css/ |
Upload File : |
<style media="screen">
@font-face {
font-family:'Superspace_Bold';
src: url('font/Superspace/Superspace Bold ver 1.00.ttf') format('truetype');
}
@font-face {
font-family:'Superspace';
src: url('font/Superspace/Superspace Light ver 1.00.ttf') format('truetype');
}
@font-face {
font-family:'eak_khunwai';
src: url('font/eak_khunwai.ttf') format('truetype');
}
@font-face {
font-family:'Superspace_Bold';
src: url('../../../css/font/Superspace/Superspace Bold ver 1.00.ttf') format('truetype');
}
@font-face {
font-family:'Superspace';
src: url('../../../css/font/Superspace/Superspace Light ver 1.00.ttf') format('truetype');
}
@font-face {
font-family:'eak_khunwai';
src: url('../../../css/font/eak_khunwai.ttf') format('truetype');
}
@font-face {
font-family:'DB-RAMINTRA-BD';
src: url('../../../fonts/DB RAMINTRA/DB RAMINTRA X BD.TTF') format('truetype');
}
@font-face {
font-family:'DB-RAMINTRA-BDIT';
src: url('../../../fonts/DB RAMINTRA/DB RAMINTRA X BDIT.TTF') format('truetype');
}
@font-face {
font-family:'DB-RAMINTRA-ITALIC';
src: url('../../../fonts/DB RAMINTRA/DB RAMINTRA X ITALIC.TTF') format('truetype');
}
@font-face {
font-family:'DB-RAMINTRA-LI';
src: url('../../../fonts/DB RAMINTRA/DB RAMINTRA X LI.TTF') format('truetype');
}
@font-face {
font-family:'DB-RAMINTRA-LIIT';
src: url('../../../fonts/DB RAMINTRA/DB RAMINTRA X LIIT.TTF') format('truetype');
}
@font-face {
font-family:'DB-RAMINTRA-ULTRALI';
src: url('../../../fonts/DB RAMINTRA/DB RAMINTRA X ULTRALI.TTF') format('truetype');
}
@font-face {
font-family:'DB-RAMINTRA-ULTRALIIT';
src: url('../../../fonts/DB RAMINTRA/DB RAMINTRA X ULTRALIIT.TTF') format('truetype');
}
@font-face {
font-family:'DB-RAMINTRA-X';
src: url('../../../fonts/DB RAMINTRA/DB RAMINTRA X.TTF') format('truetype');
}
@font-face {
font-family:'KANIT-REGULAR';
src: url('../../../fonts/KANIT/KANIT-REGULAR.TTF') format('truetype');
}
@font-face {
font-family: 'SarabunLight';
src: url('../../../css/font/Sarabun/Sarabun-Light.ttf') format('truetype');
}
/*body {
padding-top: 115px; font-family:'Superspace_Bold';font-size:14px;
}
*/
body {
padding-top: 0px; /*font-family:'Superspace_Bold';*/
font-family: 'SarabunLight','DB-RAMINTRA-X',Verdana, Geneva, sans-serif;
font-size: 1.2rem;
font-weight: 400;
}
/*
@media (max-width: 1193px)
{
body { padding-top: 0px;}
}
@media (max-width: 991px)
{
body { padding-top: 160px;}
}
@media (max-width: 767px)
{
body { padding-top: 80px;}
}
*/
.ber_mtop{margin-top:15px;}
/*.MenuBg{ background: linear-gradient(to bottom, rgba(219,024,30,1) 0%,rgba(122,0,0,1) 95%); }*/
MenuBg{ background-color:#790000; }
.Bgfooter{ background-color:#790000;min-height:120px;font-size:12px;}
.ft_text{margin-top:20px;border-left:2px solid #FFF;min-height:150px;}
.login_no{padding-left:10px;margin-right:-25px;}
.navbar-inverse .navbar-brand {
color: #FFF;
}
.name_logo{font-size:50px;color:#FFF;font-family: 'SarabunLight','DB-RAMINTRA-X';padding-top:50px;width:250px;}
@media (max-width: 768px)
{
.name_logo{padding-top:0px;width:auto;color:#FFF;padding-top:10px;}
}
.navbar-default .navbar-brand {
color: #FFF;
}
@media (max-width: 1024px)
{
.menuBasket{ margin-top:5px;padding-left:5px;margin-bottom:10px;}
.login_no{ margin-top:5px;padding-left:15px;}
.NavLabel{ margin-top:5px;}
}
@media (max-width: 768px)
{
.menuBasket{ margin-top:5px;padding-left:5px;margin-bottom:10px;}
.ft_text{margin-top:20px;border-left:0px solid #FFF;height:auto;}
.login_no{ margin-top:5px;padding-left:15px;}
.NavLabel{ margin-top:5px;margin-bottom:10px;}
}
.menu_login{padding-left:15px;}
@media (max-width: 768px)
{
.menu_login{padding-left:15px;margin-top:10px;margin-bottom:10px;}
}
.btn-sale{ background-color:#ed1c24;border:1px solid #ed1c24;padding-left:20px;padding-right:20px;width:100%;}
.ber_con{font-weight:bold;font-size:14px;padding-left:0px;padding-top:8px;}
@media (max-width: 768px){.ber_con{font-weight:bold;font-size:14px;padding-left:15px;padding-top:8px;}}
.ber_foot{margin-top:3px;}
.ber_img{text-align:left;padding-top:8px;}
.ber_nameS{margin-top:15px;padding-left:0px;}
@media (max-width: 768px){.ber_nameS{margin-top:15px;padding-left:15px;}}
.ber_nameS2{font-size:14px;font-weight:bold;}
.ber_fav{margin-top:5px;padding-top:10px;}
.navbar-header{ height:98px;}
@media (max-width: 768px)
{
.navbar-header{ height:60px;}
}
.navbar-nav{ font-family:'SarabunLight','DB-RAMINTRA-X',Verdana, Geneva, sans-serif;font-size:16px;font-weight:bold;}
.nav>li>a {
position: relative;
display: block;
padding: 10px 10px;
}
.navbar-inverse .navbar-nav > li > a {
color: #FFFFFF;
}
.nav > li > a:focus, .nav > li > a:hover {
text-decoration: none;
background-color: #eee;
}
@media (max-width: 375px)
{
.navbar-brand{ width:230px;}
}
.fm_reading > .divphonenumber > div > .form-control{ width:77%;}
@media (max-width: 768px)
{
.divphonenumber{ width:100%;}
.fm_reading div{ padding-top:10px;}
.fm_reading > .divphonenumber{ margin-left:15px;}
}
@media (max-width: 414px)
{
.fm_reading > .divphonenumber > div > .form-control{ width:50%;}
}
.navbar-inverse {
background-color: #790000;
/*border-color: #FFFFFF;*/
border-bottom:0px solid #FFF;
}
.navbar-inverse .navbar-toggle {
border-color: #FFFFFF;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color: #de1920;
}
.NavLabel{border:2px solid #FFF;background-color:#00a651;color:#FFF;
padding:10px 6px;border-radius:8px;width:150px;text-align:center;height:45px;font-size:14px;}
.li-shop-img{padding-left:15px;margin-top:-20px;}
@media (max-width: 992px)
{
.NavLabel{ margin-top:10px;}
.li-shop-img{padding-left:15px;margin-top:10px;}
}
@media (max-width: 768px)
{
.NavLabel{ margin-top:5px;}
}
.DivprofileR-Head {background-color:#c8ac52;padding-top:7px;padding-bottom:7px;color:#FFF;padding-left:15px;font-size:20px;border:1px solid #c8ac52;}
.DivprofileR-Detail{ border:1px solid #c8ac52;background-color:#FFF;padding:15px;}
.DivprofileR-Detail > div {text-align:center;margin-top:10px;}
.btn_read{ background-color:#0248bb;width:129px;font-size:16px;}
.MenuBgBottom{/*background:url(../images/tap_top.jpg) no-repeat, linear-gradient( to right, #bb8233 50%, #bb8233 50%, #f5dd71 0%, #f5dd71 100% ) ;height:8px;*/}
.MenuBgBottom {
/* background: url(../images/tap_top.jpg) no-repeat, linear-gradient( to right, #bb8233 50%, #bb8233 50%, #f5dd71 0%, #f5dd71 100% );
height: 8px;*/
}
/*
.HeadText{text-align:center;font-size:50px;font-family:'SarabunLight','DB-RAMINTRA-X';line-height:35px;}
.HeadTextL{text-align:left;font-size:50px;font-family:'SarabunLight','DB-RAMINTRA-X';line-height:35px;}
.HeadText2{text-align:center;font-size:44px;font-family:'SarabunLight','DB-RAMINTRA-X';line-height:35px;}
*/
.HeadText {text-align: center;font-size: 1rem;line-height: 35px;}
.HeadTextL {font-size: 1.3rem;line-height: 35px;}
.HeadTextL2 {font-size: 1.5rem;line-height: 35px;}
.HeadTextXL {font-size: 1.75rem;line-height: 35px;}
.HeadTextXXL {font-size: 2.7rem;line-height: 35px;}
.HeadText2 {text-align: center;font-size: 44px;line-height: 35px;}
@media (max-width: 414px) {
.text-footer-detail {font-size: .75rem;}
.text-footer-title {font-size: 1rem;}
.text-footer-detail-2 {font-size: .6rem;}
.ft_text {line-height: unset;}
.ls-sm-normal {letter-spacing: normal;}
.HeadTextXXL {font-size: 2rem;}
.text-spacing-md {letter-spacing: 0.01px;-webkit-letter-spacing: normal; /* Safari */}
}
.DivCat{background-color:#fff2c5;padding:10px 20px 0px 15px;}
.BoxCat{float:left;width:135px;height:120px;border:0px solid #F00;margin-left:25px;margin-bottom:7px;}
.BoxCat > a > .BoxCatText{font-size:18px;text-align:center;text-decoration:none;color:#333;}
.BoxCat > a:hover{text-decoration:none;}
@media (max-width: 385px)
{
.DivCat{padding:20px 10px 0px 10px;}
.BoxCat{margin-left:15px;}
}
@media (max-width: 320px)
{
.DivCat{padding:10px 0px 0px 2px;}
.BoxCat{margin-left:3px;width:130px;height:120px;}
}
.Banner{margin-top:45px;}
.carousel-indicators {
top: -30px;
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators .active {
width: 17px;
height: 17px;
margin: 1px;
background-color: #ed1c24;
border:1px solid #ed1c24;
}
.carousel-indicators li {
display: inline-block;
width: 17px;
height: 17px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #c8ac52;
/* background-color: rgba(0,0,0,0);*/
border: 1px solid #c8ac52;
border-radius: 10px;
}
.BgWhite{ background-color: transparent;}
.DivSearch{background-color:#fff2c5;padding:20px 30px;}
@media (max-width: 768px){.DivSearch{padding-top:10px;margin-top:0px;}.BgWhite{ background-color:#FFF;}}
.InputNumber{
width:23px;height:36px;-webkit-border-radius:4px;-moz-border-radius:4px;
border-radius:4px;border:1px solid #FFF;font-size:28px;color:#000;
margin-top:5px;margin-bottom:5px;border:1px solid #c8ac52;text-align:center
}
.InputFM{
height:36px;-webkit-border-radius:4px;-moz-border-radius:4px;
border-radius:4px;border:1px solid #FFF;font-size:30px;color:#000;padding-left:15px;
margin-right:10px;margin-top:5px;margin-bottom:5px;border:1px solid #c8ac52;
}
.input_number_line{
width:20px;height:13px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #FFF;margin:0 20px 0 15px;
}
select.drop_stylenum{
padding:20px;
}
.BoxSearch{padding-left:5px;padding-right:5px;text-align:center}
.LabelSearch{ text-align:center;font-size:18px;}
@media (max-width: 768px){.BoxSearch{padding-left:15px;padding-right:15px;text-align:left}.LabelSearch{ text-align:left;}}
.HeadText_2 { text-align: center;font-family: 'SarabunLight','DB-RAMINTRA-X';font-size:45px;}
.div_agm{padding-left:35px;}
@media (max-width: 768px){.div_agm{padding-left:0px;}}
.btn_agm1{width:100%;font-weight:bold;background-color:#ed1c24;border:1px solid #ed1c24;}
.btn_agm2{width:100%;font-weight:bold;background-color:#c8ac52;border:1px solid #c8ac52;color:#FFF;}
.btn_agm2:hover{width:100%;font-weight:bold;background-color:#a88f41;border:1px solid #a88f41;color:#FFF;}
.btn-line{background-color:#00c300;border:1px solid #00c300;margin-bottom:25px;font-size:20px;width:100%;}
.btn-line:hover{background-color:#02af02;border:1px solid #02af02;}
.btn-face{background-color:#0248bb;border:1px solid #0248bb;margin-bottom:25px;font-size:20px;width:100%;}
.btn-face:hover{background-color:#0341a7;border:1px solid #0341a7;}
.Drop{ -webkit-border-radius:4px;-moz-border-radius:4px;
border-radius:4px;border:1px solid #c8ac52;margin-top:5px;height:36px;margin-bottom:5px;width:100%;padding:8px 10px;}
input[type=radio] {margin: 0;padding-top: 3px;border-color: #F00;}
.label_search_ext {vertical-align: center;}
.like {margin-top: 3px;display: block;}
.label_search_like {margin-bottom: 7px;margin-top: -3px;}
.labels_numlike {display: block;margin-bottom: 5px;}
.number_like {cursor: pointer;background-color: #47b350;padding: 6px 12px 6px 12px;color: #fff;border-radius: 50%;font-size:20px;}
.number_ori {cursor: pointer;background-color: #FFFFFF;padding: 6px 12px 6px 12px;color: #000;border-radius: 50%;font-size:20px;
display:inline-block;margin-bottom:8px;line-height:20px;width:36px;height:36px;margin-top:0px;text-align:center}
.number_dislike {cursor: pointer;background-color: #e8252d;padding: 6px 12px 6px 12px;color: #fff;border-radius: 50%;font-size:20px;display:inline-block;margin-bottom:8px;line-height:20px;width:36px;height:36px;margin-top:0px;text-align:center}
.like_y {zoom:1.4;margin-right: 5px;}
.like_n {zoom:1.4;margin-right: 5px;}
.box_btn_link {padding-top: 4px;}
.dot_green {width: 12px;height: 12px;border-radius: 50%;background-color: #47b350;display: inline-block;}
.dot_red {width: 12px;height: 12px;border-radius: 50%;background-color: #e8252d;display: inline-block;}
.DivProfessor{margin-bottom:20px;margin-top:0px;font-size:18px;}
.radio-item-Y,.radio-item-N {
display: inline-block;
position: relative;
padding: 0 6px;
margin: 5px 0 0;
font-size:14px;
}
.radio-item-Y input[type='radio'] ,.radio-item-N input[type='radio'] {
display: none;
}
.radio-item-Y label,.radio-item-N label {
color: #333;
font-weight: normal;
font-size:18px;
}
.radio-item-Y label:before {
content: " ";
display: inline-block;
position: relative;
top: 5px;
margin: 0 5px 0 0;
width: 20px;
height: 20px;
border-radius: 11px;
border: 2px solid #00a651;
background-color: #FFF;
}
.radio-item-Y input[type=radio]:checked + label:after {
border-radius: 11px;
width: 12px;
height: 12px;
position: absolute;
top: 9px;
left: 10px;
content: " ";
display: block;
background: #00a651;
}
.radio-item-N label:before {
content: " ";
display: inline-block;
position: relative;
top: 5px;
margin: 0 5px 0 0;
width: 20px;
height: 20px;
border-radius: 11px;
border: 2px solid #ed1c24;
background-color: #FFF;
}
.radio-item-N input[type=radio]:checked + label:after {
border-radius: 11px;
width: 12px;
height: 12px;
position: absolute;
top: 9px;
left: 10px;
content: " ";
display: block;
background: #ed1c24;
}
.Btn-Green{width:156px;background-color:#00a651;border:1px solid #00a651;}
.Btn-Red{width:156px;background-color:#ed1c24;border:1px solid #ed1c24;}
@media (max-width: 678px)
{
.Btn-Green{width:100%;}
.Btn-Red{width:100%;}
}
.Btn-RedA{background-color:#ed1c24;border:1px solid #ed1c24;}
.text_phone{font-size:70px;}
.br{ display:none;}
@media (max-width: 414px)
{
.text_phone{font-size:50px;}
}
@media (max-width: 320px)
{
.text_phone{font-size:40px;}
.br{ display:inline;}
}
.btn_addple{border:1px solid #39b54a;width:155px;}
.Btn-Blue{background-color:#0248bb;border:1px solid #0248bb;font-size:18px;padding-left:40px;padding-right:40px;}
.detail_phone{margin-top:20px;border-top:1px solid #c8ac52;margin-bottom:20px;padding-top:20px}
.form-horizontal .control-label {
padding-top: 0px;
margin-bottom: 0;
text-align: right;
}
.form-horizontal > .form-group > label{ font-size:14px;}
.has-success .control-label {
color: #333333;
}
table.TbBar{ font-size:14px;color:#000;}
table.TbBar > thead{ border:1px solid #c8ac52;background-color:#c8ac52;color:#FFF;text-align:center;}
table.TbBar > thead > tr > th{ color:#FFF;text-align:center;}
table.TbBar > tbody{ border:1px solid #c8ac52;}
table.TbBar > tbody > tr > td{ border-bottom:1px solid #c8ac52;background-color:#FFF;padding-top:10px;padding-bottom:10px;}
table.TbBar > tbody > tr > .DataNot{ color:#F00;text-align:center;font-size:16px;}
table.TbBar > tbody > tr > td > input{ border:1px solid #c8ac52;}
table.TbBar > tbody > tr > td > select{ margin-top:0px;}
.TextFM-R{font-size:50px; font-family:'SarabunLight','DB-RAMINTRA-X';line-height:30px;font-weight:normal;color:#333;}
@media (max-width: 768px)
{
.TextFM-R{font-size:40px;}
}
.InputFM-R{
border-top:1px solid #c8ac52;
border-right:1px solid #FF0000;
border-left:1px solid #c8ac52;
border-bottom:1px solid #c8ac52;
}
/*.Btn-RedFM-R,.Btn-RedFM-R:hover{background-color:#ed1c24;border:1px solid #ed1c24; border-top-left-radius:0px;border-bottom-left-radius:0px;width:100px;color:#FFF;}
*/
.Btn-RedFM-R, .Btn-RedFM-R:hover {
background-color: #c8ac52;
border: 1px solid #c8ac52;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
width: 100px;
color: #FFF;
}
.Btn-RedFM-G{background-color:#39b54a;border:1px solid #39b54a; border-top-left-radius:0px;border-bottom-left-radius:0px;width:103px;}
.input-group-addon {
padding: 0px 0px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #FFF;
border: 0px solid #ccc;
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(204, 204, 204);
border-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.BgProfrssor{background-color:#fff2c5;padding:15px 0;margin-bottom:5px;}
.ImgProfile{ border-radius:50%;}
.BerDedToday{border-bottom:2px solid #efd06b;padding-bottom:10px;padding-top:10px;}
.BerDedToday-ber{font-size:26px;color:#333;font-weight:bold;}
.BerDedToday-sum{font-size:18px;color:#00a651;}
.BerDedToday-price{font-size:18px;color:#ed1c24;}
.BerDedToday-page{margin-bottom:5px;text-align:right}
@media (max-width: 768px)
{
.HeadText,.HeadTextL{ font-size:40px;text-align:center;}
.BerDedToday-ber{font-size:20px;}
.BerDedToday-page{text-align:center;}
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 0px 0;
border-radius: 4px;
padding-right:10px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
z-index: 2;
color: #333333;
background-color: transparent;
/* border-color: #ddd;*/
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 0px 6px;
margin-left: -1px;
line-height: 1.42857143;
color: #d0b665;
text-decoration: none;
background-color: transparent;
border: 0px solid #ddd;
font-size:16px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.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: #333;
cursor: default;
background-color:transparent ;
/*border-color: #ff0000;*/
}
.tb_list_cart > thead > tr > th{ border-bottom:2px solid #c8ac52;text-align:center;font-size:20px;}
.tb_list_cart > tbody > tr > td{ border-bottom:2px solid #c8ac52;text-align:center;min-height:34px;}
.tb_list_cart > tbody > tr > td > div{border-left:2px solid #c8ac52;font-size:18px;min-height:34px;}
.tb_list_cart > tbody > tr > td > div > a{ text-decoration:none;color:#333;font-size:18px;min-height:34px;}
.tb_list_cart > tbody > tr > td > .td_end{border-right:2px solid #c8ac52;}
.btn_backweb{ background-color:#000;border:1px solid #000;}
.btn_backweb:hover{background-color:#333;border:1px solid #333; }
.fm_order > .col-md-12 > .form-group > label { font-weight:bold;font-size:20px;}
.fm_order > .col-md-6 > .form-group > label { font-weight:bold;font-size:20px;}
.bn_send_order{ width:100%;background-color:#ff0000;border:1px solid #ff0000;font-size:18px;padding: 3px 12px;}
.bt_order{width:50%;background-color:#ff0000;border:1px solid #ff0000;font-size:18px;padding: 3px 12px;}
@media (max-width: 414px){
.hideMo{ display:none;}
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff;background-color: transparent;}
.navbar-nav > li > .BtnBasket{ margin-left:10px;padding-top: 11px;padding-bottom: 9px;border-radius:8px;width:150px;}
.dropdown-menu{ border:2px solid #c8ac52;border-radius:0px;}
.dropdown-menu > li{ width:330px;background-color:#FFF;}
.dropdown-menu > .listcart{border-bottom:2px solid #f4eedc;margin-left:5px;margin-right:5px;}
.dropdown-menu > .totalcart{margin-left:5px;margin-right:5px;}
.dropdown-menu > li > div{ padding:10px;}
.alert_cart{ color:#F00;background-color:#FFF;font-size:18px;text-align:center; border-bottom:2px solid #c8ac52;padding:15px 7px;margin-left:5px;}
.btn_checkout { background-color:#ff0000;padding-left:15px;padding-right:15px;font-size:20px;color:#FFF;border:1px solid #ff0000;border-radius:0px;}
.caret{ color:#FFF;}
.BtnLogin{background-color:#c8ac52;color:#FFF;border:2px solid #FFF;
text-align:center;border-radius:7px;font-weight:bold;height:41.03px;}
.BtnLogin:hover{background-color:#c8ac52;color:#FFF;border:2px solid #FFF;}
.nav > li > .BtnBasket { padding: 11px 0px; }
/*.BtnBasket{background-color:#ed1c24;color:#FFFFFF;border:2px solid #ed1c24;
width:150px;font-size:20px;text-align:center;border:2px solid #FFF;
margin:0px;padding:0px;height:45px;padding-top:8px;margin-left:10px;padding-top:10px;}
*/
.BtnBasket{background-color:#ed1c24;color:#FFFFFF;border:2px solid #ed1c24;
width:150px;font-size:14px;text-align:center;
border:2px solid #FFF;margin:0px;padding:0px;height:45px;padding-top:8px;margin-left:10px;font-family:'SarabunLight','DB-RAMINTRA-X', Verdana, Geneva, sans-serif;
font-weight: bold;}
.BtnBasket:hover{background-color:#ed1c24;color:#FFFFFF;border:2px solid #ed1c24;
width:150px;font-size:14px;text-align:center;
border:2px solid #FFF;margin:0px;padding:0px;height:45px;padding-top:8px;margin-left:10px;font-family: 'SarabunLight','DB-RAMINTRA-X',Verdana, Geneva, sans-serif;
font-weight: bold;}
.dropdown_profile > li{ width:150px; }
.cart_mobile { list-style-type:none;margin-top:10px;margin-right:15px;margin-left:15px}
.cart_mobile > li > a:focus, .cart_mobile > li > a:hover {color: #fff;background-color: #F00;text-decoration:none;}
.cart_mobile > li > .BtnBasket{ margin-left:10px;padding-top: 9px;padding-bottom: 9px;border-radius:5px;}
.cart_mobile > .dropdown > .dropdown-menu{ border:2px solid #c8ac52;border-radius:0px;}
.cart_mobile > .dropdown > .dropdown-menu > li{ width:260px;background-color:#FFF;right:0px;}
.cart_mobile > .dropdown > .dropdown-menu > .listcart{border-bottom:2px solid #f4eedc;margin-left:5px;margin-right:5px;}
.cart_mobile > .dropdown > .dropdown-menu > .totalcart{margin-left:5px;margin-right:5px;}
.cart_mobile > .dropdown > .dropdown-menu > li > div{ padding:10px;}
@media (max-width: 768px){
.alert_like{ color:#F00;}
}
.order_mobile{ border:2px solid #c8ac52;margin-bottom:15px;margin-left:15px;margin-right:15px;font-size:22px; }
.order_mobile > div{ padding:10px;}
.order_mobile > span{ font-size:40px}
.order_mb_1{border-top:2px solid #c8ac52; border-bottom:2px solid #c8ac52;border-right:2px solid #c8ac52;min-height:58px;}
.order_mb_2{border-top:2px solid #c8ac52;border-bottom:2px solid #c8ac52;min-height:58px;}
@media (max-width: 320px)
{
.order_mb_1, .order_mb_2{height:95px;}
}
.div_com{ display:block;}
.div_mobile{ display:none;}
@media (max-width: 768px)
{
.navbar-nav > .div_com{display:none;}
.div_com{ display:none;}
.div_mobile{ display:block;}
}
.ft_text{margin-top:20px;border-left:2px solid #FFF;min-height:189px;line-height:30px;}
.ft_text >div> a ,.ft_text{ color:#FFF;}
@media (max-width: 768px)
{
.ft_text{margin-top:20px;border-left:0px solid #FFF;height:auto;}
}
.text_h_en{ font-family: 'SarabunLight','DB-RAMINTRA-X',Verdana, Geneva, sans-serif;font-weight:bold; font-size:16px;}
.text_h{ font-family: 'SarabunLight','DB-RAMINTRA-X',Verdana, Geneva, sans-serif;font-weight:bold; font-size:18px;}
.cbnt{ font-size:18px; }
.search_R_ml{margin-left:5px;}
@media (max-width: 768px){.search_R_ml{margin-left:0px;}}
.btn_ml{margin-left:35px;}
@media (max-width: 767px)
{
.btn_ml{margin-left:0px;}
.menu_Basket{margin-top:15px;margin-left:5px;}
}
.np_p{ padding-left:0px;}
@media (max-width: 768px){.np_p{ padding-left:15px;margin-top:10px;}}
.modal-dialog {
margin-top:20%;
}
.BoxRecom{border:2px solid #efd06b;margin-bottom:30px;}
.BoxRecom-div{margin:10px;}
.btn-sale{ background-color:#ed1c24;border:1px solid #ed1c24;padding-left:20px;padding-right:20px;}
@media (max-width: 768px){.btn-sale{ padding-left:20px;padding-right:20px;}}
.btn-price{ background-color:#00a651;border:1px solid #00a651;border-top-right-radius:0px;border-bottom-right-radius:0px;padding-left:20px;padding-right:21px;margin-left:-1px;}
.BoxpaginationL{border:0px solid #F00;background-color:#fff2c5;padding:15px;margin-top:15px;min-height:425px;}
.BoxpaginationR{border:0px solid #F00;background-color:#;margin-top:15px;background-color:#fff2c5;padding-right:0px;min-height:425px;}
.FmPredictMaster-label{ font-size:18px;}
.Fmpagination{ border:1px solid #c8ac52;}
.btn-send{ background-color:#ed1c24;border:1px solid #ed1c24;border-radius:0px;}
.btn-send-re{ background-color:#000000;border:1px solid #000000;border-radius:0px;color:#FFF;}
.tap-login > li > a{ width:200px;}
.Divtap-login{background-color:#fff2c5;padding-top:0px;margin-top:0px;top:0px;border:1px solid #fff2c5;}
.Divtap-login > .tab-pane{ padding:25px;}
.btn-login{ width:100%;background-color:#ed1c24;}
.input-group-login { background-color:#F00;padding-left:13px;padding-right:13px;color:#FFF;}
.inp-login{border:1px solid #c8ac52;margin-top:2px;}
.btn-regi{ width:100%;background-color:#00a651;}
.form-control{border: 1px solid #c8ac52;}
.btn-review{width:50%;background-color:#00a651;}
.btn-review-rad{ background-color:#ed1c24;width:160px;}
.reviewbar{ padding-bottom:8px;}
.progress{height:10px;border-radius:0px;background-color: #c8ac52;margin-top:9px;margin-bottom:6px;}
.progress-bar{background-color: #ff0000;height:10px;}
.review_commen{border-bottom:2px solid #fff2c5;padding-bottom:15px;}
.PredictProfile{padding:0px;}
@media (max-width: 768px)
{
.PredictProfile{ padding-left:15px;padding-right:15px;}
}
.nav-tabs {
border-bottom: 1px solid #fff6da;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
cursor: default;
background-color: #fff6da;
border-bottom: 3px solid #fff6da;
border-left: 0px solid #FFF;
border-top: 0px solid #FFF;
border-right: 3px solid #FFF;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border-left: 0px solid #FFF;
border-right: 3px solid #FFF;
border-bottom: 3px solid #FFF;
border-radius: 0px 0px 0 0;
color:#000;
font-size:18px;
background-color: #eee0b1;
margin-left:-1px;
width:150px;
text-align:center;
}
@media (max-width: 1024px){
.nav-tabs > li > a {width:80px;font-size:16px;padding-left:0px;padding-right:0px;}
}
@media (max-width: 990px){
.nav-tabs > li > a {width:100px;font-size:18px;padding-left:5px;padding-right:5px;}
}
@media (max-width: 414px){
.nav-tabs > li > a {width:94px;}
}
@media (max-width: 375px){
.nav-tabs > li > a {width:70px;font-size:16px;padding-left:0px;padding-right:0px;}
}
.nav-tabs > li > a:hover {
border-color: #fff6da #fff6da #fff6da;
}
.nav > li > a:focus, .nav > li > a:hover {
text-decoration: none;
background-color: #fff6da;
}
.DivPredictLast{margin-top:10px;}
.DivPredictLast-Ber{font-size:20px;font-weight:bold;}
.DivPredictLast-Ber span{font-size:16px;color:#ff0000;}
.DivPredictLast-BerDtail{font-size:15px;}
.DivpaginationR{ padding:0 15px;padding-top:10px; }
.BoxProfile{background-repeat:no-repeat;background-position:center;border:0px solid #F00;height:334px;}
.Divprofile{position: relative;margin: 0;padding-bottom: 15px;min-height: 100%;}
.Divprofile2{position: absolute; right: 0; bottom: 0; left: 15px; padding: 15px;}
.DivShopDtail{ background-color:#fff2c5;}
.ShopDtail{margin-bottom:10px;margin-top:0px;border:0px solid #F00;padding-top:15px;padding-bottom:15px;font-size:14px;min-height: 103px;}
.ShopDtail > .row > .col-xs-10 > div{ padding-top:5px;}
.TextHeadProfessor{font-size:22px;font-weight:bold;}
@media (max-width: 414px)
{
.TextHeadProfessor{font-size:18px;font-weight:bold;}
}
.table-responsive{ padding:15px;}
table.TbBar{font-size:15px;color:#000;}
table.TbBar > thead{ border:1px solid #c8ac52;background-color:#c8ac52;color:#FFF;text-align:center;}
table.TbBar > thead > tr > th{ color:#FFF;text-align:center;}
table.TbBar > tbody{ border:1px solid #c8ac52;}
table.TbBar > tbody > tr > td{ border-bottom:1px solid #c8ac52;background-color:#FFF;padding-top:10px;padding-bottom:10px;}
table.TbBar > tbody > tr > .DataNot{ color:#F00;text-align:center;font-size:16px;}
table.TbBar > tbody > tr > td > input{ border:1px solid #c8ac52;}
table.TbBar > tbody > tr > td > select{ margin-top:0px;}
.divpredict{ background-color:#ed1c24;}
.divpredict >.row > .fm_reading >.col-md-3 > .TextFM-R{ color:#FFF; }
.help-block {
color: #ffffff;
z-index: 0;
position: relative;
display: inline;
text-align: left;
}
@media (max-width: 768px)
{
.ShopDtail{max-height: auto;}
}
.navbar-right {
float: right!important;
margin-right: 10px;
}
.rounded-sim{
border-radius: 0.5rem!important;
}
.rounded-pill-start{
border-start-start-radius: 25px;
border-end-start-radius: 25px;
border-right: none;
}
.rounded-pill-end{
border-end-end-radius: 25px;
border-start-end-radius: 25px;
border-left: none;
}
.text-spacing-sm{letter-spacing: .5px;}
.text-spacing-md{letter-spacing: 1px;}
.text-spacing-lg{letter-spacing: 1.5px;}
/***************************************** */
/***************************************** */
/***************************************** */
/***************************************** */
.div_frame_H {
color: lightyellow;
}
.text_h {
font-weight: 400;
}
.bg-ng1 {
background-color: #110729;
background-image: url('../images/newgen/bg-ns-bar.jpg');
background-repeat: no-repeat;
background-size: cover;
border: none;
padding: 0;
}
.icon-menu1 {
width: 35px;
}
.icon-menu2 {
width: 40px;
}
.icon-menu-cart {
width: auto;
}
.border-menu-cicle {
border: 3px solid #e07802;
}
.border-menu-pill {
border: 3px solid #e07802;
}
.icon-berslide {
width: 600px
}
.bg-1 {
background-image: url('../../../images/newgen/bg-1.jpg');
background-repeat: no-repeat;
background-size: 100%;
height: 732px;
background-position-y: -126px;
margin-top: -4px;
}
.bg-1-repeat {
background-image: url('../../../images/newgen/bg-1.jpg');
background-repeat: repeat-y;
background-size: 100%;
}
.bg-1-cover {
background-image: url('../../../images/newgen/bg-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.bg-2 {
background-image: url('../../../images/newgen/bg-2.jpg');
background-repeat: no-repeat;
background-size: 100%;
background: linear-gradient(90deg, #160731 55%, #66123c);
margin-top: -4px;
}
.bg-3 {
background-image: url('../../../images/newgen/bg-ns3.jpg');
background-repeat: no-repeat;
background-size: 100%;
height: auto;
margin-top: -4px;
background-position: bottom;
}
.bg-3-repeat {
background-image: url('../../../images/newgen/bg-ns3.jpg');
background-repeat: repeat-y;
background-size: 100%;
}
.bg-3-cover {
background-image: url('../../../images/newgen/bg-ns4.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.bg-4 {
background-image: url('../../../images/newgen/bg-ns4.jpg');
background-repeat: no-repeat;
background-size: 100%;
height: 726px;
margin-top: -4px;
}
.bg-4-repeat {
background-image: url('../../../images/newgen/bg-ns4.jpg');
background-repeat: repeat-y;
background-size: 100%;
}
.bg-4-cover {
background-image: url('../../../images/newgen/bg-ns4.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.bg-5 {
background-image: url('../../../images/newgen/bg-ns5.jpg');
background-repeat: no-repeat;
background-size: 100%;
height: 1000px;
margin-top: -4px;
}
.bg-5-repeat {
background-image: url('../../../images/newgen/bg-ns5.jpg');
background-repeat: repeat-y;
background-size: 100%;
}
.bg-5-cover {
background-image: url('../../../images/newgen/bg-ns5.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.bg-6 {
background-image: url('../../../images/newgen/bg-ns6.jpg');
background-repeat: no-repeat;
background-size: 100%;
margin-top: -4px;
}
.bg-6-repeat {
background-image: url('../../../images/newgen/bg-ns6.jpg');
background-repeat: repeat-y;
background-size: 100%;
}
.bg-6-cover {
background-image: url('../../../images/newgen/bg-6.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.bg-7 {
background-image: url('../../../images/newgen/bg-6.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.bg-cart-alert {
background-color: #e07802 !important;
}
.border-cart-alert {
border: 1px solid #e07802;
}
.t-wal-1 {
position: relative;
top: -5%;
}
.img-menu {
height: 80px;
}
@media (min-width:1400px) and (max-width: 2000px) {
.bg-1 {
width: 100%;
height: auto;
background-size: cover;
background-position-y: -246px;
}
.bg-3,
.bg-4,
.bg-5 {
background-size: cover;
width: 100%;
margin-top: -3px;
background-position-x: left;
}
.bg-3 {
background-position-y: bottom;
}
.bg-4 {
height: 1034px;
}
.bg-5 {
height: 1383px;
}
.bg-6 {}
.icon-berslide {
width: 800px;
}
.mt-berslide {
margin-top: 7rem;
}
}
@media (min-width:1282px) and (max-width: 1399px) {
.t-wal-1 {
top: 0%;
}
}
@media (min-width:1200px) and (max-width: 1281px) {
.bg-1 {
background-size: 100%;
background-position-y: 0px;
margin-top: -3px
}
.bg-2 {
padding-top: 14px;
}
.bg-3 {
height: 562px;
}
.bg-4 {
height: 650px;
}
.bg-5 {
background-size: cover;
height: 900px;
margin-top: -3px;
padding-top: 111px;
}
.bg-6 {}
}
@media (min-width:768px) and (max-width: 1199px) {
.bg-1 {
background-image: url(../images/newgen/bg-1.jpg);
background-repeat: no-repeat;
background-size: cover;
height: auto;
background-position-x: center;
background-position-y: 0px;
}
.bg-2 {
position: relative;
}
.bg-3 {
background-size: cover;
height: 496px;
background-repeat: no-repeat;
}
.bg-4 {
background-size: cover;
height: 542px;
}
.bg-5 {
background-size: cover;
height: 746px;
}
.bg-6 {}
.pt-custom-store {
padding-top: 5%;
}
}
@media (max-width: 767px) {
.bg-1 {
background-size: auto;
height: 538px;
background-position: bottom center;
}
.bg-3 {
background-size: cover;
background-position: top left;
height: 825px;
}
.bg-4 {
background-size: cover;
height: 691px;
background-position: top left;
}
.bg-5 {
background-size: cover;
height: 820px;
background-position: top left;
}
.bg-6 {
background-size: cover;
height: auto;
margin-top: -3%;
}
.img-menu {
height: 60px;
}
}
@media (min-width: 2001px) {
.bg-1 {
background-position-y: center;
background-position-x: center;
margin-top: -1px;
height: 112%;
}
.bg-4 {
height: 1092px;
padding-top: 3%;
}
.bg-5 {
height: 1383px;
padding-top: 0%;
}
.bg-6 {}
.pt-custom-store {
padding-top: 6%;
}
}
.border-yellow-2 {
border: 2px solid #c5690a;
box-shadow: inset -2px -4px 8px 0px rgb(0 0 0 / 53%);
}
.nav-link-menu1 {
color: #ffffff !important;
}
.nav-link-menu1:focus {
color: #8929af !important;
}
.nav-link-menu1:hover {
color: #8929af !important;
}
.custom-button {
background: linear-gradient(145deg, #ff9933, #ff9660);
border-radius: 15px;
box-shadow: #a54505e0 -5px -6px 5px 0px inset;
color: white;
padding: 10px 20px;
font-size: 18px;
border: none;
cursor: pointer;
}
.custom-button2 {
color: #fff;
appearance: none;
background-color: transparent;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
margin: 0;
outline: none;
quotes: auto;
text-align: center;
text-decoration: none;
transition: all .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
border: 2px solid #a54505e0;
width: auto;
align-items: center;
display: grid;
}
.custom-button3 {
color: #fff;
border: 2px solid #a54505e0;
width: 43px;
height: 43px;
padding: 0px;
}
.rank-1 {
top: 50% !important;
right: -42px;
}
.box-sim1:focus {
color: #212529;
background-color: #fff;
border: 2px solid #c5690a !important;
outline: 0;
box-shadow: 0 0 0 .25rem rgb(81 83 85 / 25%);
}
.placeholder-1::placeholder {
opacity: 0.5;
font-weight: 400;
}
.placeholder-2 {
background-color: #030210;
}
.placeholder-2::placeholder {
background-color: #030210;
}
.placeholder-2:focus {
color: #212529;
background-color: #030210;
border-color: #030210;
outline: 0;
box-shadow: 0 0 0 0.1rem rgb(13 110 253 / 6%);
}
.custom-button:hover {
background: linear-gradient(145deg, #ff880, #cc520);
}
.btn-custom {
background: linear-gradient(327deg, #ff7600, #ff9942);
color: #fff;
appearance: none;
background-color: #000000;
border-style: none;
box-shadow: #a54505e0 -7px -8px 5px inset;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
margin: 0;
outline: none;
quotes: auto;
text-align: center;
text-decoration: none;
transition: all .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
padding-bottom: 20px;
height: 52px;
border-radius: 10px;
}
.box-menu-btn:hover {
background-color: #290048;
}
.Drop {
border: 1px solid transparent;
color: #413b5a;
}
.round-button {
background-image: url('../images/newgen/bg - 12.png');
background-size: 66%;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: 55%;
background-color: transparent;
border-radius: 50%;
font-size: 36px;
color: #333;
text-align: center;
line-height: 80px;
transition: box-shadow 0.3s ease, background 0.3s ease;
border: unset;
}
.round-button-s:hover {
box-shadow: inset 0 3px 6px rgb(81 79 82 / 80%), inset 0 -3px 6px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.4);
background: radial-gradient(circle, #e8a3e9, #e8a3e9);
color: #ffffff;
border: 2px solid #e2c0e7;
}
.pt-custom-wal {
padding-top: 0%;
}
.pt-custom-store {
padding-top: 0%;
}
.bg-sim {
width: 100%;
}
.img-wal-1 {
margin-left: 100%;
margin-top: 0%;
background: url('../images/newgen/wal-6.png'), url('../images/newgen/bg - 09.png');
background-repeat: no-repeat, no-repeat;
background-size: 86%, cover;
background-position: center, center;
width: 160px;
height: 160px;
display: block;
}
.img-wal-2 {
margin-left: 23%;
margin-top: 25%;
background: url('../images/newgen/wal-7.png'), url('../images/newgen/bg - 09.png');
background-repeat: no-repeat, no-repeat;
background-size: 86%, cover;
background-position: center, center;
width: 160px;
height: 160px;
display: block;
}
.img-wal-3 {
margin-left: 100%;
margin-top: 25%;
background: url('../images/newgen/wal-8.png'), url('../images/newgen/bg - 09.png');
background-repeat: no-repeat, no-repeat;
background-size: 86%, cover;
background-position: center, center;
width: 160px;
height: 160px;
display: block;
}
.img-wal-4 {
margin-top: 0%;
position: relative;
right: 100%;
background: url('../images/newgen/wal-9.png'), url('../images/newgen/bg - 09.png');
background-repeat: no-repeat, no-repeat;
background-size: 86%, cover;
background-position: center, center;
width: 160px;
height: 160px;
display: block;
}
.img-wal-5 {
margin-top: 25%;
position: relative;
right: 23%;
background: url('../images/newgen/wal-10.png'), url('../images/newgen/bg - 09.png');
background-repeat: no-repeat, no-repeat;
background-size: 86%, cover;
background-position: center, center;
width: 160px;
height: 160px;
display: block;
}
.img-wal-6 {
margin-top: 25%;
position: relative;
right: 100%;
background: url('../images/newgen/wal-11.png'), url('../images/newgen/bg - 09.png');
background-repeat: no-repeat, no-repeat;
background-size: 86%, cover;
background-position: center, center;
width: 160px;
height: 160px;
display: block;
}
.text-wal-1 {
margin-top: 43%;
display: inline-block;
margin-left: -149%;
}
.text-wal-2 {
margin-top: 43%;
display: inline-block;
margin-right: -149%;
}
.img-wal-all {
position: absolute;
top: 17%;
transition: all 0.5s ease;
}
.left-1 {
display: none;
left: 24%;
z-index: 1;
width: 165px;
position: absolute;
margin-top: 3%;
}
.left {
left: 32.5%;
z-index: 1;
width: 165px;
position: absolute;
margin-top: 3%;
}
.center {
left: 40%;
z-index: 3;
width: 206px;
position: absolute;
}
.right {
left: 53%;
z-index: 1;
width: 165px;
position: absolute;
margin-top: 3%;
}
.right-1 {
display: none;
left: 60%;
z-index: 0;
width: 165px;
position: absolute;
margin-top: 3%;
}
@media (min-width:1400px) and (max-width: 2000px) {
.round-button {
background-size: 71%;
}
.img-wal-1,
.img-wal-2,
.img-wal-3,
.img-wal-4,
.img-wal-5,
.img-wal-6 {
width: 180px;
height: 180px;
}
.img-wal-1 {
margin-left: 80%;
margin-top: 0%;
}
.img-wal-2 {
margin-left: 0%;
margin-top: 41%;
}
.img-wal-3 {
margin-left: 80%;
margin-top: 41%;
}
.img-wal-4 {
margin-left: 30%;
margin-top: 0%;
}
.img-wal-5 {
margin-left: 35%;
margin-top: 41%;
}
.img-wal-6 {
margin-left: 30%;
margin-top: 41%;
}
.img-wal-all {
top: 16.5%;
}
.right {
left: 53%;
width: 220px;
}
.left {
left: 30.5%;
width: 220px;
}
.center {
width: 255px;
}
}
@media (max-width: 1199px) {
.img-wal-1 {
margin-left: 68%;
}
.img-wal-2 {
margin-left: 6%;
}
.img-wal-3 {
margin-left: 68%;
}
.round-button {
width: 400px;
height: 400px;
margin: 24% 10%;
}
}
@media (max-width: 767px) {
.round-button {
width: 370px;
height: 370px;
margin: 2% 0%;
}
.pt-custom-wal {
padding-top: 12%;
}
.pt-custom-store {
padding-top: unset;
}
.left-1 {
left: 2%;
margin-top: 4%;
}
.left {
left: 6.5%;
margin-top: 4%;
}
.center {
left: 27%;
width: 180px;;
}
.right {
left: 53%;
margin-top: 4%;
}
.right-1 {
left: 57%;
margin-top: 4%;
}
}
@media (min-width: 2001px) {
.img-wal-1 {
margin-left: 80%;
margin-top: 0%;
}
.img-wal-2 {
margin-left: 0%;
margin-top: 60%;
}
.img-wal-3 {
margin-left: 80%;
margin-top: 60%;
}
.img-wal-4 {
margin-left: 0%;
margin-top: 53%;
}
.img-wal-5 {
margin-left: 53%;
margin-top: 60%;
}
.img-wal-6 {
margin-left: 53%;
margin-top: 60%;
}
.round-button {
width: 700px;
height: 700px;
}
}
.text-sim {
color: #c8ac52;
}
.navbar-light .navbar-toggler {
color: rgb(255 255 255 / 55%);
border-color: rgb(255 255 255 / 22%);
}
.help-block {
color: #ffffff;
}
.loco-nav {
width: 120px;
}
.ls-1 {
letter-spacing: 1 !important;
}
.box-input-header {
height: 60px;
font-size: 1.5rem !important;
}
.text-footer-title {
font-weight: 400;
font-size: 1.3rem;
}
.text-footer-detail {
font-weight: 400;
font-size: 1.2rem;
}
.text-footer-detail-2 {
font-size: 1rem;
}
@media (max-width: 414px) {
.text-footer-detail {
font-size: .75rem;
}
.text-footer-title {
font-size: 1rem;
}
.text-footer-detail-2 {
font-size: .6rem;
}
.ft_text {
line-height: unset;
}
.ls-sm-normal {
letter-spacing: normal;
}
.HeadTextXXL {
font-size: 2rem;
}
.text-spacing-md {
letter-spacing: 0.01px;
-webkit-letter-spacing: normal; /* Safari */
}
}
</style>