.font13400 {font-family:"Arsenal",sans-serif;font-weight:400;font-style:normal;}
.font13400i{font-family:"Arsenal",sans-serif;font-weight:400;font-style:italic;}
.font13700 {font-family:"Arsenal",sans-serif;font-weight:700;font-style:normal;}
.font13700i{font-family:"Arsenal",sans-serif;font-weight:700;font-style:italic;}
.font14400 {font-family: "Noto Sans Thai", serif;font-weight:400;font-style: normal;font-variation-settings:"wdth" 100;}
.font14500 {font-family: "Noto Sans Thai", serif;font-weight:500;font-style: normal;font-variation-settings:"wdth" 100;}
.font14600 {font-family: "Noto Sans Thai", serif;font-weight:600;font-style: normal;font-variation-settings:"wdth" 100;}
.font14700 {font-family: "Noto Sans Thai", serif;font-weight:700;font-style: normal;font-variation-settings:"wdth" 100;}
.font17400 {font-family:"Varela Round",sans-serif;font-weight:400;font-style:normal;}
.font04400 {font-family:"Marcellus",serif;font-weight:400;font-style:normal;}
.font05400 {font-family:"Mrs Saint Delafield",cursive;font-weight:400;font-style:normal;}
*,html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;}
html,body{height:100%;margin:0;background-color:#F2F2F2;font-family:'Noto Sans Thai',sans-serif;font-weight:300;color:#000;line-height:1.2;font-size:16px;}
li,blockquote,article,aside,details,figcaption,figure,footer,header,menu,nav,section,summary{display:block;}
h1,h2,h3,h4,h5,h6{font-size:1.0rem;font-weight:300;margin-top:0px;margin-bottom:0px;display:inline;}
/*=============================================================================================================================*/
input[type='submit'],input[type='text'],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea              {overflow:auto;}
hr                    {border:0;border-top:1px solid #333;margin:10px 0;}
hr.hrshop             {border:0;border-top:3px solid #333;margin:10px 0;}
hr.hrindex            {border-top: 1px solid #cfcfcf;}
hr.hrinfo             {border:0;border-top:1px solid #cfcfcf;margin:0px 0;}
/*=============================================================================================================================*/
.lw00{letter-spacing:0px;}.lw01{letter-spacing:1px;}.lw02{letter-spacing:2px;}.lw09{letter-spacing:9px;}.lw10{letter-spacing:10px;}
/*=============================================================================================================================*/
.lh005{line-height:0.05;}
.lh01{line-height:0.1;}.lh02{line-height:0.2;}.lh03{line-height:0.3;}.lh04{line-height:0.4;}.lh05{line-height:0.5;} 
.lh06{line-height:0.6;}.lh07{line-height:0.7;}.lh08{line-height:0.8;}.lh09{line-height:0.9;}.lh10{line-height:1.0;}
.lh11{line-height:1.1;}.lh12{line-height:1.2;}.lh13{line-height:1.3;}.lh14{line-height:1.4;}.lh15{line-height:1.5;} 
.lh16{line-height:1.6;}.lh17{line-height:1.7;}.lh18{line-height:1.8;}.lh19{line-height:1.9;}.lh20{line-height:2.0;}
.lh22{line-height:2.2;}.lh24{line-height:2.4;}.lh25{line-height:2.5;}.lh28{line-height:2.8;}.lh30{line-height:3.0;}
.lh32{line-height:3.2;}.lh34{line-height:3.4;}.lh35{line-height:3.5;}.lh38{line-height:3.8;}.lh40{line-height:4.0;}
.lh42{line-height:4.2;}.lh44{line-height:4.4;}.lh45{line-height:4.5;}.lh48{line-height:4.8;}.lh50{line-height:5.0;}
/*=============================================================================================================================*/
.ff01{font-size:0.1rem;}.ff02{font-size:0.2rem;}.ff03{font-size:0.3rem;}.ff04{font-size:0.4rem;}.ff05{font-size:0.5rem;} 
.ff06{font-size:0.6rem;}.ff07{font-size:0.7rem;}.ff08{font-size:0.8rem;}.ff09{font-size:0.9rem;}.ff10{font-size:1.0rem;} 
.ff11{font-size:1.1rem;}.ff12{font-size:1.2rem;}.ff13{font-size:1.3rem;}.ff14{font-size:1.4rem;}.ff15{font-size:1.5rem;}
.ff16{font-size:1.6rem;}.ff17{font-size:1.7rem;}.ff18{font-size:1.8rem;}.ff19{font-size:1.9rem;}.ff20{font-size:2.0rem;}
.ff21{font-size:2.1rem;}.ff22{font-size:2.2rem;}.ff23{font-size:2.3rem;}.ff24{font-size:2.4rem;}.ff25{font-size:2.5rem;}
.ff26{font-size:2.6rem;}.ff27{font-size:2.7rem;}.ff28{font-size:2.8rem;}.ff29{font-size:2.9rem;}.ff30{font-size:3.0rem;}
/*=============================================================================================================================*/
.top                  {vertical-align:text-top;}
.sup                  {vertical-align:super;font-size:smaller;}
.baseline             {vertical-align:baseline;}
.middle               {vertical-align:baseline;}
.textbottom           {vertical-align: text-bottom;}
.imagebottom          {vertical-align: bottom;}
/*=============================================================================================================================*/
.bottom-left          {position:absolute;bottom:8px;left:16px;}
.top-left             {position:absolute;top:15px;left:0px;}
.top-right            {position:absolute;top:15px;right:20px;}
.bottom-right         {position:absolute;bottom:8px;right:20px;}
.row-right            {float:right;}
/*=============================================================================================================================*/
.mc{margin:auto;}.mt{margin-top:0px;}.mb{margin-bottom:0px;}.mr{margin-right:0px;}.ml{margin-left:0px;}
/*=============================================================================================================================*/
.tl{text-align:left;}.tc{text-align:center;}.trr{text-align:right;}.tj{text-align:justify;}.ti{font-style: italic;}
/*=============================================================================================================================*/
.tx01{font-weight:bold;}.tx02{text-decoration:line-through;}.tx03{text-decoration:underline;}.tx04{font-style:italic;}.tx05{text-decoration:none;}
/*=============================================================================================================================*/
.fw1{color:#FFFFFF;}.fw2{color:#E5E4E2;}.fw3{color:#E4E6EB;}
.fb{color:#666;}.fb2{color:#808080;}.fb3{color:#000;}.fb4{color:#D9D9D9;}.fb5{color:#999;}.fb6{color:#333;}.fb7{color:rgba(118,118,118,1.0);}
.fr{color:rgba(179,0,0,1.0)}.fp1{color:rgba(212,25,114,1.0)}.fbl{color:rgba(0,107,179,1.0)}.fg{color:rgba(0,128,128,1.0)}
/*=============================================================================================================================*/
.bgwhite              {background:rgba(255,255,255,1.0)}
.bggrey               {background:#F2F2F2;}
.bggrey2              {background:#666666;}
.bggrey3              {background:#999999;}
.bggrey7              {background:#d3d3d3;}
.bggrey8              {background:#F7F8FA;}
.bgtopline            {background:#333333;}
.bgdark               {background:#000000;}
.bgdark01             {background:#1E2021;}
.bgdark02             {background:#292B2F;}

.bgivory1             {background:rgba(249,248,246,1.0)}
.bgpink4              {background:rgba(255,105,180,1.0)}
.bgpink1              {background:rgba(212, 25,114,1.0)}
.bgred                {background:rgba(179,  0,  0,1.0)}
.bgred2               {background:rgba(150,  4, 45,1.0)}
.bgorange             {background:rgba(255,165,  0,1.0)}
.bgtop                {background:rgba(  4,135,189,1.0)}
.bgtranw              {background:rgba(255,255,255,0.7)}
.bgtranb              {background:rgba(  0,  0,  0,0.5)}
.bgtran               {background:transparent;}
/*=============================================================================================================================*/
.box100{width:100%;}.box75{width:75%;}.box50{width:50%;}.box40{width:40%;}.box30{width:30%;}
/*=============================================================================================================================*/
.opacity1             {opacity:0.10;}
/*=============================================================================================================================*/
.shadow1              {box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19);}
/*=============================================================================================================================*/
.display-index        {position:relative;line-height:1.5;height:100%;padding:10% 1% 1% 1%}
/*=============================================================================================================================*/
a.tbutton3:link       {display:inline-block;padding:0px 0px;text-decoration:none;overflow:hidden;text-align:center;cursor:pointer;white-space:nowrap}
a.tbutton3:visited    {display:inline-block;padding:0px 0px;text-decoration:none;overflow:hidden;text-align:center;cursor:pointer;white-space:nowrap}
a.tbutton3:active     {display:inline-block;padding:0px 0px;text-decoration:none;overflow:hidden;text-align:center;cursor:pointer;white-space:nowrap}
a.tbutton3:hover      {display:inline-block;padding:0px 0px;text-decoration:underline;overflow:hidden;text-align:center;cursor:pointer;white-space:nowrap}

a.a1:link       {display:inline-block;padding:0px 0px;text-decoration:none;overflow:hidden;text-align:center;cursor:pointer;white-space:nowrap}
a.a1:visited    {display:inline-block;padding:0px 0px;text-decoration:none;overflow:hidden;text-align:center;cursor:pointer;white-space:nowrap}
a.a1:active     {display:inline-block;padding:0px 0px;text-decoration:none;overflow:hidden;text-align:center;cursor:pointer;white-space:nowrap}
a.a1:hover      {display:inline-block;padding:0px 0px;text-decoration:none;overflow:hidden;text-align:center;cursor:pointer;white-space:nowrap}
/*=============================================================================================================================*/
.tbutton              {border:none;display:inline-block;padding:4px 2px 4px 2px;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:center;cursor:pointer;white-space:nowrap}
.tbutton              {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.tcontent             {max-width:100%;position:relative;margin:auto;}
.tcontainer           {padding:1% 1% 1% 1%}
.tcontainerinfo       {padding:1% 5% 1% 5%}
/*=============================================================================================================================*/
.displayshop01        {position:relative;}
.displayshop03        {width:100%;padding:0px 0px 0px;}
.displayshopprice     {width:100%;padding:0px 0px 0px;display:flex;justify-content:flex-end;}
.bordersale           {border:1px solid #F2F2F2;}
.displaymember        {padding-left:20%}
/*=============================================================================================================================*/
.tpadding-buy         {padding:10px 2px 10px 2px}
.tmargin-bottom       {margin-bottom:16px!important}
/*=============================================================================================================================*/
table                 {border-collapse:collapse;width:100%;padding:0px}
th,td                 {padding-left:8px;padding-right:8px;padding-bottom:0px;padding-top:0px;text-align: left;border-bottom: 0px solid #ddd;}
tr                    {background-color:transparent;padding:0px}
/*=============================================================================================================================*/
#buttonshop           {position:relative;display:inline-block;padding:3px 10px 3px 10px;border:1px solid rgba(179,0,0,1.0);border-radius:0px;text-align:center;text-decoration:none;overflow:hidden;cursor:pointer;white-space:nowrap;}
#buttonshop:hover     {position:relative;display:inline-block;padding:3px 10px 3px 10px;border:1px solid rgba(179,0,0,1.0);border-radius:0px;text-align:center;text-decoration:underline;overflow:hidden;cursor:pointer;white-space:nowrap;}
#buttonmem            {position:relative;display:inline-block;padding:3px 10px 3px 10px;border:1px solid rgba(0,0,0,1.0);border-radius:0px;text-align:center;text-decoration:none;overflow:hidden;cursor:pointer;white-space:nowrap;}
#buttonmem:hover      {position:relative;display:inline-block;padding:3px 10px 3px 10px;border:1px solid rgba(0,0,0,1.0);border-radius:0px;text-align:center;text-decoration:underline;overflow:hidden;cursor:pointer;white-space:nowrap;}
#buttondel            {position:relative;display:inline-block;padding:3px 10px 3px 10px;border:1px solid rgba(0,0,0,1.0);border-radius:0px;text-align:center;text-decoration:none;overflow:hidden;cursor:pointer;white-space:nowrap;}
#buttondel:hover      {position:relative;display:inline-block;padding:3px 10px 3px 10px;border:1px solid rgba(0,0,0,1.0);border-radius:0px;text-align:center;text-decoration:underline;overflow:hidden;cursor:pointer;white-space:nowrap;}
/*=============================================================================================================================*/
.form01               {border:1px solid #666;border-radius:0px;padding:10px 20px;}
.form02               {border:1px solid rgba(0,0,0,1.0);border-radius:0px;background-color:#FFFFFF;color:#666666;padding:2px 2px;margin:3px;}
/*=============================================================================================================================*/
.img 	              {vertical-align:middle} a{color:inherit}
.img-circle           {border-radius:50%}
.doublecircle         {border-radius:50%;border:2px solid rgba(255,255,255,1.0);}
.img-oval             {border-radius:50%/100%;}
.centered-image       {margin-bottom:0px;}
.imgmo                {border: 0;}
/*===Container holding the image and the text===*/
.containerimage       {position: relative;text-align: center;}
/*=============================================================================================================================*/
.box                  {margin:auto;background:#fff;}
.box .image.fit       {margin:auto;border-radius:0;}
.box .image.fit img   {border-radius:0;}
/*=============================================================================================================================*/
.jobs .item           {border-radius:0px;box-shadow:0px 10px 40px -5px rgba(0,0,0,0.15),0px 4px 6px -2px rgba(0,0,0,0.05);}
.jobs .item:hover     {border-radius:0px;box-shadow:0px  4px  8px   0px rgba(0,0,0,0.20),0px 6px 20px 0px rgba(0,0,0,0.05);}
/*=============================================================================================================================*/
.box002               {position:relative;top-left:4px;box-shadow:0px 10px 40px -10px rgba(0,0,0,0.15),0px 4px 6px -2px rgba(0,0,0,0.05);}
/*=============================================================================================================================*/
.transforminfo01      {transform:scale(1,0.8);}
/*=============================================================================================================================*/
.tbottom              {bottom:0;position:fixed;width:100%;z-index:1}
.tbarbottom           {width:100%;overflow:hidden}
.tbarbottom .i-bottom {padding:5px 0px 5px 0px;margin-left:auto;margin-right:auto;width:auto;border:none;display:block;outline:0;}
.tbarbottom .i-bottom2{padding:0px 0px 0px 0px;float:left;width:auto;border:none;display:block;outline:0;}
.tbarbottom .i-bottom3{padding:0px 0px 4px 0px;margin-left:auto;margin-right:auto;width:auto;display:block;outline:0;}
.tbarbottom .i-bottom4{padding:0px 4px 4px 0px;margin-left:auto;margin-right:auto;width:auto;display:block;outline:0;}
.tbarbottom .i-bottom5{padding:7px 4px 7px 4px;margin-left:auto;margin-right:auto;width:auto;display:block;outline:0;}
/*=============================================================================================================================*/
#buttontop            {position:relative;display:inline-block;padding:0px 10px 0px 10px;border:1px solid rgba(0,0,0,0.6);border-radius:50px;text-align:center;text-decoration:none;overflow:hidden;cursor:pointer;white-space:nowrap;}
#buttontop:hover      {position:relative;display:inline-block;padding:0px 10px 0px 10px;border:1px solid rgba(0,0,0,0.6);border-radius:50px;text-align:center;text-decoration:underline;overflow:hidden;cursor:pointer;white-space:nowrap;}
/*=============================================================================================================================*/
.ttop           {top:0;margin:0 auto;position:fixed;width:100%;z-index:1;}
.tbartop        {width:100%;overflow:hidden;}
.tbartop  .i-top{border:none;display:block;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:center;
cursor:pointer;white-space:nowrap;padding:2px 0px 0px 0px;margin:0 auto;width:auto;outline:0;
font-family:'Arsenal',sans-serif;font-weight:400;letter-spacing:1.00px;font-size:1.2rem;
-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;
-moz-user-select:none;-ms-user-select:none;user-select:none;}
.tbartop  .i-top2{border:none;display:block;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:center;
cursor:pointer;white-space:nowrap;padding:2px 0px 0px 0px;margin:0 auto;width:auto;outline:0;
font-family:'Arsenal',sans-serif;font-weight:700;letter-spacing:1.00px;font-size:1.2rem;
-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;
-moz-user-select:none;-ms-user-select:none;user-select:none;}
/*===[7680x4320] and ***========================================================================================================*/
@media screen and (min-width:5301px){html,body{font-size:100px;}	
.ad3{width:150px;margin: 20px 20px 20px 20px;}
.fit{width:100%;margin:auto;}.fit2{width:50%;margin:auto;}.fitindex{width:60%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:60%;height:60%;margin:auto;}.tpadding-blog105{padding:250px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 60%;margin:auto;}
.buttonsong3    {width: 40%;}}
/*===[5120x2880]===============================================================================================================*/
@media screen and (max-width:5300px){html,body{font-size:80px;}
.ad3 {width:120px;margin: 20px 20px 20px 20px;}
.fit {width:100%;margin:auto;}.fit2{width:50%;margin:auto;}.fitindex{width:60%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:60%;height:60%;margin:auto;}.tpadding-blog105{padding:200px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 60%;margin:auto;}
.buttonsong3    {width: 40%;}}
/*===[3840x2160]===============================================================================================================*/
@media screen and (max-width:3840px){html,body{font-size:50px;}
.ad3 {width:80px;margin: 20px 20px 20px 20px;}
.fit {width:100%;margin:auto;}.fit2{width:60%;margin:auto;}.fitindex{width:60%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:65%;height:65%;margin:auto;}.tpadding-blog105{padding:150px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 70%;margin:auto;}
.buttonsong3    {width: 45%;}}
/*===[2048x1080][2560x1440]====================================================================================================*/
@media screen and (max-width:2590px){html,body{font-size:35px;}
.ad3 {width:50px;margin: 1px 20px 0px 20px;}
.fit {width:100%;margin:auto;}.fit2{width:60%;margin:auto;}.fitindex{width:60%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:70%;height:70%;margin:auto;}.tpadding-blog105{padding:90px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 70%;margin:auto;}
.buttonsong3    {width: 50%;}}
/*===[1728x1117][1920x1200/1080]===============================================================================================*/
@media screen and (max-width:1920px){html,body{font-size:30px;}
.ad3 {width:45px;margin: 1px 20px 0px 20px;}
.fit {width:100%;margin:auto;}.fit2{width:60%;margin:auto;}.fitindex{width:60%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:72%;height:72%;margin:auto;}.tpadding-blog105{padding:70px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 50%;}}
/*===[1500x1000][1504x1003][1536x864/960][1600x900][1620x1080][1680x1050]=====================================================*/
@media screen and (max-width:1680px){html,body{font-size:25px;}
.ad3 {width:40px;margin: 1px 20px 0px 20px;}
.fit {width:100%;margin:auto;}.fit2{width:60%;margin:auto;}.fitindex{width:70%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:82%;height:82%;margin:auto;}.tpadding-blog105{padding:70px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 50%;}}
/*===[1366x768/912][1368x912][1440x900/960/3120]==============================================================================*/
@media screen and (max-width:1440px){html,body{font-size:20px;}
.ad3 {width:35px;margin: 1px 20px 0px 20px;}
.fit {width:100%;margin:auto;}.fit2{width:60%;margin:auto;}.fitindex{width:80%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:85%;height:85%;margin:auto;}.tpadding-blog105{padding:60px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 50%;}}
/*===[*1114/705][1200x689][*1280x720/800/850/900/1024]=======================================================================*/
@media screen and (max-width:1280px){html,body{font-size:16px;}
.ad3 {width:30px;margin: 1px 10px 0px 10px;}
.fit {width:100%;margin:auto;}.fit2{width:70%;margin:auto;}.fitindex{width:90%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:90%;height:90%;margin:auto;}.tpadding-blog105{padding:80px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 50%;}}
/*===[962x601][*991x568][1000x667][*1024x689/1366/1440]======================================================================*/
@media screen and (max-width:1024px){html,body{font-size:16px;}
.ad3 {width:30px;margin: 1px 10px 0px 10px;}
.fit {width:100%;margin:auto;}.fit2{width:70%;margin:auto;}.fitindex{width:90%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:95%;height:95%;margin:auto;}.tpadding-blog105{padding:80px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 60%;}}
/*===[810x1080][820x1180][834x1112/1194][854x480][*884x1104]================================================================*/
@media screen and (max-width:884px){html,body{font-size:16px;}
.ad3 {width:30px;margin: 1px 10px 0px 10px;}
.fit {width:100%;margin:auto;}.fit2{width:70%;margin:auto;}.fitindex{width:80%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:95%;height:95%;margin:auto;}.tpadding-blog105{padding:100px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 60%;}}
/*===[*720x576/1280][744x1133][*768x1024/1076/1366][800x600/1280]============================================================*/
@media screen and (max-width:800px){html,body{font-size:16px;}
.ad3 {width:30px;margin: 1px 10px 0px 10px;}
.fit {width:100%;margin:auto;}.fit2{width:100%;margin:auto;}.fitindex{width:90%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:95%;height:95%;margin:auto;}.tpadding-blog105{padding:100px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 60%;}}
/*===========================================================================================================================*/
@media screen and (max-width:690px){html,body{font-size:16px;}
.ad3 {width:30px;margin: 1px 10px 0px 10px;}
.fit {width:100%;margin:auto;}.fit2{width:100%;margin:auto;}.fitindex{width:90%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:80%;height:80%;margin:auto;}.tpadding-blog105{padding:100px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 60%;}}
/*===[640x480]===============================================================================================================*/
@media screen and (max-width:640px){html,body{font-size:16px;}
.ad3 {width:30px;margin: 1px 10px 0px 10px;}
.fit {width:100%;margin:auto;}.fit2{width:100%;margin:auto;}.fitindex{width:90%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:80%;height:80%;margin:auto;}.tpadding-blog105{padding:100px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 60%;}}
/*===[534x400/854][540x960][600x960/1024][601x962][608x912]==================================================================*/
@media screen and (max-width:600px){html,body{font-size:16px;}
.ad3 {width:30px;margin: 1px 10px 0px 10px;}
.fit {width:100%;margin:auto;}.fit2{width:100%;margin:auto;}.fitindex{width:90%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:80%;height:80%;margin:auto;}.tpadding-blog105{padding:100px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 70%;}}
/*===[428x926][432x768][480x800/853/1067]====================================================================================*/
@media screen and (max-width:480px){html,body{font-size:16px;}
.ad3 {width:30px;margin: 1px 5px 0px 5px;}
.fit {width:100%;margin:auto;}.fit2{width:100%;margin:auto;}.fitindex{width:90%;margin:left;}.fitinfo {width:100%;margin:auto;}
.fitindex2{width:80%;height:80%;margin:auto;}.tpadding-blog105{padding:60px  0px  0px  0px;position:relative;}
.image          {border-radius:2px;border:0;display:inline-block;position:relative;}
.image.fit  img {width:100%;margin:auto;}
.image.fit2 img {width: 90%;margin:auto;}
.buttonsong3    {width: 80%;}}
/*=Flexgrid================================================================================================================*/
.grid-styleblog     {width:100%;margin:auto;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-moz-align-items:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch;}
.grid-styleblog > * {-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;}
.grid-styleblog >                       * {width:33.33%;}
.grid-styleblog >                       * {padding:0.5%;width:calc(33.33% + 0rem);}
.grid-styleblog > :nth-child(-n + 2)      {padding-top:1;}
.grid-styleblog > :nth-last-child(-n + 2) {padding-bottom:1;}
.grid-styleblog > :nth-child(2n + 1)      {padding-left:1;}
.grid-styleblog > :nth-child(2n)          {padding-right:1;}
.grid-styleblog > :nth-child(2n + 1),
.grid-styleblog > :nth-child(2n)          {width:calc(33.33% + 0rem);}
.grid-styleblog .box                      {margin:0;}
@media screen and (max-width:608px)    {
.grid-styleblog >                       * {width:100%;}
.grid-styleblog >                       * {padding:0.5%;width:calc(100% + 0rem);}
.grid-styleblog > :nth-child(-n + 2)      {padding-top:1;}
.grid-styleblog > :nth-last-child(-n + 2) {padding-bottom:1;}
.grid-styleblog > :nth-child(2n + 1)      {padding-left:1;}
.grid-styleblog > :nth-child(2n)          {padding-right:1;}
.grid-styleblog > :nth-child(2n + 1),
.grid-styleblog > :nth-child(2n)          {padding:5px;width:calc(100% + 0rem);}
.grid-styleblog > *                       {padding:5px;width:calc(100% + 0rem);}
.grid-styleblog > :nth-child(-n + 1)      {padding-top:1;}
.grid-styleblog > :nth-last-child(-n + 1) {padding-bottom:1;}
.grid-styleblog > :nth-child(1n + 1)      {padding-left:1;}
.grid-styleblog > :nth-child(1n)          {padding-right:1;}
.grid-styleblog > :nth-child(1n + 1),
.grid-styleblog > :nth-child(1n)          {width:calc(100% + 0rem);}}

.grid-styleinfo     {width:100%;margin:auto;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-moz-align-items:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch;}
.grid-styleinfo > * {-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;}
.grid-styleinfo >                       * {width:50%;}
.grid-styleinfo >                       * {padding:1.0%;width:calc(50% + 0rem);}
.grid-styleinfo > :nth-child(-n + 2)      {padding-top:1;}
.grid-styleinfo > :nth-last-child(-n + 2) {padding-bottom:1;}
.grid-styleinfo > :nth-child(2n + 1)      {padding-left:1;}
.grid-styleinfo > :nth-child(2n)          {padding-right:1;}
.grid-styleinfo > :nth-child(2n + 1),
.grid-styleinfo > :nth-child(2n)          {width:calc(50% + 0rem);}
.grid-styleinfo .box                      {margin:0;}
@media screen and (max-width:608px)    {
.grid-styleinfo >                       * {width:100%;}
.grid-styleinfo >                       * {padding:0rem;width:calc(50% + 0rem);}
.grid-styleinfo > :nth-child(-n + 2)      {padding-top:0rem;}
.grid-styleinfo > :nth-last-child(-n + 2) {padding-bottom:0rem;}
.grid-styleinfo > :nth-child(2n + 1)      {padding-left:0rem;}
.grid-styleinfo > :nth-child(2n)          {padding-right:0rem;}
.grid-styleinfo > :nth-child(2n + 1),
.grid-styleinfo > :nth-child(2n)          {padding:0rem;width:calc(100% + 0rem);}
.grid-styleinfo >                       * {padding:0rem;width:calc(100% + 0rem);}
.grid-styleinfo > :nth-child(-n + 1)      {padding-top:0;}
.grid-styleinfo > :nth-last-child(-n + 1) {padding-bottom:0;}
.grid-styleinfo > :nth-child(1n + 1)      {padding-left:0;}
.grid-styleinfo > :nth-child(1n)          {padding-right:0;}
.grid-styleinfo > :nth-child(1n + 1),
.grid-styleinfo > :nth-child(1n)          {width:calc(100% + 0rem);}}

.grid-styleshop     {width:100%;margin:auto;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-moz-align-items:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch;}
.grid-styleshop > * {-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;}
.grid-styleshop >                       * {width:25%;}
.grid-styleshop >                       * {padding:0.5%;width:calc(25% + 0rem);}
.grid-styleshop > :nth-child(-n + 2)      {padding-top:1;}
.grid-styleshop > :nth-last-child(-n + 2) {padding-bottom:1;}
.grid-styleshop > :nth-child(2n + 1)      {padding-left:1;}
.grid-styleshop > :nth-child(2n)          {padding-right:1;}
.grid-styleshop > :nth-child(2n + 1),
.grid-styleshop > :nth-child(2n)          {width:calc(25% + 0rem);}
.grid-styleshop .box                      {margin:0;}
@media screen and (max-width:800px)    {
.grid-styleshop >                       * {width:50%;}
.grid-styleshop >                       * {padding:1%;width:calc(50% + 0rem);}
.grid-styleshop > :nth-child(-n + 2)      {padding-top:1;}
.grid-styleshop > :nth-last-child(-n + 2) {padding-bottom:1;}
.grid-styleshop > :nth-child(2n + 1)      {padding-left:1;}
.grid-styleshop > :nth-child(2n)          {padding-right:1;}
.grid-styleshop > :nth-child(2n + 1),
.grid-styleshop > :nth-child(2n)          {width:calc(50% + 0rem);}
.grid-styleshop .box                      {margin:0;}}

/*============================================================================================================================*/
@media screen and (min-width:5301px){.winfo {padding: 0px 0px 0px 0px;}  .winfo > .iinfo {margin: 0 auto;width:50%;}}
@media screen and (max-width:5300px){.winfo {padding: 0px 0px 0px 0px;}  .winfo > .iinfo {margin: 0 auto;width:50%;}}
@media screen and (max-width:3840px){.winfo {padding: 0px 0px 0px 0px;}  .winfo > .iinfo {margin: 0 auto;width:60%;}}
@media screen and (max-width:2590px){.winfo {padding: 0px 0px 0px 0px;}  .winfo > .iinfo {margin: 0 auto;width:70%;}}
@media screen and (max-width:1024px){.winfo {padding: 0px 0px 0px 0px;}  .winfo > .iinfo {margin: 0 auto;width:80%;}}
@media screen and (max-width:401px) {.winfo {padding: 0px 0px 0px 0px;}  .winfo > .iinfo {margin: 0 auto;width:90%;}}

@media screen and (min-width:5301px){.wshop {padding: 0px 0px 0px 0px;}  .wshop > .ishop {margin: 0 auto;width:80%;}}
@media screen and (max-width:5300px){.wshop {padding: 0px 0px 0px 0px;}  .wshop > .ishop {margin: 0 auto;width:90%;}}

@media screen and (min-width:5301px){.wblog {padding: 0px 0px 0px 0px;}  .wblog > .iblog {margin: 0 auto;width:70%;}}
@media screen and (max-width:5300px){.wblog {padding: 0px 0px 0px 0px;}  .wblog > .iblog {margin: 0 auto;width:70%;}}
@media screen and (max-width:884px) {.wblog {padding: 0px 0px 0px 0px;}  .wblog > .iblog {margin: 0 auto;width:80%;}}
@media screen and (max-width:401px) {.wblog {padding: 0px 0px 0px 0px;}  .wblog > .iblog {margin: 0 auto;width:90%;}}

@media screen and (min-width:5301px){.wgal {padding: 0px 0px 0px 0px;}  .wgal > .igal {margin: 0 auto;width:80%;}}
@media screen and (max-width:5300px){.wgal {padding: 0px 0px 0px 0px;}  .wgal > .igal {margin: 0 auto;width:80%;}}
@media screen and (max-width:1280px){.wgal {padding: 0px 0px 0px 0px;}  .wgal > .igal {margin: 0 auto;width:90%;}}
@media screen and (max-width:1024px){.wgal {padding: 0px 0px 0px 0px;}  .wgal > .igal {margin: 0 auto;width:88%;}}
@media screen and (max-width:884px) {.wgal {padding: 0px 0px 0px 0px;}  .wgal > .igal {margin: 0 auto;width:84%;}}
@media screen and (max-width:800px) {.wgal {padding: 0px 0px 0px 0px;}  .wgal > .igal {margin: 0 auto;width:90%;}}
@media screen and (max-width:640px) {.wgal {padding: 0px 0px 0px 0px;}  .wgal > .igal {margin: 0 auto;width:100%;}}

/*=============================================================================================================================*/
.div-round         {overflow:hidden;position:relative;-webkit-border-radius:20px;border-radius:20px;}
.div-round::before {display:block;content:"";}
/*=============================================================================================================================*/
.content-block         {position:relative;overflow:hidden;top:-100px;background:transparent;}
.parallax-slide        {position:relative;height:100vh;left:0px;top:0px;}
.parallax-clip         {position:absolute;width:100vw;height:100vh;left:0px;top:0px;}
.fixed-parallax        {position:relative;width:100vw;height:100vh;left:0px;top:0px;background-size:cover;
background-position:center top;background-attachment:fixed;vertical-align:text-top;}
.fixed-parallax:before {position:absolute;width:100vw;height:100vh;left:0px;top:0px;content: "";}
@supports (-webkit-overflow-scrolling: touch) {
.parallax-clip         {clip: rect(auto, auto, auto, auto);background:transparent;padding-top:100px;padding-bottom:100px;}
.fixed-parallax        {position:fixed;background-attachment:unset;-webkit-transform:translateZ(0);}}
/*=============================================================================================================================*/
@media 
(max-aspect-ratio:256/135),(max-aspect-ratio:47/20),(max-aspect-ratio:32/9),(max-aspect-ratio:21/9),(max-aspect-ratio:17/9),
(max-aspect-ratio:16/10),(max-aspect-ratio:16/9),(max-aspect-ratio:4/3),(max-aspect-ratio:4/5),(max-aspect-ratio:3/2),
(max-aspect-ratio:2/1),(max-aspect-ratio:1.5/1){
.bgindex01{background-image:url("/upload/gallery_pic/nattigan_s0002.webp");}
.bgindex02{background-image:url("/upload/gallery_pic/nattigan_s0003.webp");}
.bgindex03{background-image:url("/upload/gallery_pic/nattigan_s0005.webp");}
.bgindex04{background-image:url("/upload/gallery_pic/nattigan_s0002.webp");}}
@media 
(max-aspect-ratio:135/256),(max-aspect-ratio:20/47),(max-aspect-ratio:9/32),(max-aspect-ratio:9/21),(max-aspect-ratio:9/17),
(max-aspect-ratio:10/16),(max-aspect-ratio:9/16),(max-aspect-ratio:3/4),(max-aspect-ratio:5/4),(max-aspect-ratio:2/3),
(max-aspect-ratio:1/2),(max-aspect-ratio:1/1.5),(max-aspect-ratio:1/1){
.bgindex01{background-image:url("/upload/gallery_pic/nattigan00001.webp");}
.bgindex02{background-image:url("/upload/gallery_pic/nattigan0001.webp");}
.bgindex03{background-image:url("/upload/gallery_pic/nattigan0002.webp");}
.bgindex04{background-image:url("/upload/gallery_pic/nattigan00001.webp");}}

/*=============================================================================================================================*/
@media screen and (min-width:481px) {.icon-bar2 {display:none;}}
@media screen and (max-width:480px) {.icon-bar2 {position: relative;}}
/*=============================================================================================================================*/
div.scroll-container {background-color: #FFF;overflow:auto;white-space:nowrap;padding:0px;
&::-webkit-scrollbar {
    background: transparent; /* Chrome/Safari/Webkit */
    width: 0px;height: 0;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */}}
div.scroll-container img {padding: 30px;}
/*=============================================================================================================================*/
select > option[value=""] {display: none;}
/*=============================================================================================================================*/