body{height: 97vh;width: 99vw;background-color: #ffffff;margin-top: 0%;font-size: 12px;font-family: Tahoma, Verdana, sans-serif;overflow: auto;}
	.bodyk{height: 97vh;width: 98vw;vertical-align: baseline;border: 0;outline: 0;margin: 0px auto;font-size: 9pt;overflow-y: scroll;font-family: Lato, Helvetica, sans-serif;background-color: #1a1a1a;color: #ffffff;}
	.body_bak{height: 87vh;width: 97%;background-color: #000000;margin-left: 3%;margin-top: 2%;}
	.a{color: #b30047;text-decoration: none;}
	.a2{color: #bfbfbf;text-decoration: none;}
	.a2:hover{color: #44cc00;text-decoration: underline;}
	a{color: #4d4d4d;text-decoration: none;}
	a:hover{color: #000000;text-decoration: underline;}
	.body{height: 100%;width: 80vw;}
	.bc{height: 97vh;width: calc(6.223vw*15);margin-left: 2.75%;margin-right: 2.75%;margin-top: 0.5%;color: #808080;scrollbar-color: #4d4d4d #808080;z-index: 1;}
.qrc{width: 250px;height: 250px;}
.hct{text-align: center;}


	
	
	.dO{background-color: #999999;color: #000000;}
	.dE{background-color: #737373;color: #000000;}
	.dCx{background-color: #000000;color: #ffffff;}
	.dC_bak{background-color: #1a1a1a;color: #000000;width: calc(99vw/16*5);height: calc(100vh/8);float: left;text-align: center;}
	.dC1_bak{background-color: #ffffff;color: #000000;width: calc(96vw/236);height: calc(100vh/8);float: left;border: 1px solid #ffffff;text-align: center;}

	.dCs{width: 25%;color: #808080;float: left;font-weight: bold;font-size: 1vw;}

	.dCL1{width: auto;display: inline-block;}
	.dCL2{width: auto;display: inline-block;}
	.dCL3{width: auto;display: inline-block;}
	.dCL4{width: auto;display: inline-block;}
	


/*Header Styling Elements*/
.dC{color: #ff0066;width: calc(6.223vw*5);height: 6.223vw;float: left;text-align: center;z-index: 1;}
	.dC1{width: 100%;float: left;font-size: 1.25vw;color: #ff0066;height: 30%;padding-top: 1%;}
		.wslogol:hover{text-decoration: none;}
		.wslogo{width: 1.5vw;height: 1.5vw;vertical-align: top;}
		.wslg{text-decoration: none;color: #36445a; font-size: 1.5vw; font-weight: 800; font-style: normal;}
		.wslg:hover{text-decoration: underline;color: #36445a;}
			.cls-1 {fill: #d9bf8f; }
			.cls-2 {fill: #d9ac2a; } 
			.cls-3 {fill: #36445a; } 
			.cls-4 {fill: #d9bb2a; }
	.dC2{width: 100%;float: left;font-size: 1vw;color: #ffffff;height: 25%;padding-top: 1%;text-align: center;}
		.dCsR{width: 14%;color: #808080;float: left;font-weight: bold;font-size: 1vw;text-align: right;}
		.dCL{width: 72%;float: left;padding-top: 0px;text-align: center;color: #4d4d4d;}
			.dCLX{width: auto;display: inline-block;}
		.dCsL{width: 14%;color: #808080;float: left;font-weight: bold;font-size: 1vw;text-align: left;}
	.dC3{width: 100%;float: left;font-size: 0.9vw;color: #808080;height: 25%;padding-top: 1%;text-align: center;}
.dprx{z-index: 99; padding:1px;width: auto;max-width: 150px;max-height: 100px;background: #ffffff;color: #000000;font-size: 0.8vw;white-space: wrap;text-align: center;border: 1px solid #36445a;}

	

.dHC{width: calc(6.223vw*10);height: 97vh;margin-left:calc(6.223vw*5);}
.dH{width: 100%;height:6.223vw ;background-color: #f2f2f2;color: #ffffff;  position: fixed;z-index: 1;top: 0%;padding-top: 0.5%;}
.dH1{width: calc(6.223vw*5);height:6.223vw;float: left;}

/*Side Elements Styling*/
.dH_3{width: calc(6.223vw*5);height:100% ;margin-left: 0%;  position: fixed;z-index: 1;}
.sdb1{width: calc(6.223vw*3);margin-left: 6.223vw;margin-right: 6.223vw;margin-top: 2.5%;margin-bottom: 1.5%;float: left;font-size: 12px;line-height: 20px;height:auto ;text-align: center;position: relative;}
.pmads{width: calc(6.223vw*3);margin-top: 0%;margin-bottom: 0%;float: left;font-size: 12px;line-height: 20px;background: #4d4d4d;color: #ccc;}
.sdb2{width: calc(6.223vw*3);margin-left: 6.223vw;margin-right: 6.223vw;margin-top: 0%;margin-bottom: 1%;float: left;font-size: 12px;line-height: 20px;height:calc(6.223vw*3) ;}
.navADS{width: 250px;height: 250px;border-radius: 25px;}
.rmg1{width: 100%;border-radius: 25px;height: calc(4.93vw*3);}



/*Page Type 2 Elements Styling*/
.dH2{width: calc(6.223vw*10);height:4.223vw ;float: left;padding-top: 0.5%;padding-bottom: 0.5%;padding-right: calc(6.223vw*0);text-align: left;color: #1a1a1a;background-color: #f2f2f2;}
.dCT{background-color: #1a1a1a;color: #ffffff;width: calc(6.223vw*9);height: 6.223vw;padding-right:calc(6.223vw*1);float: left;text-align: center;}
.dCNT{ width: calc(6.223vw*15);margin-top: 7%;margin-bottom: 2%;color: #4d4d4d;float: left;padding-bottom: 20px;}


/*Page Type 3 Elements Styling*/
.dH3{height: auto;width: calc(6.223vw*9.6);background-color: #ffffff;color: #1a1a1a;float: left;position: fixed;  top: 0%;padding-top: 1%;padding-bottom: 1%;z-index: 1;text-align: left;font-size: 1.8em;font-weight: bold;padding-right: calc(6.223vw*0.4); }
.dCNT3{ width: calc(6.223vw*10);margin-top: 7%;margin-bottom: 2%;color: #4d4d4d;float: left;padding-bottom: 20px;}

/*Page Type 4 Elements Styling*/
.dH4{height: auto;width: calc(6.223vw*9.8);color: #1a1a1a;float: left;background-color: #ffffff; position: fixed;  top: 0%;padding-top: 1%;padding-bottom: 1%;z-index: 1;text-align: left;font-size: 10pt;font-weight: bold;padding-right: calc(6.223vw*0.4); }
.dCNT4{ width: calc(6.223vw*10);margin-top: 3%;margin-bottom: 2%;color: #4d4d4d;float: left;padding-bottom: 20px;background-color: #ffffff;}
.dCNT4 h2 {color: #000000;margin-top: 30px;}
.dCNT4 h4 {color: #000000;margin-top: 0px;}
	.onf{background-color: inherit;color: #000000;padding-top: 0px;border: none;font-size: 1vw;vertical-align: top;}
	.onn{background-color: inherit;color: #4d4d4d;padding-top: 0px;border: none;font-size: 1vw;vertical-align: top;cursor: pointer;}
	.onn:hover{color: #000000;text-decoration: underline;}
	.dN{background-color: #1a1a1a;color: #000000;}


.dH_3k{width: calc(6.223vw*5);height:100% ;background-color: #1a1a1a;color: #ffffff;float: left;}
.dHCk{width: calc(6.223vw*10);height:100% ;background-color: #1a1a1a;color: #f2f2f2;float: left;}
.dH1k{width: calc(6.223vw*5);height:6.223vw;float: left;}
.dH3k{width: calc(6.223vw*9.6);height:auto ;float: left;background-color: inherit;padding-top: 1%;padding-bottom: 1%;text-align: left;font-size: 1.8em;font-weight: bold;text-align: right;padding-right: calc(6.223vw*0.4);}








/*Board Post Styling Elements*/
.bpD{width: 6.223vw;height: 6.223vw;float: left;background-color: #ffffff;text-align: center;display: block;position: relative;transition: transform .2s;z-index: 1;}
.bpD:hover{transform: scale(1.3);z-index: 2;border-radius: 10px;}
.bpI{width: 90%;height: 90%;display: block;cursor: pointer;opacity: 1;margin: 5%;border-radius: 10px;}
.bpIb:hover{opacity: 1;border-radius: 10px;}
.bpIb:hover{opacity: 1;border-radius: 10px;margin:0%;width: 100%;height: 100%;}
.bpB{border: none;width: 100%;height: 100%;background-color: #ffffff;color: #4d4d4d;cursor: pointer;border-radius: 10px;}
.bpB:hover{background-color: #36445a;color: #ffffff;}
.embpD{width: 6.223vw;height: 6.223vw;float: left;background-color: #ffffff;text-align: center;display: block;position: relative;z-index: 1;}
.apbpD{width: 6.223vw;height: 6.223vw;float: left;background-color: #ffffff;text-align: center;display: block;position: relative;z-index: 1;}
.apbpI{width: 90%;height: 90%;display: block;cursor: pointer;opacity: 0.5;margin: 5%;border-radius: 10px;}
/*Link Post Styling Elements*/
.lpD{width:29vw;height: 5vw;margin-bottom: 1.25vw;float: left;margin-right: 1vw;z-index: 1;}
.lpDA{width:5vw;float: left;}
.lpDB{width:20vw;float: left;font-size: 9pt;margin-left: 1vw;font-size: 10pt;font-weight: bold;}




.lpI{width: 5vw;height: 5vw;border-radius: 10px;}
.lns1{width: 98%;padding-left: 1%;padding-right: 1%;font-weight: bold;text-decoration: underline;float: left;}
.lns2{width: 98%;padding-left: 1%;padding-right: 1%;float: left;}
.lpB{border: none;width: 100%;height: 100%;background-color: #ffffff;color: #808080;cursor: pointer;font-size: 12pt;text-align: left;}
.lpB:hover{background-color: #ffffff;color: #000000;}

/*Link Post Advertisement Styling Elements*/
.lpadD{width: 4.65vw;height: 4.65vw;background-color: #ffffff;text-align: center;display: inline-block;position: relative;transition: transform .2s;}
.lpadD:hover{transform: scale(1.4);z-index: 5;border-radius: 10px;}
.lpadI{width: 90%;height: 90%;display: block;cursor: pointer;opacity: 1;margin: 5%;border-radius: 10px;}


.adD{width: 6.223vw;height: 6.223vw;float: left;background-color: #ffffff;text-align: center;display: block;position: relative;}
.adDA{width: 7.5vw;height: 7.5vw;float: left;background-color: #ffffff;text-align: center;display: block;position: relative;transform: scale(0.9);margin-right: 1vw;}
.adI{background-repeat: no-repeat; width: 98%;height: 98%;display: block;cursor: pointer;opacity: 1;margin: 0%;border-radius: 10px;}
.adB{border: none;width: 100%;height: 100%;background-color: #ffffff;color: #4d4d4d;cursor: pointer;border-radius: 10px;}
.adB:hover{background-color: #36445a;color: #ffffff;}
.adBS{font-size: 2.5vw;}
.adIa{width: 90%;height: 90%;display: block;cursor: pointer;opacity: 1;margin: 5%;border-radius: 0px;filter: blur(1px);}
.adIb{width: 90%;height: 90%;display: block;cursor: pointer;opacity: 1;margin: 5%;border-radius: 0px;}
.adBa{border: none;width: 100%;height: 100%;background-color: #ffffff;color: #36445a;font-weight: bold;cursor: pointer;}


/*Archive Content Atyling Elements*/
table { border-collapse: collapse;text-align: initial; }
.tr1{ border: solid 1px #808080; }
.dt{width: 100%;height: auto;}
.dt td{padding: 10px;}
.dtM{width: 200px;color: #000000;font-weight: bold;}
.dtB{width: 200px;color: #000000;font-weight: bold;}
.dtL{width: 200px;color: #000000;font-weight: bold;}
.dtP{width: 200px;color: #000000;font-weight: bold;}
.dtr{border: 2px solid #808080;}
.dtp{width: 6.223vw;height: 6.223vw;vertical-align:middle;vertical-align: top;}
.dtc{vertical-align: top;}

.ctxt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);color:#36445a;font-weight: bold;font-size: 2vw;border: 1px solid rgba( 255, 255, 255, 0.18 );
	height: auto;
            width: auto;
            padding:10%;
           background: rgba(89, 131, 83, 0.09);
            backdrop-filter: blur( 2px );
            -webkit-backdrop-filter: blur(2px);
            border-radius: 1em;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.8s;}

.ctxt2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);color:#ffffff;font-weight: bold;font-size: 2vw;border: 1px solid rgba( 255, 255, 255, 0.18 );
	height: auto;
            width: auto;
            padding:10%;
           background: rgba(89, 131, 83, 0.09);
            backdrop-filter: blur( 2px );
            -webkit-backdrop-filter: blur(2px);
            border-radius: 1em;
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            transition: transform 0.8s;}



.gbtn{width: calc(6.223vw*2.8);height: 80px;font-size: 1.5vw;color:#36445a;background-color: #ffffff;border: none;display: inline-block;margin-bottom: 1vw;margin-right: 1vw;cursor: pointer;text-align: left;}
.gbtn:hover{color: #000000;text-decoration: underline;}

/*Articles Content Styling Elements*/

/*Blogs Content Styling Elements*/
.st1{width: 60%;height: 150px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;display: block;margin-bottom: 50px;}
.st2{width: 60%;min-height: 450px;max-height: auto;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;display: block;margin-bottom: 50px;}
.st3{width: 60%;height: auto;border:1px solid #cccccc;display: block;padding: 2%;margin-bottom: 50px;}

.st1I{width: 25%;height: 100%;display: block;float: left;}
.st1C{width: 70%;height: 94%;display: block;float: left;padding: 2%;}


.st2I{width: 100%;height: 150px;display: block;float: left;margin-top: 0;}
.st2C{width: 96%;height:auto;display: block;float: left;padding:2%;}




.bpCT{width: 100%;height: auto;display: block;font-size: 12pt;color: #000000;font-weight: bold;}
.bpCC{width: 100%;height: auto;display: block;font-size: 10pt;color: #808080;word-break: break-all;margin-top: 2%;margin-bottom: 2%;}
.bpCD{width: 100%;height: auto;display: block;font-size: 9pt;color: #cccccc;text-align: right;font-style: italic;text-decoration: underline;}



.st1CT{width: 100%;height: auto;display: block;font-size: 12pt;color: #000000;font-weight: bold;}
.st1CC{width: 100%;height: auto;display: block;font-size: 10pt;color: #808080;word-break: break-all;margin-top: 2%;margin-bottom: 2%;}
.st1CD{width: 100%;height: auto;display: block;font-size: 9pt;color: #cccccc;text-align: right;font-style: italic;text-decoration: underline;}

.st2CT{width: 100%;height: auto;display: block;font-size: 12pt;color: #000000;font-weight: bold;margin-top: 20px;margin-bottom: 20px;text-align: center;float: left;}
.st2CC{width: 100%;height: auto;font-size: 10pt;color: #808080;word-break: break-word;display: block;}
.st2CD{width: 100%;height: auto;display: block;font-size: 9pt;color: #cccccc;text-align: right;font-style: italic;text-decoration: underline;margin-top: 20px;float: left;}

.st3CT{width: 100%;height: auto;display: block;font-size: 12pt;color: #000000;font-weight: bold;margin-bottom: 20px;text-align: center;}
.st3CC{width: 100%;height: auto;display: block;font-size: 10pt;color: #808080;text-align: center;}
.st3CD{width: 100%;height: auto;display: block;font-size: 9pt;color: #cccccc;text-align: right;font-style: italic;text-decoration: underline;margin-top: 20px;}




/*Stories Content Styling Elements*/

/*Updates/Articles/Stories Content Styling Elements*/
.bxD{width: 100%;float: left;display: block;margin-bottom: 20px;}
.bxH{width: 100%;float: left;display: block;}
.bxC{width: 97.7%;float: left;display: block;padding:10px 1% 10px 1%;border-bottom-left-radius: 5px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border: 1px solid #808080;}
.bxC:hover{box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;color: #000000;cursor: pointer;}
.bxT{width: auto;border-top-left-radius: 5px;border-top-right-radius: 10px;display: inline-block;padding:3px 15px 3px 5px;}
.storyT{background-color: #3f4756;color:#ffffff;}
.articleT{background-color: #000000;color:#ffffff;}
.archiveT{background-color: #808080;color:#ffffff;}

.infoT{background-color: #36445a;color:#ffffff;}
.infoC{border: 1px solid #36445a;}
.programmingT{background-color: #ff0066;color:#ffffff;}
.influencerT{background-color: #334b49;color:#ffffff;}
.entraprenureT{background-color: #808080;color:#ffffff;}
.financeT{background-color: #4d4d4d;color:#ffffff;}
.storyC{border: 1px solid #000000;}
.healthT{background-color: #ff0066;color:#ffffff;}


/*Footer Styling Elements*/
.ftr{width: calc(6.223vw*15);position: fixed;bottom: 0%;color: #4d4d4d;height: auto;padding-top: 0.2%;padding-bottom: 0.2%;font-size: 9pt;background-color: #ffffff;}
.ftrl{width: calc(6.223vw*9.1);float: left;text-align: right;padding: 0px;}
.ftrr{width: calc(6.223vw*5.9);float: left;text-align: right;padding: 0px;}



.spr{width: calc(6.223vw*15);position: fixed;bottom: 7%;background-color: inherit;color: #4d4d4d;height: 6.223vw;padding-top: 0.2%;padding-bottom: 0.2%;z-index: 0;text-align: center;}
.sprbtn{width:6.223vw;height: 100%;background-color: inherit;border: none;font-size: 3vw;cursor: pointer;text-align: center;border: 1px solid #ffffff;border-radius: 10px;}
.sprbtn:hover{background-color: #ffffff;border: 1px solid #36445a;}
.adlbtn{width:3.6vw;height: 3.6vw;background-color: inherit;border: none;font-size: 2vw;cursor: pointer;text-align: center;border: 1px solid #ffffff;border-radius: 10px;}
.adlbtn:hover{background-color: #ffffff;border: 1px solid #36445a;}

/*Articles And Story Templates Styling Elements*/
.ctbx{width: 100%;height: auto;float: left;line-height: 18pt;margin: 10px 0px;}
.ctbx1{width: 96%;height: auto;float: left;line-height: 18pt;margin: 10px 0px;background-color: #ffffff;padding: 2%;}
.ctbx2{width: 96%;height: auto;float: left;line-height: 18pt;margin-bottom: 20px;background-color: #ffffff;padding: 2%;border-radius: 10px;}
.smlinks{width: 100%;height: auto;display: block;float: left;margin: 25px 0px;text-align: center;}
.smli{width: 50px;height: 50px;margin: 5px 10px;opacity: 0.7;transition: transform .2s;}
.smli:hover{transform: scale(1.2);opacity: 1;}
.smlib{width: 150px;height: auto;margin: 5px;display: inline-block;}
.stiH{width: 100%;height: 250px;margin: 0px;}
.sti1{width: 150px;height: 150px;margin: 5px;}
.sti2{width: 150px;height: 150px;margin: 5px;}
.mbls{width: 100%;height: auto;background-color: inherit;display: none;float: left;margin: 30px 0px;text-align: center;}
.mhd{color: #000000;margin-top: 30px;}
.hdL{text-align: left;}
.hdR{text-align: right;}
.ariR{width:200px;height:200px;float: right;margin: 0px 0px 15px 25px;}
.ariL{width:200px;height:200px;float: left;margin: 0px 25px 15px 0px;}

/*Info Page Styling Elements*/
.d1{width: 100%;border: none;margin-top: 20px;margin-bottom: 20px;float: left;padding: 0%;}
.d1Sep{width: 100%;float: left;color: #333;padding-top: 0px;padding-bottom: 0px;font-size: 0vw;display: none;}
.d1H{width: 100%;float: left;color: #333;padding-top: 10px;padding-bottom: 10px;font-size: 1.5vw;font-weight: bold;}
.d1Q{width: 100%;float: left;color: #00001a;margin-bottom: 10px;font-size: 1vw;font-weight: bold;}
.d1A{width: 100%;float: left;color: #4d4d4d;}
.hlx{color: #4d4d4d;text-decoration: underline;}
ul.lst1 {font-size: 1em;line-height: 2em;list-style-type: square; }


.dd{width: calc(6.223vw*6);border: 1px solid #999999;height: auto;display: block;float: left;margin-bottom: 40px;margin-left: calc(6.223vw*1);border-radius: 15px;}
.ddImg{width: calc(6.223vw*1.5);height: calc(6.223vw*1.5);float: left;margin-right: calc(6.223vw*0.3);}
.ddCnt{width: calc(6.223vw*4);height: calc(6.223vw*1.25);vertical-align: top;float: left;padding-top: calc(6.223vw*0.125);padding-bottom: calc(6.223vw*0.125);}
.ddpic{width: 100%;height: 100%;display: block; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.ddTl{width: 100%;display: block;text-align: left;height: 15%;margin-bottom: 1%;color: #000;}
.ddDs{width: 100%;display: block;text-align: left;height: 60%;}
.ddLn{width: 100%;display: block;text-align: right;height: 15%;margin-top: 1%;}












		





.x{height: calc(6.223vw*5 + 6.223vw/2);}
.hads1{width: calc(6.223vw*15);position: fixed;bottom: 4.5%;background-color: #000000;color: #808080;text-align: right;height: auto;padding-top: 0.5%;padding-bottom: 0.5%;font-size: 19pt;z-index: -1;}
.hads{display: none;}

.Modal {display: none; position: fixed; bottom: 0; left: 0; z-index: 1; width: 30vw; height: 30vw; overflow: auto; background-color: #ff0066; background-color:#ffffff;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

.Modalx {display: none; position: fixed; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5);
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}
.ADmodal-content {background-color: #ffffff; color:#808080; width: 30%; height:90%; margin:2% auto; border-radius:9px;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}


.tooltip {position: absolute; background-color: #ffffff; color: #000000; margin: 0px; min-width: 150px; max-width: 300px; min-height: auto; padding: 1px; 
	border: 1px solid #ff0066; display: none; font-size: 10px; z-index: 1; pointer-events: none; }
.tooltipTop{width: 120px; background-color: #000; color: #fff; top: 100%; left: 50%; margin-left: -60px; }
.tooltipBottom{width: 120px; background-color: #fff; border-radius: 10px; padding: 7px; color: #000; bottom: 100%; left: auto; float: left; margin-left: -60px; display: block; }
.tttl{top: 50%; left: 50%; float: left; margin-left: 15px;  }
.tttr{top: 50%; right: 50%; float: left; margin-right: 15px;  }
.ttbl{bottom: 50%; left: 50%; float: left; margin-left: 15px;  }
.ttbr{bottom: 50%; right: 50%; float: left; margin-right: 15px;  }


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5; /* Sit on top */
   /* Location of the box *padding-top: 100px;*/
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {background-color: #ffffff; margin: auto; margin-top: 1vh; height: auto; padding: 7px; border: 1px solid #888; width: 30vw; align-content: center; }
.ADmodal-header {width: auto; height: auto; padding: 5px 5px; color: #36445a; }
.ADmodal-body {width: 100%; max-height: 90%; overflow-y: auto; overflow-x: hidden; background-color: #ffffff; color: #808080; }
.ADmodal-body h2{color: #000000;}
.ADmodal-footer {height: 20px; padding: 5px 16px; background-color: #ffffff; color: #36445a; }

.adh{width: 90%;height: auto;font-size: 15pt;font-weight: bold;color: #36445a;float: left;}
.adc{width: 10%;height: auto;font-size: 12pt;font-weight: bold;color: #ff0066;float: left;text-align: right;}
.adcbtn{border: none;color: #808080;background-color: #ffffff;cursor: pointer;}
.adcbtn:hover{color: #000000;}
.image_preview{width: 90px;height: 90px;}
.previewing{width: 90px;height: 90px;}
.adpt{width: 100%;}
.adi{width: 98%;background-color: #cccccc;padding: 5px;border-radius: 5px;border: none;cursor: pointer;}
.adif{width: 98%;background-color: #ffffff;padding: 5px;border-radius: 5px;border: none;}


/* The Close Button */
.close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.close:hover,
.close:focus {color: #000; text-decoration: none; cursor: pointer; }



.adimg{width: 100%;height: 100%;}
.adimg2{width: 100%;height: 400px;}
.tdt{width: 2vw;height: 1.5vw;background-image:url('./test/x/53.png');}
.tdt2{width: 25%;height: 100%;background-image:url('./test/x/53.png');}
.adtt{width: 100%;height: 25%;display: block;float: left;}
.sdimg{width: 100%;}
.sdimg2{width: 11.5vw;height:3vw;margin: 0px;margin-right: 0.5vw;margin-bottom: 0.5vw;}



.sdl{width:100%;margin-bottom: 0.7vw;float: left;}
.sdl1{width: 100%;font-size: 10pt;text-decoration: underline;color: #36445a;}
.sdl2{width: 100%;font-size: 10pt;float: left;}


.tdH{width: 70%;font-weight: bold;color: #000000;}
.tdS{width: 30%;}



.strB{width: 99%;float: left;display: block;margin-bottom: 20px;}
.strB:hover{box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 2em;cursor: pointer;}
.str1{width: 10%;float: left;display: inline-block;padding:10px 1% 10px 1%; }
.str2{width: 86%;float: left;display: inline-block;padding:10px 1% 10px 1%;}

.strI{border: 1px solid #3399ff;}
.strI1{background-color: #3399ff;color: #ffffff;}

.strE{border: 1px solid #000000;}
.strE1{background-color: #000000;color: #ffffff;}

.bpb_s{width: 45%;display: block;padding:10px 1% 10px 1%;border-radius: 5px;border: 1px solid #808080;margin-bottom: 30px;margin:0% auto;height: auto;float: left;margin-right: 2%;}
.bpbA{width: 77.7%;display: block;padding:10px 2% 10px 2%;border-radius: 5px;border: 1px solid #cccccc;margin:0% auto;margin-bottom: 40px;height: auto;float: left;}
.bpbB{width: 77.7%;display: block;padding:10px 2% 10px 2%;margin:0% auto;margin-bottom: 40px;height: auto;float: left;}
.bpb3{width: 100%;height: 50px;display: block;}
.bpbT{width: 100%;display: block;height: auto;padding-top: 10px;padding-bottom: 10px;font-size: 12pt;font-weight: bold;text-align: center;border-bottom: 1px solid #cccccc;color:#000000;}
.bpb3I{width: 10%;display: inline-block;height: 100%;}
.bpb3N{width: 58.8%;display: inline-block;height: 100%;}
.bpb3L{width: 30%;display: inline-block;height: 100%;}
.bpb2C{width: 100%;display: block;height: 100px;margin-top: 10px;margin-bottom: 10px;}
.bpb2I{width: 100%;display: block;margin-bottom: 10px;}
.bpb2D{width: 100%;display: block;height: auto;text-align: right;padding-top: 10px;padding-bottom: 10px;}
/*-------*/
.inpI{width: 100%;height: 100%;}
.inpT{width: 100%;font-size:12pt;font-weight:bold; }
.inpC{width: 100%;height: 100%;font-size:10pt;}
.inpF{width: 45%;margin-right: 5%;float: left;}
.inpS{width: 45%;margin-left: 5%;float: left;}

.bpIar{background-repeat: no-repeat; width: 112%;height: 112%;display: block;cursor: pointer;opacity: 1;margin: 0%;border-radius: 10px; }
.bpDar{width: 6.223vw;height: 6.223vw;float: left;background-color: #ffffff;text-align: center;display: block;position: relative;transition: transform .2s;z-index: 1;transform: scale(0.8); }
.bpDar:hover{transform: scale(1);z-index: 2;border-radius: 10px;}
.bpIt{background-repeat: no-repeat; width: 118%;height: 118%;display: block;cursor: pointer;opacity: 1;margin: 0%;border-radius: 10px; }
.lpDAar{width: 5vw;height: 5vw;float: left;background-color: #ffffff;text-align: center;display: block;position: relative;transform: scale(0.7);}
.lpIar{background-repeat: no-repeat; width: 145%;height: 145%;display: block;cursor: pointer;opacity: 1;margin: 0%;border-radius: 10px;vertical-align: middle;}
.adDAar{width: 7.5vw;height: 7.5vw;float: left;background-color: #ffffff;text-align: center;display: block;position: relative;transform: scale(0.9);margin-right: 1vw;}
.adIar{background-repeat: no-repeat; width: 98%;height: 98%;display: block;cursor: pointer;opacity: 1;margin: 0%;border-radius: 10px;}




@media screen and (min-width:300px) and (orientation:portrait) {
	body{height: 100vh;width: 100vw;background-color: #ffffff;margin-top: 0;margin-right: 0;margin-left: 0;margin-bottom: 0;overflow: hidden;}
	.bc{margin-right: 0%;margin-left: 0%;width: 100vw;height: 100%;overflow-x: hidden;margin: auto;}
	.tdiv1 {background-color: #3399ff;width: 17vw;height: 7vh;}
	.tdiv2 {background-color: #3399ff;width: 64px;height: 64px;}
	.bpD {width: calc(100vw/4);height: calc(100vw/4);border: none;}
	.embpD {width: calc(100vw/4);height: calc(100vw/4);border: none;}
	.apbpD {width: calc(100vw/4);height: calc(100vw/4);border: none;}
	.adDA{width: calc(100vw/5);height: calc(100vw/5);}
	.adDAar1{width: calc(100vw/4.5);height: calc(100vw/4.5);margin-right: 0vw;transform: scale(0.7);}
	.adIar1{width: 125%;height: 125%;}

	.adDAar{width: 100px;height: 100px;margin-right: 0vw;transform: scale(1);margin-right:calc(100vw/40);margin-bottom: 20px;}
	.adIar{width: 100%;height: 100%;}
	.adBS{font-size: 10vw;}

.lpDAar{width: 100px;height: 100px;transform: scale(1);margin-right: 10px;float: left;display: inline-block;}
.lpIar{width: 100px;height: 100px;}
.lpDB{width: 50vw;height: 100px;margin-left: 0vw;display: inline-block;}
.bpIar{background-repeat: no-repeat; width: 100%;height: 100%;display: block;cursor: pointer;opacity: 1;margin: 0%;border-radius: 10px; }
.bpDar{width: 100px;height: 100px;transform: scale(1);margin:calc(100vw/50);}


	.tdivh {width: calc(96vw/5);height: calc(100vh/12);border: none;background-size: calc(96vw/5) calc(100vh/12);}
	.dC_bak {width: calc(96vw/5*5);height: calc(100vh/12);border: none;}
	.dC {width: 100%;height: auto;border: none;float: left;position: relative;margin-bottom:0px;}
	.dC1{font-size: 2vh;margin-top: 20px;}
	.dC2{font-size: 12pt;margin-top: 15px;}
	.dC3{font-size: 10pt;margin-top: 15px;margin-bottom: 20px;}
	.dCL{font-size: 10pt;width: 80%;}
	.dCsR{width: 10%;}
	.dCsL{width: 10%;}

	.dO{background-color: #cccccc;}
	.wslg{font-size: 20pt;}
	.wslogo{width: 20pt;height: 20pt;}
	.onn{font-size: 10pt;}
	.onf{font-size: 10pt;}
		.dE{background-color: #ffffff;}
		.ftr{position:relative;font-size: 12px;float: left;width: 100%;}
.modal-content{width: 95vw;}
.dH{width: 100%;height:auto;background-color: #1a1a1a;color: #ffffff;position: relative;}
.dH1{width: 100%;height:auto;float: left;text-align: center;}
.dH2{width: 100%;height: auto;float: left;text-align: center;font-size: 8pt;}
.dH3{width: 95%;padding-left:3%;height: auto;float: left;text-align: left;position: relative;margin-top: 2%;font-size: 5vw;}
.dH4{width: 95%;padding-left:3%;height: auto;float: left;text-align: left;position: relative;margin-top: 2%;}
.dH_3{width: 100%;height: auto;float: left;position: relative;}
.dHC{width: 94%;height: auto;margin:3%;float: left;margin-top: 0%;}
.sdb1{display: none;}
.sdb2{display: none;}
.dHC{width: 100%;text-align: center;}
.dCNT3{width: 91%;height: auto;margin-left:3%;margin-right: 6%;text-align: left;margin-top: 2%;}
.dCNT4{width: 91%;height: auto;margin-left:3%;margin-right: 6%;text-align: left;margin-top: 2%;}
.lpD{width:94%;height: auto;margin-bottom: 30px;float: left;margin-right: 6%;}
.lpDA{width:100px;height:100px;float: left;}
.lpDBx{width:60vw;float: left;font-size: 9pt;margin-left: 1vw;font-size: 10pt;font-weight: bold;}
.lpI{width: 100px;height: 100px;border-radius: 10px;}


.sti2{width: calc(100vw/7);height: calc(100vw/7);}
.smli{width: calc(100vw/10);height: calc(100vw/10);}
.mbls{width: 100%;height: auto;background-color: inherit;display: block;float: left;margin: 30px 0px;text-align: center;}
.lpadD{width: calc(100vw/7);height: calc(100vw/7);background-color: #ffffff;text-align: center;display: inline-block;position: relative;transition: transform .2s;}
.lpadI_bak{width: calc(100vw/7);height: calc(100vw/7);display: inline-block;cursor: pointer;opacity: 1;margin: 5%;border-radius: 10px;float: left;}
.d1Sep{width: 100%;float: left;color: #333;padding-top: 0px;padding-bottom: 0px;}
.ftr{width: 96vw;text-align: right;height: auto;padding-top: 5pt;padding-bottom: 5pt;font-size: 12pt;padding-left: 2vw;padding-right: 2vw;line-height: 20pt;}
.ftrl{width:100%;text-align: center;}
.ftrr{width:100%;text-align: center;}
		.dCNT{position: relative;			
			width: 95%;			
			height: auto;
			padding-left:2%;
			padding-right:2%;
			padding-top:1%;
			padding-bottom:1%;
			font-size: 9pt;
			line-height: 14pt;
			float: left;text-align: left;
			overflow-y: auto;			
		}
table { border-collapse: collapse;text-align: initial; }
.dt{width: 100%;height: 100%;}
.dt td{padding: 0px;padding-bottom: 20px;}
.dt1{width: 150px;}
.dtr{border: 2px solid #f2f2f2;}
.dtp{width: 90px;height: 90px;vertical-align:middle;}
.dprx{max-width: 120px;max-height: 100px;font-size: 7pt;}
.dd{width: 98%;margin-left: 1%;margin-right: 1%;height: auto;margin-bottom: 20px;}
.ddImg{width: calc(96vw/5);height: calc(96vw/5);}
.ddpic{width: 100%;height: 100%;}
.ddCnt{width: calc(96vw/5*3.2);height: auto;}
.ddTlk{text-align: center;}
.ddDsk{text-align: center;}
.ddLnk{text-align: center;}
.d1H{font-size: 16pt;}
.d1Q{font-size: 12pt;}

.d1A{font-size: 12pt;}
ul.lst1 {padding-left:4%; }
.st1{width: 100%;}
.st2{width: 100%;}
.st3{width: 100%;}




	 }