:root 
{
	--h2-size:28px;
	--edit-width:300px;
	--pad-left:20px;
}

body{text-align:center;margin:0;padding:0;border:0;font-family:tahoma;font-size:6pt;
	background-color:#fff;color:#222;}
html,body{height:100%;}
b{color:#333;}
img{margin:0;border:0;padding:0;}
a{text-decoration:none;color:red;}
a:hover{text-decoration:underline;}
p{margin:0;padding:0;}

.frame{width:1100px;clear:both;text-align:center;margin:auto;}
.fcont{text-align:left; font-size:16px;line-height:24px;font-family:trebuchet ms,tahoma;}

.top .logo{background-image:url('/img/logo0.png');width:136px;height:116px;z-index:2;position:relative;top:10px;left:-160px;display:inline-block;}
.mid{flex:1;min-height:100%;}

.mmenu .band1{background-color:#fff;height:46px;background-image:linear-gradient(to top,rgba(0,0,0,0),#cfd4dd);}
.mmenu .band1 .frame{text-align:left;}
.mmenu .band2{background-color:#466087;background-image:linear-gradient(to bottom,#a3aed6,#466087,#203861);}
.mmenu .band3{background-color:#fff;height:18px;background-image:linear-gradient(to bottom,#a7b0bf,#e6e9ed,rgba(0,0,0,0));}
.mmenu .items{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;font-family:trebuchet ms,tahoma;font-size:24px;font-weight:bold;}
.mmenu .item{padding:14px var(--pad-left) 14px var(--pad-left);color:#fff;}
.mmenu .item{scroll-snap-align:center;flex-shrink:0;}
.mmenu .items a:hover, .mmenu .sel{color:#4a618c;background-image:linear-gradient(to top,#c7d0df,#e6eaf1);}

.end{padding-top:40px; margin-bottom:20px;}
.end .band1{background-color:#fff;height:18px;}
.end .band2{height:40px;display:flex;align-items:center;
	background-color:#466087;background-image:linear-gradient(to bottom,#a3aed6,#466087,#203861);color:#fff;font-size:14px;
	font-weight:bold;font-family:trebuchet ms,tahoma;}
.end .band2 a{color:#fff;}
.end .band2 .frame{text-align:left;}
.end .band2 .frame div{padding-left:var(--pad-left);}
.end .band3{background-color:#fff;height:18px;background-image:linear-gradient(to bottom,#a7b0bf,#e6e9ed,rgba(0,0,0,0));}

.hscroll {overflow-x:auto;scroll-snap-type:x mandatory;}
.hscroll .item{scroll-snap-align:center;flex-shrink: 0;}

.flex{display:flex;justify-content: space-between;}
.flex-col{display:flex;flex-direction:column;}
.flex .noflex{}
.flex .flex0{flex:1;}
.flex .flex1{flex:2;}
.flex .flex2{flex:5;}
.flex .fcenter {display:flex;align-items:center;justify-content:center;}
.flex .hcenter{display:flex;align-items:center;text-align:center;}
.flex .to-left{flex: 0 0 auto;}
.flex .to-right{margin-left: 10px;}
.gap1{gap:16px;}
.gap2{gap:32px;}

.home .flex a {width:80%;margin:0;padding:0;}
.home .flex img{width:100%;margin:0;}
.awd{display:flex;flex-direction:column;gap:32px;}
.awd-in{flex:1;display:flex;align-items: center;gap:32px;}

.list > div{background-position: 0 14px;background-repeat:no-repeat;padding:8px 0px 8px 23px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 30 30" fill="none"><g><circle cx="15" cy="15" r="14.5" fill="%2347648f" stroke="%2346627A"/></g></svg>'); }
.list-sub{padding:8px 0 0 42px;line-height:30px;}
.tab {padding-left:42px;}

.ftext {color:#444;}
.ftext h1{font-size:24px;padding:36px 0 8px var(--pad-left);border-bottom:3px solid #bc0000;margin-bottom:32px;color:#284873;}
.ftext h2{color:#4a618c;font-size:var(--h2-size);margin-top:30px;padding:8px 0 8px var(--pad-left);border-width:3px 0 3px 0;
	border-style:solid;border-image:linear-gradient(to right,#35588c,rgba(0,0,0,0))100% 1;background-image:linear-gradient(to right,#c7d0df,rgba(0,0,0,0));}
.ftext h3{color:#4a618c;margin-top:0;}
.ftext .h2subscr{position:relative;}
.ftext .h2subscr .sub{float:right;position:absolute;bottom:0;right:0;height:100%;display:flex;gap:10px;align-items:center;}

.ftext p{padding:0px 0px 24px 0px;}
.ftext p::first-letter{font-size:140%;}
.ftext a{color:#4a618c;text-decoration:none;font-weight:bold;color:var(--h2-color);}
.ftext a:hover {text-decoration:underline;}
.ftext p a, .redHover{border-bottom:2px solid #ccc;text-decoration:none;}
.ftext p a:hover, .redHover:hover{border-bottom:none;border-bottom:2px solid #bc0000;text-decoration:none !important;}

.ftext .sep{border-top:2px solid #a5b3c2;font-size:1px;clear:both;height:2px;margin:10px 0px 26px 0px;}

.1hi-link a{border-bottom:2px solid #e5e5e5;}
.1hi-link a:hover{border-bottom:none;}


.mtable{border-spacing: 1px;background:#a2a8b4;}
.mtablePromo{width:100%;}
.mtable td{background:#D6E2F5;color:#444;font-size:16px;padding:5px 8px 5px 8px;}
.mtable .button {font-size:16px;}
.mtable .title{color: white;background-image:url('/img/tblh.png');background-size: auto 100%;
	font-weight:bold;font-size:16px;background-color:#5b7094;padding-left:8px;}
.mtable .buyText{width:220px;font-weight:bold;padding-left:10px;}
.mtable .buyPrice{width:70px;text-align:right;}
.mtable .oldPrice{width:70px;text-align:right;color:#900 !important;text-decoration:line-through;}
.mtable .buyInfo{color:#061;}
.mtable .buyBtn{text-align:center;}
.mtable input[type="text"]{width:var(--edit-width);}
.mtable select{width:var(--edit-width);}
.mtable textarea{width:var(--edit-width);height:100px;}
.mtable .hicol{font-weight:bold;font-size:16px;}
.wide2{width:500px;}

.popup-nfo{border:1px solid #6e7b8f;background-color:#f5f3d5;position:absolute;width:300px;top:0;left:0;display:none;padding:8px 10px;}
.popup-nfo a{color:#222;}

.smenu{padding:16px 0 0 16px;display:flex;}
.sbox{display:flex;flex:1;flex-direction:column;}
.sbox-top{height:20px;border-radius: 10px 10px 0px 0px;border-width:3px 3px 0 3px;border-style:solid;border-color:#35588c;
	background-image:url('/img/box-in.png');}
.sbox-out{flex:1;border-width:0 3px 0 3px;border-style:solid;border-image:linear-gradient(to bottom,#35588c,rgba(0,0,0,0))1 100%;}
.sbox-cont{flex:1;background-image:url('/img/box-in.png');background-repeat:repeat-x;background-position: 0 -20px;height:430px;}

.smenu .item{color:#082853;}
.smenu .item, .smenu .item-sel{font-weight:bold;font-size:20px;font-family:trebuchet ms,tahoma;display:block;padding:10px 2px 10px 36px;}
.smenu .item:hover{color:#bc0000;}
.smenu .item-sel{background-image:url('/img/arr-l.gif');background-repeat:no-repeat;background-position:10px 14px;color:#bc0000;background-color:#fff;
	border-top:2px solid #385079;border-bottom:2px solid #385079;}

.ctnote{font-size:14px;padding-left:42px;}

.news {padding:0px 30px;}
.news .date{float:right;font-weight:bold;color:#6B707A;font-size:11px;padding-top:10px;}

.alnk{padding:4px 0px 4px 20px;background-image:url('/img/go.png');background-repeat:no-repeat;
	background-position:0px 4px;}
.alnk:hover{text-decoration:underline;}

.button {font-family: trebuchet ms,tahoma;font-weight: normal !important;border-radius: 5px;
	font-size:20px;padding:8px 24px;transition: background .3s;color:#fff !important;}
.button-group {padding:20px;display:flex;justify-content:flex-end;gap:14px;}

.orange{color: #fff !important; -text-shadow: 1px 1px 1px #444; border: 1px solid #e57330; background: #ff8040;}
.orange:hover{background:#e26619;}
.blue{color: #fff;text-shadow: 0px 0px 1px #15386c;border: 1px solid #35588c;background: #5c7298;}
.blue:hover{background:#8b9fbc;background-image: linear-gradient(to bottom, #425A84, #425A84);}

.btn-buy{padding:4px 20px;display:inline-block;white-space: nowrap;line-height:18px;}
.btn-close{height:20px;width:10px; background: #fff;color:red !important;}

.bigButton:hover{text-decoration:none !important;}
.bigButton {display:inline-block;font-family:trebuchet ms,tahoma;font-size:16px;font-weight: bold !important;border-radius: 8px;text-decoration:none;
	border: 2px solid #35588c;background: #5c7298;background-image: linear-gradient(to bottom, #cfd7e4, #9eadc7, #627ba3, #425A84);}
.bigButton .pic{background-image:url('data:image/svg+xml;utf8,<svg width="38" height="38" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5V12.1578L16.2428 8.91501L17.657 10.3292L12.0001 15.9861L6.34326 10.3292L7.75748 8.91501L11 12.1575V5Z" fill="rgb(195,228,176)" />  <path d="M4 14H6V18H18V14H20V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V14Z" fill="rgb(195,228,176)" /> </svg>');
	background-position: 10px 50%;background-repeat:no-repeat;filter: drop-shadow(0 0 3px #344e75);padding:7px 20px 7px 54px;display:flex-row;display:flex-row;text-align:center;}
.bigButton .pic div {padding:2px;}
.bigButton .t1{color:#fff;}
.bigButton .t2{color:#c3e4b0;}

.bg0{background-color:#fee;}
.bg1{background-color:#eef;}

#licOverlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 3;}
#licPopup{display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width:900px;
	padding: 5px 20px 20px 20px;background-color: white;box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);z-index: 4;border-radius: 8px;width: 60%;}
#activationCode{width:300px;margin:0 0 10px 0;}

@media (max-width: 1430px) 
{
	.top .logo{left:4px;}
	.mmenu .items{margin-left:100px;}
}

@media (max-width: 1000px) 
{
	:root
	{
		--h2-size:18px;
		--edit-width:50vw;
	}
	
	.frame{width:100% !important;}
	.ftext{margin:4pt;}
	.frame > .flex{flex-direction:column-reverse;}
	.home .flex {flex-direction:column;}
	.home .flex img{width:50vw !important;max-width:200px;margin:0;}
	
	.smenu{padding:0;}
	.sbox{flex-direction:row;}
	.sbox-top{display:none;}
	.sbox-cont{height:auto;}
	
	.smenu .item, .smenu .item-sel{display:inline-block;flex:1;padding:10px 8px 10px 8px;}
	.smenu .item-sel{border:3px solid #35588c;}
	.smenu .item-sel{background:#fff;}
}
@media (max-width: 750px) 
{
	.end .to-left, .end .to-right{flex:1;white-space: nowrap;}
	.end .band2{display:flex;overflow-x:auto;}
	#activationCode{width:200px;}
	#licPopup{width: 80%;}
}
@media (max-width: 500px) 
{
	.button-group{justify-content:flex-start;}
	.wide2{max-width:98%;}
	#licPopup{width: 85%;}
}