/*		PFTL - main.css - version 1.01 - 18 September 2023
		CSS for front and back - 14 June 2023
		styling for carousel - 18 September 2023
*/

html     { HEIGHT:100vh; OVERFLOW:hidden; }
body     { HEIGHT:100vh; max-height:100vh; OVERFLOW:hidden; font:20px arial, sans-serif; margin:0px; background-color:#fff; }
a        { color:#000000; text-decoration:none; outline:none; }
a:hover  { background-color:#ddddff; }
a:active { outline:none; }

.wraptext	{ color:#444; text-align:justify; padding-left:20px; padding-right:20px; }

.xm			{ float:left; padding-right:20px; color:#fff;
			font-weight:bold; }

.xt			{ float:left; background-color:#9C9966; position:relative; }

.xmn		{ padding:9px 26px; cursor:pointer; background-color:#9C9966; }
.xmn:hover	{ background-color:#666600; }

.xmt		{ float:left; padding:9px 26px; cursor:pointer; background-color:#9C9966;
			background-image:url('images/navdown_white.gif');
			background-position:10px center; background-repeat:no-repeat; }
.xmt:hover	{ background-color:#666600; }

.xms		{ padding:9px 26px; cursor:pointer; background-color:#9C9966;
			background-image:url('images/nav_white.gif');
			background-position:10px center; background-repeat:no-repeat; }
.xms:hover	{ background-color:#666600; }

.xbt		{ clear:left; display:none; position:absolute; top:100%; }

.xbs		{ clear:left; display:none; position:absolute; top:0px; left:100%; }


.nav_bottom	{ position:fixed; bottom:0px; padding:10px; background-color:#fff; width:100%; }

.bopt		{ border:2px solid #aaaaaa; border-radius:10px; padding:5px; margin:0px 8px; cursor:pointer;
		 float:left; width:100px; text-align:center; background-color:#fff; }
.bopt:hover	{ background-color:#cccc99; }

.down		{ cursor:pointer; background-color:#fff; }
.down:hover	{ background-color:#dfd; }

.slide		{ border:2px solid #777; border-radius: 10px; width: 400px;
		 margin:10px auto; height:100px; overflow:hidden; } 
.slidex		{ float:left; font-size:30px; text-align:right; width:30px; padding:30px; }
.slidep		{ float:left; width:300px; }

.buta		{ font-size:18px; font-weight:normal; color:#333; background-color:#FFF;
                text-align:center; border:1px solid #ccc; -moz-user-select:none;
                padding:5px; cursor:pointer; margin:10px; max-width:400px; float:left; }
.buta:hover	{ color:#333; background-color:#bbddaa; }

.buth		{ font-size: 18px; font-weight: normal; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; -moz-user-select: none; float:left;
                padding: 5px; cursor: pointer; margin:10px; max-width: 400px; display:none; }
.buth:hover	{ color: #333; background-color: #bbddaa; }

.buti		{ font-size: 18px; font-weight: normal; color: #aaa; background-color: #FFF;
                text-align: center; border:1px solid #ccc; -moz-user-select: none;
                padding: 5px; cursor: default; margin:10px; float:left; }


.head24x	{ font-size: 24px; font-weight: bold; color: #9C9966; border-style: none; }
.sortbut	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #666600; width:100px; font-size:18px; }
.sortbut:hover	{ background-color: #CCCC99; }
.sortbutx	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #9C9966;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #FFFFFF; width:100px; font-size:18px; }
.sortbutx:hover	{ background-color: #CCCC99; }

.fdh		{ padding-left:30px; margin-top:0px; background-color:#fff; }
.fd3		{ height: calc(100vh - 250px); overflow:auto; padding:10px; margin-top:0px; }

.kidbox3	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-top:10px; margin-left:20px; cursor:pointer; float:left; }
.kidbox3:hover	{ background-color: #CCCC99; }




#map		{ height: 300px; width: 600px; margin-left:20px; margin-bottom:20px; }

.slider		{ width:300px; margin:5px 15px; float:left;}

.inp_block	{ width:100%; clear:left; }
.inp_title	{ font-size:16px; font-weight:bold; color:#669955; text-align:left; padding-left:20px; width:120px;
		 float:left; }
.inp_data	{ text-align:left; padding-left:20px; clear:left; }
.inp_small_data	{ text-align:left; padding-left:20px; float:left; }
.inp_error	{ font-weight: bold; color: #ff0000; text-align: center; margin: 5px; }
.inp_ps		{ color: #333; }
.inp_warning	{ color: #080; }

.picbox		{ float:left; border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  cursor:pointer; margin:5px; padding:10px; }
.picbox:hover	{ background-color: #dfd; }

.fd1		{ width:100%; height: calc(100vh - 100px); overflow:hidden; background-color: #efd; }
.fd2		{ clear:left; height: calc(100vh - 110px); overflow:auto;
		 padding:10px 20px; margin-top:0px; background-color: #fff; }
.fd22		{ max-width:1200px; margin:0 auto; height: calc(100vh - 130px); overflow:auto; padding:10px; background-color:#fff; }

.shedbox	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  cursor:pointer; height:134px; overflow:hidden; margin:5px; width: 95%; margin:0 auto; margin-bottom: 10px; }
.shedbox:hover	{ background-color: #ffd; }

.topicbox	{ border:1px solid #aaaaaa; border-radius:10px; background-color:#fff; height:200px;
		  cursor:pointer; margin:20px auto; width:97%; padding:10px; overflow:hidden; }
.topicbox:hover	{ background-color:#ffd; }

.logbox		{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin:5px; width: 95%; margin:0 auto; margin-bottom: 10px; }

.boxhead80	{ font-size: 16px; font-weight: bold; color: #9C9966; text-align: left; }
.boxhead	{ font-size: 16px; font-weight: bold; color: #9C9966; text-align: left; }

.bigprice	{ text-align:left; font: 30px arial, sans-serif; color: #ff8800; padding-left: 20px; }
.price		{ display:inline-block; text-align:left; font: 20px arial, sans-serif; color: #ff8800; padding-left: 20px; }

.bighead	{ font-size: 30px; font-weight: bold; color: #669955; border-style: none; padding-left: 20px; }
.head24		{ font-size: 24px; font-weight: bold; color: #669955; border-style: none; padding-left: 20px; }
.midhead	{ font-size: 18px; font-weight: bold; color: #669955; border-style: none; padding-left: 20px; }

.title30	{ display:inline-block; width:30%; text-align:right; padding-right:12px; color: #669955; font-weight: bold; }
.ftitle		{ display:inline-block; width:200px; text-align:right; padding-right:12px; color: #669955; font-weight: bold; }
.btitle		{ text-align:right; padding-right:12px; color: #669955; font-weight: bold; }

.yesno40	{ display:inline-block; width:40%; }
.data40		{ text-align: left; cursor: pointer; width:40%; }
.indata		{ text-align:left; cursor:pointer; float:left; }

.helpbox	{ display:none; border:1px solid #444444; border-radius:5px; padding:5px; cursor:pointer; color: #444444; }

.star		{ padding-left: 12px; }



.tt a 	      	{ color: #0000aa; text-decoration: none; outline: none; }
.tt a:hover	{ background-color: #ddddff; }
.tt a:active	{ outline: none; }

h1       { font-size: 18px; font-weight: bold; color: #669955; text-align: left; }
h2       { font-size: 24px; font-weight: bold; color: #669955; text-align: left; }
h3       { font-weight: bold; color: #448844; text-align: center; }
hr       { padding: 0px; height: 1px; }
.tab li  { padding-bottom: 16px; }
p        { padding: 0px; color: #444; }
li		{ color: #444; }

.pg1		{ width:100%; height: calc(100vh - 60px); overflow:hidden; }
.pg1s		{ width:100%; height: calc(100vh - 90px); overflow:auto;  border-top:1px solid #000; }

.pg2		{ max-width:900px; margin: auto; height: calc(100vh - 240px); overflow:auto; padding:20px; background-color:#fff;
		 border:1px solid #aaaaaa; border-radius:10px; margin-top:20px; }

.pg3		{ float:left; width:50%; height: calc(100vh - 250px); overflow:auto; padding:20px; background-color:#fff;
		 border:1px solid #aaaaaa; border-radius:10px; margin-top:30px; margin-left:2%; }
.pg4		{ float:right; width:37%; height: calc(100vh - 250px); overflow:hidden; padding:20px; background-color:#fff;
		 border:1px solid #aaaaaa; border-radius:10px; margin-top:30px; margin-right:2%; }
.pg5		{ height: calc(100vh - 400px); overflow:auto; padding:20px; margin-top:30px; margin-right:2%; }
.pg6		{ height: 200px; overflow:auto; padding:20px; margin-top:30px; margin-right:2%; }


.hline		{ margin: 10px 10px; background-color: #ccc; height: 2px; width: 320px; }
.qaline		{ margin: 10px 10px; background-color: #ccc; height: 2px; width: 95%; }

.searchbut	{ font-size: 18px; font-weight: bold; color: #ffffff; background-color: #669955;
                text-align: center; border-style: none; width:100px; padding: 10px; cursor: pointer; margin:0 }
.searchbut:hover { color: #000000; background-color: #bbddaa; }

.backbut	{ font-size: 18px; font-weight: bold; color: #ffffff; background-color: #669955;
                text-align: center; border-style: none; padding: 10px; cursor: pointer; margin-left:20px; }
.backbut:hover	{ color: #000000; background-color: #bbddaa; }

.linkbut	{ font-size: 18px; font-weight: bold; color: #ffffff; background-color: #669955; width:400px;
                text-align: left; border-style: none; padding: 10px; cursor: pointer; margin-left:20px; }
.linkbut:hover	{ color: #000000; background-color: #bbddaa; }

.paybut		{ font-size: 18px; font-weight: bold; color: #ffffff; background-color: #f66721;
                text-align: center; border-style: none; padding: 10px; cursor: pointer; margin-left:20px; }
.paybut:hover	{ color: #000000; background-color: #ffbb10; }

.stockhead	{ font: 24px arial, sans-serif; color: #669955; background-color:#eee; padding: 2px 5px; cursor:pointer; }
.medhead	{ font: 20px arial, sans-serif; color: #000; padding: 2px 10px; }
.slider		{ margin: 5px 30px; }
.inslider	{ padding: 5px 30px; }
.rytdata        { padding-left:30px; font-size: 16px; font-weight: bold; color: #669955; text-align: left; } 

.bigpic		{ width:400px; border:1px solid #bbb; border-radius: 10px; cursor:pointer; margin: 5px; }
.box1		{ border: 1px solid #bbb; border-radius: 10px; margin: 10px 10px 10px 0px;
		 padding: 10px; display: block; height: 380px; width: 500px; overflow: hidden; }
.hdt		{ font: 20px arial, sans-serif; color: #1020aa; background-color:#eee; padding: 2px 5px; }
.box2		{ border: 1px solid #bbb; border-radius: 10px; margin: 0px 10px 10px 10px; padding: 10px; }
.star		{ padding-left: 12px; }

.listbox        { border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
                  padding:0px; }

.sum1		{ border: 1px solid #bbb; border-radius: 10px; margin: 10px;
		 padding: 10px; height: 430px; width: 460px; overflow: hidden; }

.sum2		{ border: 1px solid #bbb; border-radius: 10px; margin: 10px 10px 10px 0px;
		 padding: 10px; height: 430px; width: 460px; overflow: hidden; }

.sum3           { border: 1px solid #bbb; border-radius: 10px; margin: 0px 10px 10px 10px;
		 padding: 10px; height: 120px; overflow: hidden; }

.protx1		{ border: 1px solid #bbb; border-radius: 10px; margin: 10px;
		 padding: 10px; height: 200px; overflow: hidden; }

.protx2		{ border: 1px solid #bbb; border-radius: 10px; margin: 0px 10px 10px 10px;
		 padding: 10px; height: 300px; width: 460px; overflow: hidden; }

.protx3		{ border: 1px solid #bbb; border-radius: 10px; margin: 0px 10px 10px 0px;
		 padding: 10px; height: 300px; width: 460px; overflow: hidden; }

.q1	{ font-size: 24px; font-weight: bold; color: #669955; width:60px; text-align: center; }
.q2	{ font: 18px arial, sans-serif; color: #669955; padding: 2px 5px; }




.page_text    { margin-left: 5px; margin-right: 5px; width: 100%; }
.page_text p  { margin-bottom: 16px; }

.indata       { text-align: left; cursor: pointer; }
.statdata     { text-align: left; }
.tdata        { font-size: 16px; font-weight: bold; color: #669955; text-align: right; padding-right:15px; } 
.tldata       { font-size: 16px; font-weight: bold; color: #669955; text-align: left; padding-left:15px; } 

.actionbut      { font-size: 18px; font-weight: normal; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; -moz-user-select: none;
                padding: 5px; cursor: pointer; margin:0; max-width: 400px; }

.actionbut:hover { color: #333; background-color: #bbddaa; font-weight: bold; }

.noactionbut	{ font-size: 18px; font-weight: normal; color: #CCC; background-color: #FFF;
                text-align: center; border:1px solid #ccc; -moz-user-select: none;
                padding: 5px; cursor: not-allowed; margin:0; }

.selactionbut	{ font-size: 18px; font-weight: normal; color: #333; background-color: #BCE;
                text-align: center; border:1px solid #ccc; -moz-user-select: none;
                padding: 5px; margin:0; max-width: 400px; }

.linkbut a     { font-size: 16px; font-weight: bold; color: #FFF; background-color: #669955;
                text-align: center; border-style: solid; border-width: 1px; border-color: #000000;
                padding: 5px; cursor: pointer; }

.linkbut a:hover { color: #333; background-color: #bbddaa; }

.navpage      { font-size: 20px; font-weight: bold; color: #669955; text-align: left; padding-left:20px; }
.page_text    { margin-left: auto; margin-right: auto; width: 85%; }
.page_text p  { margin-bottom: 16px; }
.nb           { font-size: 10px; position:relative; top: -8px; }
.img_right_c  { float: right; clear: both; margin-left: 16px; margin-bottom: 16px; }
.img_right    { float: right; margin-left: 16px; }
.img_left_c   { float: left; clear: both; margin-right: 16px; }
.img_left     { float: left; margin-right: 16px; }

.trade_table  { text-align: right; background-color: #ffffff;
                border-spacing: 10px 0px; width: 400px; margin: 0px; }
.trade_log    { font-size: 10px; }
.tb           { font-size: 10px; font-weight: normal; text-align: center;
                border-style: solid; border-width: 1px; border-color: #000000; cursor: pointer; }

.stock_table  { border-style: solid; border-width: 1px; border-color: black; }
.stock_cell   { border-style: solid solid none none; border-width: 1px; border-color: black; }
.logo         { padding-top: 5px; padding-left: 15px; }
.logo1        { padding-top: 7px; padding-left: 2px; }
.logo2        { vertical-align: bottom; }
.menupic      { width: 196px; padding-left: 30; border-width: 0; }
.menu_title   { padding-left: 30; }
.purple       { color: #880088; }
.basket       { border-width: 0; }
.nav          { background-color: #eeeeee; text-align: right; height: 30px; width: 580px; }
.navbut       { background-color: #eeeeee; color: #009900; cursor: pointer; padding-top: 6px; }

.itempic      { width: 500px; padding-left: 30; border-width: 0; }
.item_title   { font-size: 24px; font-weight: bold; color: #880088; text-align: left; }
.idot         { width: 10%; text-align: right; }


.title   { font-weight: bold; color: #669955; text-align: right; margin: 5px; }
.error   { font-weight: bold; color: #ff0000; text-align: center; margin: 5px; }

.banner  { width: 100%; border-collapse: collapse; }
.lmpics  { MARGIN-TOP: 17px; text-align: center; border-width: 0; }
.ipic    { border-style: solid; border-width: 0; width: 160; height: 120; }
.spic    { font-weight: bold; width: 125; text-align: center; border-style: solid;
           border-width: 1; border-color: #000000; cursor: pointer; }

.page    { font-size: 20px; font-weight: bold; color: #669955; text-align: center; }
.note    { font-size: 18px; font-weight: bold; color: #669955; text-align: center; }
.oknote  { font-size: 18px; font-weight: bold; color: #66aa99; text-align: center; }
.option  { font-weight: bold; color: #448844; width: 125; text-align: center;
           border-style: solid; border-width: 1px; border-color: #000000; cursor: pointer; }
.ab      { font-size: 16px; font-weight: normal; text-align: center; color:#fff;
           border-style: solid; border-width: 1px; border-color: #000000; cursor: pointer; }
.member  { font-size: 12px; text-align: center; color: #ffffff; }
.copy    { font-size: 8px; text-align: center; color: #448844; }
.browse1 { table-layout:fixed; margin: 0px; font-size: 12px; BORDER: 0px; WIDTH: 100%; }
.pagenav { TABLE-LAYOUT: fixed; LEFT: 0px; TOP: 26px; margin: 0px; font-size: 14px; font-weight: bold;
           BORDER: 0px; WIDTH: 100%; }
.wrapper { OVERFLOW: auto; WIDTH: 100%; POSITION: relative; HEIGHT: 100%; }
.header  { LEFT: 0px; POSITION: fixed; TOP: 0px; WIDTH: 100%; z-index: 10; }
* HTML .header { POSITION: absolute; }
.footer  { LEFT: 0px; POSITION: fixed; BOTTOM: 0px; HEIGHT: 60px; WIDTH: 100%; z-index: 10; }
* HTML .footer { POSITION: absolute; }

.report  { color: black; font-size: 12px; font-weight: normal; font-family: Helvetica, Arial, Verdana, sans-serif; }
.report_header { color: black; font-size: 15px; font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; }

.youtube { position: absolute; top: 0px; left: 0px; visibility: hidden; z-index: 2; }
.mark    { position: relative; }

.line    { BORDER-BOTTOM: #999999 1px solid }
DIV.box  { PADDING-RIGHT: 126px; MARGIN-BOTTOM: 19px; HEIGHT: 500px; OVERFLOW: auto; PADDING-TOP: 12px }