@charset "utf-8";
*{margin:0;padding:0;outline:0;margin-inline-start:0;margin-inline-end:0;margin-block-start:0;margin-block-end:0;padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0;min-inline-size:0; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; font-family:Arial, Helvetica, sans-serif;font-size:17px;}
table{border-spacing:0px; border-collapse:collapse;}
td{vertical-align:top;}
/* img{margin:0;border:0;}
h1,h2,h3,h4,p{margin:0;padding:0;} */
a{text-decoration:none;color:blue;word-spacing:0px;display:inline;}a:link{}a:visited{}a:hover{text-decoration:none;}a:active{}
pre{clear:both}
ul{display:block;margin:0;padding:2% 0;margin-left:7%;}li{}/* list-style-type:circle; */
:root{--maxW1728: 1728px;}
:root{--maxW1440: 1440px;}
.clear{height:0px;clear:both;}
.slink{color:blue;cursor:pointer;word-spacing:0px;}/* comments.php */
.dRecord,.dNews,.ahButt,.dMenu,.aMenuFo {-webkit-transition: background-color 2s ease-out;-moz-transition: background-color 2s ease-out;-o-transition: background-color 2s ease-out;transition: background-color 2s ease-out;}

.dBody{display:block;background-repeat:no-repeat;background-position:right bottom;background-attachment:fixed;}
.masterTab{position:relative; margin:0 auto; width:98%; max-width:1920px; height:100%;}
/* header */
.dtop{position:relative;margin:2px 0 0 0;width:100%;height:44px;color:#fff;background:#314045;border-top:3px solid #F27D36;}
.dtopIns{position:relative;margin:0 auto;width:100%;max-width:var(--maxW1440);height:44px;display:block;}
.atlg{display:inline-block; margin:6px 12px 0 0; padding:4px; color:#fff;}
/* MENU SIDE visiable part */
.sTop{position:absolute; top:2px; right:2px; width:auto; text-align:right; display:inline-block; z-index:2;}
.iMenu{border-radius:3px;position:relative; margin:0 0 0 9px;padding:4px;height:37px;z-index:11;display:inline-block;}/* background:#F27D36; */
.iMenu:hover{background-color:#F27D36;cursor:pointer;}
.dHead{position:relative;width:100%;height:auto;}
.iNoScrpt{width:100%; display:block;}
.hOuts{position:-webkit-sticky;position:sticky;top:0;right:0;margin:0;width:100%;height:72px;background:#fff;display:block; z-index:20;}/* 52/32 */
.header{position:relative;margin:0 auto;width:100%;max-width:var(--maxW1440);height:100%;display:block;box-shadow:0 1px #CBCFD0;}
.dImglogo{position:absolute;bottom:0;left:0;width:auto;height:100%;display:inline-block;}
.imglogo{height:52px; margin:10px 1px; cursor:pointer;}/* height: calc(100vw*0.31); */

/* scripts/menuUser.php */
.aMenuUser{color:#fff; margin:12px 0; display:block;}.aMenuUser:hover{color:#F2F2F2;cursor:pointer;}/*.aMenuTop{color:#1C1A1A; word-spacing:0px; margin:2px 5px;}*/
	.sWelcome{margin:0; margin-right:5px; word-spacing:0px; font-weight:700; display:inline-block;} /* welcome user */

/* MENU SIDE scripts/menuCaArticle.php,scripts/menuSide.php ----------- */
.dSide{position:fixed; top:2px; right:2px; width:100%; max-width:calc(100vw - 4px); height:100%; height:calc(100vh - 4px); margin:0; padding:1px; display:none; overflow:hidden; z-index:21;}
.dSOpacity{position:absolute; top:2px; right:320px; width:98%; max-width:calc(100vw - 324px); height:100%; height:calc(100vh - 4px); margin:0; background:#fff; opacity:0.7;}
.sClsM{position:absolute;top:0px;right:0px;padding:3px;text-align:right;width:100%;max-width:320px;height:33px;color:red;background:#141B1D;cursor:pointer;display:block;}/*b  menu*/
.dMenu{position:absolute;top:33px;right:0;padding:0 1%;width:100%;max-width:320px;height:calc(100% - 35px);background:#314045;overflow:hidden;opacity:0.9;overflow-Y:auto;}
.dMenu:hover{background-color:#182022;opacity:1;}
.ifrMenuUser{width:100%;height:calc(100% - 5px);border:0;}
.dButMPart{}
.slegend{margin-bottom:1%; color:#B8B8B8; display:block; border-top:1px solid #B8B8B8;}
.sMPos{margin:2% 0; font-weight:500; display:block;}/* menu position */
/* position */
.aMPart{font-size:120%; font-weight:500; color:#fff;}.aMPart:hover{text-decoration:underline;}/*L part*/
.aMPartAct{font-size:100%; font-weight:600; color:orange;}
.aMCat{margin:8px 0 0 10px; font-size:100%; font-weight:500; color:#BFA685; display:block;}.aMCat:hover{text-decoration:underline;}/*L cat*/
.aMSCat{margin:8px 0 0 20px; font-size:100%; font-weight:500; color:#BFA685; display:block;}.aMSCat:hover{text-decoration:underline;}
.aMSSub{margin:8px 0 0 10px; padding:0; font-size:90%;font-weight:400;color:#BFA685; display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/*subSubCat*/
.aMCPArt{margin:0 0 0 35px;padding:2% 0; font-size:70%; color:#fff;display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/* L article */
.aMCOldNw{margin:0 0 0 35px;padding:4% 0; font-size:70%; color:#C5C5C5;display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/* old and new art */
/*menuCaArticle.php menu*/
.sBCntPrt{width:100%; margin-bottom:8px; display:block; clear:both;}/* container part  */
.aBPart{width:calc(100% - 24px);margin-top:10px; color:orange; display:inline-block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/* L part */
.aBPart:hover{color:#fff;}
.aBPartAct{width:calc(100% - 24px);margin-top:10px; color:#fff; font-weight:700; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.aBPartAct:hover{text-decoration:underline; color:#fff;}
.sBCCtMore{float:right; width:20px; margin-top:10px; text-align:right; color:orange; cursor:pointer; display:block;}/* button open cat */
.sBCat{width:90%; margin:0 0 0 10%; display:none;}/* container cat  */
.sBCCl{width:100%; margin:-30px 0 0 0; padding:1% 0; text-align:right; color:red; cursor:pointer; display:block; z-index:2;}/* button close cat */
.aBSCat{color:#BFA685; font-size:90%; margin-bottom:10px; display:block;}/* L cat */
.aBSCatSub{color:#BFA685; font-size:70%; margin-bottom:10px; margin-left:5%; display:block;}/* L sub-cat */
.aBSCat:hover,.aBSCatSub:hover{color:orange}
/* menuSide.php menu*/
.sSCntPrt{width:100%; margin:0 0 8px 0; display:block; clear:both;}/* container partlinks  */
.aSPart{width:100%; margin-top:10px; color:orange; display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/* L part */
.aSPart:hover{color:#fff;}
.aSPartAct{width:100%;margin-top:10px;color:#fff;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aSSCat{width:calc(100% - 14px); margin:0 0 10px 14px; color:orange; font-size:90%; display:block;}/*L cat*/
.aSSCatSub{width:calc(100% - 24px); margin:0 0 10px 24px; color:#BFA685; font-size:70%; display:block;}/*L sub-cat*/
.aSSCat:hover,.aSSCatSub:hover{color:orange}
/* MENU FAST scripts/menuArticle.php ----------- */
.dMACnnr{position:fixed; top:10%; right:5%; right:calc(); width:90%; max-width:270px; height:60vh; padding:5% 3%; background:#fff; border:1px solid #000; border-radius:5%; border-width:1px 0; opacity:0.9; z-index:20; display:none;}/*container*/
.aMAlnk{margin:8px 0 0 10px; font-size:90%; font-weight:500; color:#1C1A1A; display:block;}.aMAlnk:hover{color:red;}/*L art*/
.aMAno{margin:8px 0 0 10px; color:#808080; cursor:pointer; word-spacing:0px; display:block;}.aMAno:hover{color:#000;}/*new & old articles*/
/* MENU SNWrk ----------- */
.dSNWrk{position:fixed; top:25%; right:4px; width:24px; text-align:center; z-index:21;}
.aSNWrk{display:inline-block; width:100%; margin:16px 0 0 0; }
.imgSNWrk{width:100%; border:1px solid transparent; display:block;}.imgSNWrk:hover{border:1px solid blue; border-radius:4px; cursor:pointer;}


/* STANDARD menu --------- *//* position:-webkit-sticky; position:sticky; top:0; right:0;  part links */
.dMPart{position:absolute;top:0;right:0;background:#FFF;width:auto;margin:0;padding:2px 0;text-align:right;z-index:20;display:inline-block;border:0;}
.sContCat{position:relative;min-width:162px;margin:14px 1px 0 0;padding:0;text-align:center;display:inline-block;border-right:1px solid #000;}
.sContCat:hover{background:#1C1A1A;}
	.aPart{font-size:100%; width:100%; margin:0; padding:10px 4px; color:#1C1A1A; display:inline-block; z-index:30;}
	.aPart:hover{color:#FFFFFF; background:#1C1A1A;}
	.sContCat:hover .aPart{color:#FFFFFF;}
	.aPartAct{font-size:100%; width:100%; margin:0; padding:10px 0px; background:#1C1A1A; color:#fff; display:inline-block; z-index:30;}
	.aPartAct:hover{color:#fff;}
.sCat{position:absolute;top:100%;left:0;width:100%;padding:1% 1% 3% 1%; text-align:left; background:#fff;color:#1C1A1A;opacity:0.9;display:none; z-index:20;overflow-y:visible;} /* .sCat:hover{color:orange;} *//* category links */
	.aSCat{width:90%; font-size:90%; color:#1C1A1A; margin-top:10px; display:inline-block;}
	.aSCat:hover{color:orange;}
	.aScatYpol{cursor:pointer;}
.sSubCat{margin-left:2%; display:block;}/* sub category links */
	.aSubCat{font-size:80%; color:#1C1A1A; margin:8px 0; display:block;}
	.aSubCat:hover{color:orange;}
/* menuYpo */
.sCatYpo{margin:0; padding:0; padding-top:5%; width:inherit; color:#000; display:inline-block;}
	.dMenuYpo{width:100%; height:55px; margin:2% 0; font-size:70%; overflow:hidden; cursor:pointer; display:block;}
	.dImgMYpo{float:left; width:33%; height:70px; margin:0; margin-right:1%; overflow:hidden;}
	.imgMYpo{float:none;  width:100%; height:100%; object-fit: cover; margin:0px;}
	.hYpo{margin:0; padding:0; font-size:110%; color:#1C1A1A; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.yAuthor{font-size:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; display:block;}
@media only screen and (max-width:800px){.sContCat{min-width:115px;}}
@media only screen and (max-width:640px){.dMPart{display:none;}}
/* --------- STANDARD menu */

/* html/*.html ----------------- */
.dHtm{display:block; margin:5% 0 10% 0; padding:1% 1% 1% 0; border:0px solid red; border-width:0px 0;}
.dImgHtm{float:left; width:34%; margin:0; padding:0;}
	.h2Htm{margin:0 0 10% 0; padding:0; color:#1C1A1A;}
	.imgHtm{float:none; width:100%; max-width:640px; margin:0; display:block;}
.dTxtHtm{float:right; width:64%; text-align:justify; margin:0; padding:0;}
	.dTxtHtm a{color:blue;}
@media only screen and (max-width:800px) {.dHtm{}
.dImgHtm{float:none; width:95%;}
.dTxtHtm{float:none; width:95%;}}
/* html/*.html ----------------- */



/*CONTENT */
.divContent,.divContentArt{margin:0 auto; padding:0; width:100%; background:#fff; display:block; clear:both;} /* =.dSecrNews from gshop */
.dContent,.dContentArt,.dContact,.dUser{margin:0 auto; padding:3% 0; width:100%; max-width:var(--maxW1440);}
/* .divContentArt{position:relative; width:80%; min-width:320px; min-height:320px; margin-left:auto; margin-right:auto; margin-top:1%; margin-bottom:7%;} */
.hPart{position:relative; margin:0 auto; padding:1% 2%; font-size:140%; font-weight:500; text-align:right; color:#314045; display:block;}
.divMess{margin:2%; padding:1%; background:#EBECEC; clear:both;}
.spanMess{font-weight:500;} /* system mess */
.aPage{font-weight:100;} /* counter link color:#003E62; */
.aPageNext{font-weight:400;} /* next page */
.aPagePr{font-weight:400;} /* pr page */
.aPagePro{font-weight:400;} /* first page */
.aPageCom{font-weight:400; color:blue; text-decoration: underline;} /* link to comments */
.aPageLast{font-weight:400;} /* last page */
.pHistory{width:auto; margin:1% 2%; text-align:right;}
.aHistory{font-weight:500;}
.aNextPr{} /* next/pr page */

/* content.php ... */
.hContentCat{position:relative; margin:0; padding:4px; font-size:140%; font-weight:500; text-align:right; color:#1C1A1A; display:block;}/*cat #1B3055 */
.hContentSub{margin:0; padding:4px; font-size:140%; font-weight:300; text-align:right;} /* sub-cat */
.hContSubSub{margin:0; padding:4px; font-size:140%; font-weight:700; text-align:right;} /* sub-sub-cat */
.dPageTop{margin:1%; padding:1%;}/* counter top */
.aTop{display:inline-block; margin:0 5px;}/* counter link */
.aTopAct{display:inline-block; margin:0 5px; color:red}
.divPage{clear:both; text-align:center; margin:3% 0;}

.dRecord{position:relative; width:48%;max-width:692px; height:427px; height:calc(100vw/3.37); max-height:427px; margin:3% 1%; padding:0; cursor:pointer; overflow:hidden; border-top:1px solid #F27D36; display:inline-block;} /* width:calc(100vw/2.7 - 4px); */
	.dImgPart{width:100%; height:80%; margin:0; padding:1%; overflow:hidden; text-align:center;}
	.imgPart{width:100%; height:100%; object-fit: scale-down;}
	.dRTxt{position:absolute; bottom:0; left:0; width:100%; height:25%; padding:4%; background:#113163; color:#fff; opacity:0.9; overflow:hidden; display:block; z-index:2; transition:.5s ease;}
	.hContArt{margin:1% 0; font-size:120%; color:#fff; display:block;}
	.hAutor{margin:1% 0; font-size:100%;}
	.txRec{display:block;}
	.aArticle{font-size:100%; font-weight:100; color:#41525A;}
	.dRecord:hover .dRTxt{height:98%;}

/* news 80% 255*/
.dNews{position:relative; width:100%; height:160px; height:calc(100vw/4);max-height:474px; margin:2% 0; padding:0; cursor:pointer; overflow:hidden;}
.dNews:hover{box-shadow: 5px 5px 5px #C2C3C4; overflow:visible;}
.dNbkgr{position:absolute;top:0;left:0; width:0; height:0; background-color:#F8F8F8; transition: .7s ease;}
.dNews:hover .dNbkgr{width:100%; height:100%;}
	.dImgNews{float:left;position:relative;top:0;left:0; width:38%; height:100%; margin:0;padding:1%; overflow:hidden;z-index:2;border-top:2px solid #1B4E9B;}
	.dImgNewsR{float:right;position:relative;top:0;right:0; width:38%; height:100%; margin:0;padding:1%; overflow:hidden;z-index:2;border-top:2px solid #1B4E9B;}
		.imgNews{float:none; width:100%; height:100%; object-fit: scale-down; margin:0px;}
	.dNTxt{position:relative; width:62%; height:auto; padding:5%; overflow:hidden; display:block; vertical-align:middle;z-index:2;border-top:2px solid #F27D36;}
/* 	.dNTxt:hover{height:auto; overflow-y:visible; border-radius:7px; box-shadow: 5px 5px 5px #C2C3C4; z-index:2;} */
		.hNews{font-size:100%; color:#1C1A1A;}
		.nAutor{margin:2% 0; color:#404040; display:block;}
		.txNews{font-size:90%; padding:2% 0; display:block;}/*white-space:nowrap; text-overflow:ellipsis;*/
/* buttons */
.dButPanel{position:relative; margin:2% auto; padding:0; width:90vw; max-width:var(--maxW1440); text-align:center;}/*  = .dSecrBut gshop */
	.hSecrButt{padding:4% 2%; color:#1B4E9B; text-align:left;}
	.dButt{position:relative; display:inline-block; width:150px; height:240px; margin:1px 5px; padding:0; background:#fff; color:#fff; overflow:hidden; cursor:pointer;
	 border-top:1px solid #1B4E9B;}
	.dImgButt{position:absolute;top:0;left:0;width:100%;height:150px; margin:0; padding:0; overflow:hidden; z-index:1;}/* right:0; bottom:0; */
	.imgButt{width:100%;height:100%; object-fit:scale-down;}
	.dButtDescr{position:absolute; bottom:0; left:0; width:100%;height:90px;padding:3% 0; background:#F27D36; overflow:hidden; transition:.5s ease; text-align:center; z-index:2;}
	.dButt:hover .dButtDescr{height:99%; opacity:0.8;}
	.hButt{position:relative; width:98%; margin:auto; padding:3% 1%; font-size:90%; text-align:center; vertical-align:middle; display:block;}
	.yTttl{width:98%; padding:1%; display:block;}/* ypo-title */
/* for permanent buttons goLeftRight function ------------------------------------------------------------- */
.dExButt{position:relative; width:auto; max-width:100%; height:242px; margin:0 auto; overflow:hidden; display:block;}
.dPerButt{position:relative; left:0; top:0; padding:0 22px; min-width:100%; height:100%; display:block; box-sizing:content-box;}/*  background:#FAFAFA; */
.sGoRight{position:absolute; top:54%;right:0; padding:10px 7px; background:#2B3136; color:#fff; opacity:0.7; display:inline-block; z-index:2; cursor:pointer;}
.sGoLeft{position:absolute; top:54%;left:0; padding:10px 7px; background:#2B3136; color:#fff; opacity:0.7; display:inline-block; z-index:2; cursor:pointer;}
/* ------------------------------------------------------------ for permanent buttons goLeftRight function */
/* article.php */
.hArtCont{margin:3% 3% 0 3%; padding:0; height:auto; font-size:110%; font-weight:100;} /* part */
.hArtContCat{margin:0 3%; padding:0; font-size:115%; font-weight:300;} /* sub-cat */
.hArtContSub{margin:0 3%; padding:0; font-size:120%; font-weight:300;} /* sub-cat */
.divArticle{margin:0 2%; padding:0 1%; text-align:justify; border-left:0px solid #1C1A1A;}
	.divArticleItalic{float:left; width:65%; text-align:left; margin:2% 0; padding:0; font-style:italic;}/* width:47%; */
	.pDate{margin:0; font-size:100%;}
	.hArticle{margin:0; padding:0; font-size:170%; font-weight:400; color:#1C1A1A;}
	.hArtAutor{margin:0 0 3% 0; font-size:100%; font-weight:700;}
		.aAuthHead{color:#1C1A1A;}
.dImgArt{float:right; width:32%; margin:2% 0 2% 2%; padding:0;}/* width:47%; */
		.imgTrArt{float:none; width:100%; margin:0; display:block;} /* img */
	.imgArtEx{float:left; width:48%; width:calc(50% - 5px); margin:0 5px 2px 0; display:inline-block;}
	.imgArtEx2{float:none; width:100%; margin:0; display:block;}
.divMessArt{margin:2%; padding:1%; width:auto; background:#EBECEC; clear:both;}
.dComments{margin:2%; padding:0; width:auto; border:0px solid #EBECEC; clear:both;}
.divMessCom{margin:0; padding:1%; width:98%; background:#EBECEC; clear:both;} /* only comments.php */
	.divRecArt{width:auto; margin:3% 0; padding:1%; background:#F8F8F9;} /* commment box */
	.dRecCom{margin:7px 0px 0px; padding:2px; background:#FFF;} /* commment text */
	

.dASide{position:relative; float:right; width:0; max-width:25%; padding-top:110px; text-align:center; display:none; overflow:hidden;}
.iDia{position:relative; width:95%; max-width:350px; margin-top:75px;}
.aDia{}
.pleft{margin:0; padding:0; text-align:left; clear:both;} /* paragra... */
.pcenter{margin:0; padding:0; text-align:center; clear:both;}
.pright{margin:0; padding:0; text-align:right; clear:both;}
.pjustify{margin:0; padding:0; text-align:justify; clear:both;}
.dVideo{width:100%; height:400px; margin-left:auto; margin-right:auto; clear:both;}
.dflLeft{float:left; width:49%; margin:0; padding:0;}
.dflRight{float:right; width:49%; margin:0 0 0 2%; padding:0;}
/* photo.php */
.hPhoto{margin:2% 0; padding:2%; font-size:150%; font-weight:500; color:#fff; text-align:right; background:#1C1A1A;}
.dPhoto{margin:2% 0; text-align:center; display:block; overflow:hidden;}
.imgPhoto{width:100%; height:auto; margin:1% auto;}
/*adArt.php,contact.php,gallery.php,user.php*/
.hContent{margin:2% 3%; padding:0; font-size:140%; font-weight:700; text-align:right;}
/* menuTags.php ----------------------------------------- */
.sTags{width:90%; max-width:var(--maxW1440); margin:1% auto; padding:2%; background:#fff; opacity:0.7; display:block; clear:both;}
/* menuTagsArticle.php ----------------------------------------- */
.dArtTags{}
.hArtTags{color:red;}
.dATags{position:relative; float:left; width:50%; height:calc(80vw / 3.24);}
.dImgATags{width:100%; height:100%; margin:0; padding:1% 0; overflow:hidden;}
.imgATags{width:100%; height:100%; object-fit: scale-down; margin:0px;}
.dATagsTxt{position:absolute; bottom:0; left:0; width:100%; height:20%; padding:2%; background:#2B3136; color:#fff; opacity:0.9; overflow:hidden; display:block; z-index:2; transition:.5s ease;}
.hATags{margin:1% 0; font-size:120%; color:#fff; display:block;}
.hATagsAutor{margin:1% 0; font-size:100%;}
.dATags:hover .dATagsTxt{height:90%;}
/* footer ----------------------------------------- */
.dfoot{position:relative; width:100%; margin:600px 0 0 0; padding:0; background:#314045; clear:both;}
.dfootIns{margin:0 auto; max-width:var(--maxW1440); text-align:center;}
	.aMenuFo{width:auto; min-width:115px; margin:5px 2px; padding:10px; display:inline-block; color:#F27D36;}
	.aMenuFo:hover{background:#1C1A1A; color:#fff;} /* #1C1A1A */
.tdFootK{margin:0; padding:0 1% 1% 1%; font-size:70%; background:#314045; color:#D3D3D3; border-top:1px solid #8B8B8B;}
.divGeodi{font-size:90%; margin:0; padding:1%; background:#314045; color:#D3D3D3;}
.aGeodi{font-size:110%; color:#D3D3D3;} .aGeodi:hover{color:#fff;}
/* here ano gshop gsinclMix/footer.php */
.dfootl{float:left; width:70%; width:calc(100% - 320px); display:block;} /* menuPlus */
.dfootr{float:right; width:310px; display:block; text-align:left;}/* newsletter */
	.scNlet{display:inline-block; vertical-align:top; padding:10px; font-size:120%;}
	.icNlet{width:32px;height:32px; margin:6px; vertical-align:sub; float:none; display:inline;}
	.ifrNlet{width:310px; margin:0 auto; padding:0; border:0; height:auto;}

#dgrf{margin:0;padding:1% 0 1% 2%; text-align:right;}
	#dgrf > img{float:none;width:32px;margin:4px 9px 4px 3px;filter:grayscale(0);cursor:pointer;display:inline-block;border:1px solid #657074;border-radius:5px;}
	#dgrf > img:hover{background:#ADB9B2;}

/* geodiScroll */
.gScroll{position:fixed; right:1%; bottom:1%; z-index:3;}
.dScrl{position:absolute; bottom:0; right:0; padding:1px; width:75px; text-align:center; background:#091935; opacity:0.5; display:block;}
.iScrl{display:inline; margin:1px; width:32px; cursor:pointer;}
/* other */
.userfile{width:197px; margin:3px;}
.divMap{float:left; margin:5% 2%; width:95%; }/* map */

	.dStRight{float:right; margin:0%; width:27%; min-width:300px; text-align:center; background:#FFFFFF;}
	.aStatic{margin:5%; padding:9% 3%; font-size:270%; color:#fff; background:#2760A7; display:inline-block;}/* CCECFF */
	.dGree{margin:5% 1%; padding:1%; background:#D9D9D9;}
	
	.dStleft{float:left; margin:0% 1%; width:96%; min-width:300px; background:#FFFFFF;}
	.dRose{margin:0%; margin-top:2%; padding:2%; font-size:150%; color:#fff; background:#2760A7;}
	.dWhite{margin:0%; margin-bottom:5%; padding:2%; text-align:justify;}

/* cookieEU */
.dCookView{position:fixed; right:1%; bottom:1%; width:50%; max-width:320px; min-width:300px; height:auto; min-height:70px; padding:7px 15px; font-size:90%; text-align:left; border:2px solid #DC0000; border-style: none solid solid none; border-radius:10px; color:#fff; background:#404B4A; z-index:10; display:none;}
.dCookText{width:100%; height:auto; min-height:25px; margin:5px 0px; padding:0px; border-bottom:1px solid #D0D0D0;}
.dCookRight{float:right; right:0px; bottom:0px; width:40%; height:auto; min-height:25px; padding:0px; text-align:right; font-weight: bold; cursor:pointer;}
.dCookLeft{float:left; left:0px; bottom:0px; width:40%; height:auto; min-height:25px; padding:0px;}
.aCook{color:#FFF;text-decoration:underline;}
.aCook:hover{color:#FFF}
/* gformatter */
.iFrm{width:100%; height: 100%; border-width: 0px;}
.ilink{display:inline;}
.dfull{width:100%; margin:1% 0%; height:auto; min-height:0px; border: 0px solid #ccc; clear:both;}
.tblEmb{width:100%;} /* table */
.tblClh0,.tblClh1,.tblClh2,.tblClh3,.tblClh4,.tblClh5,.tblClh6{font-size:110%; border: 1px solid #808080; border-collapse: collapse;}
.tbClls0,.tbClls1,.tbClls2,.tbClls3,.tbClls4,.tbClls5,.tbClls5{font-size:90%; border: 1px solid #808080; border-collapse: collapse;}
.iVideo{float:none; width:100%; height:auto; margin:0; display:inline-block;} /* if need set max-width!!! */
.iAudio{width:100%;} /* if need set max-width!!! */
/* gformatter */



/* = gshop gsinclMix/header.php ----------------------------------------- */
.dWCvr{position:fixed; top:0; right:0; width:100vw; height:100vh; z-index:2; display:none; background:#000; opacity:0.3}/* cover window */
.itext{width:100%; padding:1.5%; margin:4px 0 0 0;}
/* ----------------------------------------- = gshop gsinclMix/header.php */


@media only screen and (min-width:1920px) {
	.dSide{right:calc((100vw - 1940px)/2 - 20px);}
	.dSNWrk{right:calc((100vw - 1920px)/2);}
	.menuArticle{right:calc((100vw - 1920px)/2 + 20px);}
	}


@media only screen and (max-width:1023px) {
.masterTab{width:100%;}
.sSysMess{width:100%; max-width:100%; min-height:25px;}	
.dGshdr{position:sticky; top:0; right:1%;}
/* .divContent{width:95%;} */
.divContentArt{width:90%;}
}

@media only screen and (max-width:800px){
.dImglogo{position:absolute; top:2px; left:2px;}
.imglogo{height:25px;}
.divContentArt{width:95%;}
.dflLeft{float:none; width:95%; margin:0;} /* margin-right:auto; */
.dflRight{float:none; width:95%; margin:0;} /* margin-right:auto; */
.hArticle{width:95%; padding:1% 0; font-size:120%;}
.divArticleItalic{float:none; width:95%;}
.dImgArt{float:none; width:95%; margin:1% 0;}

.dGshdr{height:29px;}/* main menu */
.igslogo{height:24px;} 
.igshdr{height:24px; margin:0 2px 2px 8px;}

.dRecord{width:48%; width:calc(90vw/2 - 20px); height:calc(90vw/2.65);}
.dExButt{height:202px;}/* width:90vw; */
.dButt{width:125px; height:200px;}

.dfootl{float:none; width:100%;} 
.dfootr{float:none; margin:0px auto; border-top:1px solid white;}
}

@media only screen and (max-width:640px){
.sSysMess{max-width:100%;}
.divContentArt{width:99%;}
.aTop{margin-left:12px;}
.aTopAct{margin-left:12px;}
.hContArt{font-size:100%;}
.aMenuFo{min-width:0;}
}

@media only screen and (max-width: 480px) {
.txRec{display:none;}
.dNews{font-size:90%;}
.hNews{font-size:100%;}
.hArticle{font-size:110%;}
/* .aMenuFo{width:95%;} */
.aMenuFo{margin:5px 2px; padding:10px 1px;}
.dRecord{width:90%; width:90vw; height:calc(90vw/1.29); margin:7px auto;}
}