textarea {position: relative; font-family:arial,  helvetica, sans-serif;font-size:1.0em; margin-right:10px;margin-bottom:100px; width:99%; height:91%; resize: none; border: none;}
textarea:focus {outline: none !important; border-color: white} 	
body {margin:0;padding:0;font-family:arial,  helvetica, sans-serif;font-size:1.0em;}
#myIframe {position:absolute; z-index: 1; margin-right:10px;margin-bottom:100px; width:99%; height:91%; resize: none; border: none;}
#gresults_body {position:absolute; z-index: 2; border: none;}
#gdivdown{position: relative; margin: 6px 6px 6px 6px; height:170px; background-color: white; border-style: double; border-radius: 5px;}
#counter1 {position: absolute; bottom: 2px; left:1px; width:98%; background-color: white; border-style: solid; border-color: white;}
#deltext1 {position:absolute; bottom: 3px; right: 9px; font-size:12px;color:#AAAAAA;cursor:pointer;} 
#counter2 {position: absolute; bottom: 2px; left:1px; width:98%; background-color: white; border-style: solid; border-color: white;}
#deltext2 {position:absolute; bottom: 3px; right: 9px; font-size:12px;color:#AAAAAA;cursor:pointer;} 
#container {width:auto; height: auto; max-width: 1200px; overflow: hidden; margin:0 auto; border:1px solid #000;padding-right: 0px; background-color: #FAFAFA}
#header h1{color:#355E3B;font-size:1.5em;   margin:0;padding:15px 10px 10px 10px;text-align: center;}
#sidebar{width:auto; padding: 0;margin-bottom: 0;text-align: left;background-color: #1565C0;padding-left: 10px;padding-top: 5px;color: #ffffff;height: 30px;}
#sidebar a {color: #FFFFFF;text-decoration: none;font-size: 12pt;}
#footer {clear:both;border-top:1px solid #fff;background:#E8F0FE;padding:10px;font-size:1.0em; color:#000; text-align:center;width:auto;}
#main h2 {color:#355E3B;font-size:1.2em; text-align: center; padding-left: 5px; padding-right: 5px; border-bottom:1px solid #ccc;}
#leftsidebar {height:620px; padding-right:5px;padding-bottom:5px;}
#rightsidebar {height:620px; }
#link {padding-left: 6px; padding-right: 6px;}
#from, #gfrom {width: calc(50% - 28px); height: 29px; size: 10;}
#to, #gto {width: calc(50% - 28px); height: 29px;}
.clipboard.icon {position: absolute; z-index: 2; bottom: 6px; right: 9px; margin-top: 4px; margin-left: 4px; width: 11px; height: 13px; border: solid 1px #333333; border-top: none; border-radius: 1px; cursor: pointer;}
.clipboard.icon:before {top: -1px; left: 2px; width: 5px; height: 1px; border: solid 1px #333333; border-radius: 1px; }
.clipboard.icon:after {width: 3px; height: 1px;background-color: #333333;box-shadow: 8px 0 0 0 #333333; }
.icon:before, .icon:after {content: ''; position: absolute; display: block;}	
.gcenter, .gdown, .gleft  {margin-left: 2px; margin-top: 2px;}
.gright {margin-left: 2px; margin-top: 2px;}
.gright, .gleft {height: 600px;} 
.mainwarp{height:30px; width:100%;}
.combowarp {text-align: center;margin-left:1px; float:left; width: 99%}
.swap1 {width: 29px; height: 29px; border: none;  background-image: url('/assets/pic/swap1.png'); background-size:cover; border-radius: 4px; display: inline-flex; vertical-align: middle; align-items: flex-end; }
a.mlink{font-family:Tahoma;font-size:15px; margin-top:17px; color: #150BFF; }
a.menu{color:#060;font-weight:bold;font-size:15pt; line-height: 2;}
a.side{color:#326793; font-size:1.0em; line-height: 2;}
a.privacy {color: #326793;}
a.spec{color:#3366cc; font-family: serif; font-weight:lighter; font-size:1.0em;}
p {padding-left: 6px; padding-right: 6px; font-size:1.1em;  sans-serif; text-align: justify;}
p.lang {padding-left: 6px; padding-right: 6px; text-align: justify; font-size:0.8em;}
hr {background-color:#99C1DB; height:2px; border:none}
@media screen and (min-width:361px) {
#gbmain {position: relative; width: auto; height:438px; }
.gbutton, .bbutton {background-color: #c2fbd7; height: 30px; width: 120px; border-radius: 2px; box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px; color: green; cursor: pointer; display: inline-block; font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif; padding: 7px 20px; text-align: center; text-decoration: none; transition: all 250ms; border: 0; font-size: 16px; user-select: none; -webkit-user-select: none; touch-action: manipulation; }
.gbutton:hover, .bbutton:hover {box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px; transform: scale(1.05) rotate(-1deg); }
.gbutton:disabled, .bbutton:disabled {background-color: #cccccc; height: 30px; box-shadow: 2px 2px #888888; border-radius: 1px; color: gray; cursor: wait; display: inline-block; font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif; padding: 7px 20px; text-align: center; text-decoration: none; border: 0; font-size: 16px; user-select: none; -webkit-user-select: none;  }
.buttonwarp {text-align: left; margin-left: 11px;  height: 32px;}
}
@media screen and (max-width:360px) {
#gbmain {position: relative; width: auto; height:447px;}
.buttonwarp {text-align: left; margin-left: 11px;  height: 40px;}
.gbutton, .bbutton {background-color: #c2fbd7; height: 40px; width: 120px; border-radius: 2px; box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px; color: green; cursor: pointer; display: inline-block; font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif; padding: 7px 20px; text-align: center; text-decoration: none; transition: all 250ms; border: 0; font-size: 16px; user-select: none; -webkit-user-select: none; touch-action: manipulation; }
.gbutton:hover, .bbutton:hover {box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px; transform: scale(1.05) rotate(-1deg); }
.gbutton:disabled, .bbutton:disabled {background-color: #cccccc; height: 40px; box-shadow: 2px 2px #888888; border-radius: 1px; color: gray; cursor: wait; display: inline-block; font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif; padding: 7px 20px; text-align: center; text-decoration: none; border: 0; font-size: 16px; user-select: none; -webkit-user-select: none;  }
}

@media screen and (min-width:481px) {
#header{height:60px; background-color:#E8F0FE;}	
}

@media screen and (max-width:480px) {
#header{height:70px; background-color:#E8F0FE;}	
}

@media screen and (max-width: 200px){
.gcenter, .gdown { display: none; }	/*center top and down */
}

@media screen and (min-width: 201px) and  (max-width: 950px) {
.gcenter { display:inline-block; width: calc(100% - 20px); height: 100px;} 
.gdown { display: none; }
}

@media screen and (min-width: 951px){
.gcenter, #brads {display: none;}
.gdown {display:inline-block; width: calc(100% - 20px); height: 150px;} 
}

@media screen and (max-width:640px) {	
#leftsidebar, .gleft   {display:none;}
}	

@media screen and (min-width: 641px) and  (max-width:700px){
#leftsidebar {width:155px; height:620px; float: left; }
#main{width:auto; height:auto; max-width:700px; margin-left: 170px; }
.gleft {display:inline-block; width: 150px; height: 600px;}
}

@media screen and (min-width: 701px) and  (max-width:800px){
#leftsidebar{width:206px;  float: left; }
#main{width:auto; height:auto; max-width:700px; margin-left: 216px; }
.gleft {display:inline-block; width: 200px;}
}

@media screen and (min-width: 801px) and  (max-width:900px){
	#leftsidebar{width:256px; float: left;}
	.gleft {display:inline-block; width: 250px; }
	#main{width:auto; height:auto; max-width:700px; margin-left: 263px; }
}

@media screen and (min-width: 901px) and  (max-width:950px){
	#leftsidebar{width:310px; float: left; }
	.gleft {display:inline-block; width: 300px;}
	#main{width:auto; height:auto; max-width:700px; margin-left: 312px; }
}

@media screen and (max-width: 950px){
	#rightsidebar, .gright { display: none; }
}

@media screen and (min-width: 951px) and  (max-width:1000px){
	#leftsidebar{width:210px; float: left;}
	.gleft {display:inline-block; width: 200px;}
	#rightsidebar{width:162px; float: right; }
	.gright {display:inline-block; width: 150px; }
	#main{width:auto; height:auto; max-width:700px; margin-left: 212px; margin-right: 164px;}
}	

@media screen and (min-width: 1001px) and  (max-width:1100px){
	#leftsidebar{width:306px; float: left;}
	#rightsidebar{width:160px; float: right;}
	.gleft {display:inline-block; width: 300px;}
	.gright {display:inline-block; width: 150px;}
	#main{width:auto; height:auto; max-width:700px; margin-left: 315px; margin-right: 165px;}
}	

@media screen and (max-width: 1100px) {
	.divtop{position: relative; margin: 6px 6px 6px 6px; height:170px; background-color: white; border-style: double; border-radius: 5px;}
	.divdown{position: relative; margin: 6px 6px 6px 6px; height:170px; background-color: white; border-style: double; border-radius: 5px;}
}

@media screen and (min-width: 1101px) {
	#leftsidebar{width:310px; float: left;}
	.gleft {display:inline-block; width: 300px; }
	#rightsidebar{width:210px; float: right;}
	.gright {display:inline-block; width: 200px; }
	#main{width:auto; height:auto; max-width:700px; margin-left: 320px; margin-right: 220px;}
	.divtop{position: relative; margin: 6px 6px 6px 6px; height:210px; background-color: white; border-style: double; border-radius: 5px;}
	.divdown{position: relative; margin: 6px 6px 6px 6px; height:210px; background-color: white; border-style: double; border-radius: 5px;}
	#gbmain {position: relative; width: auto; height:518px; }	
}