body { 
	
	
	
	
	
}


img {
  vertical-align: middle;
}


#containerok {
	width:270px;
	padding:0px;
	margin:0 auto;
	position:relative;
	
}


 


#container {
	width:270px;
	padding:0px;
	margin:0 auto;
	position:relative;
	
}
#container_mobile {
	width:100%;
	width:275px;
	padding:0px;
	margin:0 auto;
	position:relative;
	
}

#img-responsive {
	max-width: 100%;
	padding:0px;
	margin:0 auto;
	position:relative;

  display: block;
  height: auto;

}	

#example {
	width:230px;
	height:280px;
	position:relative;
}

#brandname {
	position:absolute;
	top:-200px;
	left:0px;
	z-index:600;
}




#frame {
	position:relative;
	z-index:0;
	width:320px;
	height:280px;
	top:-2px;
	left:0px;
}

#slides {
	position:absolute;
	top:15px;
	left:45px;
	z-index:0;
}






.slides_container {
	top:3px;
	left:0px;
	width:230px;
	height:270px;
	overflow:hidden;
	position:absolute;
}






a:link,a:visited {
	text-decoration:none;
}

a:hover,a:active {
	text-decoration:underline;
}






A {
TEXT-DECORATION: none
}
A:hover {
}
BODY {
	FONT-SIZE: 12pt; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
}
INPUT {
	FONT-SIZE: 10pt; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
}
TEXTAREA {
	FONT-SIZE: 10pt; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
}
.radio {
	WIDTH: 24px; HEIGHT: 24px
}
.checkbox {
	WIDTH: 23px; HEIGHT: 23px
}
.tp {
	FONT-SIZE: 9px; COLOR: #ffffff
}
.fr_ct_d {
	FONT-SIZE: 7px}
.fr_ct_f {
	FONT-WEIGHT: normal; OVERFLOW: hidden; HEIGHT: 16px; TEXT-DECORATION: none
}
.fr_ct_ou {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid
}
.fr_ct_ov {
	BORDER-RIGHT: #004477 1px solid; BORDER-TOP: #004477 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #004477 1px solid; CURSOR: hand; BORDER-BOTTOM: #004477 1px solid
}
.fr_ct_c {
	FONT-SIZE: 11px; OVERFLOW: hidden; COLOR: #000000; HEIGHT: 12px
}
.fr_mu {
	FONT-SIZE: 15px
}
.fr_sc {
	FONT-SIZE: 10px; COLOR: #ffffff
}
.fr_sc:hover {
}
.su_rs {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #929191
}
.su_rs:hover {
	COLOR: #686767
}
.page {
	BORDER-RIGHT: #009933 1px solid; BORDER-TOP: #009933 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #009933 1px solid; WIDTH: 60px; BORDER-BOTTOM: #009933 1px solid; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; BACKGROUND-COLOR: #FFE0C1}
.button {
	BORDER-RIGHT: #000099 1px ridge; BORDER-TOP: #001884 1px ridge; FONT-WEIGHT: bold; FONT-SIZE: 10pt; BORDER-LEFT: #000099 1px ridge; COLOR: #000099; BORDER-BOTTOM: #000099 1px ridge; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #c8e4ff
}
.tabletop {
	BORDER-RIGHT: #ff3366 1px solid; BORDER-TOP: #ff9999 1px solid; BORDER-LEFT: #ff9999 1px solid; BORDER-BOTTOM: #ff3366 1px solid; BACKGROUND-COLOR: #ff6666
}
.tablecontent {
	BORDER-RIGHT: #ff6699 1px solid; BORDER-TOP: #ffcccc 1px solid; BORDER-LEFT: #ffcccc 1px solid; BORDER-BOTTOM: #ff6699 1px solid; BACKGROUND-COLOR: #ff9999
}
.tablebottom {
	BORDER-RIGHT: #ff9999 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ff9999 1px solid
}
.mainmenuitem {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FF8000; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none
}
.mainmenuitem_2 {
	FONT-WEIGHT: bold; FONT-SIZE: xx-small; COLOR: #FF8000; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none
}
.mainmenuitem:hover {
	CURSOR: hand}
.menuitemtxt {
	FONT-WEIGHT: normal
}
.menuitem {
	FONT-SIZE: xx-small; COLOR: #666666; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none
}
.menuitem_3 {
	FONT-SIZE: smaller; COLOR: #666666; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none
}
.menuitem:hover {
	FONT-WEIGHT: bold; CURSOR: hand}
.menuitemline {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffffff; FONT-FAMILY: "Times New Roman", "Times"; TEXT-DECORATION: none
}
.menuitemline_2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #999999; FONT-FAMILY: "Times New Roman", "Times"; TEXT-DECORATION: none
}
.dropmenu {
	BACKGROUND-COLOR: #c8e4ff
}
.headbutton {
	BORDER-RIGHT: #99cccc 1px solid; BORDER-TOP: #91c9e3 1px solid; BORDER-LEFT: #99cccc 1px solid; CURSOR: hand; BORDER-BOTTOM: #ff6600 1px solid; BACKGROUND-COLOR: #ff6600
}
.lst_record {
	CURSOR: hand; BACKGROUND-COLOR: #FFBF80
}
.2nd_record {
	CURSOR: hand; BACKGROUND-COLOR: #FF9933
}
.fla_record {
	BACKGROUND-COLOR: #fff2ec
}
.lst_mouse {
	CURSOR: hand
}
.ico_record_out {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; BORDER-BOTTOM: #ffffff 1px solid
}
.ico_record_over {
	BORDER-RIGHT: #004477 1px solid; BORDER-TOP: #004477 1px solid; BORDER-LEFT: #004477 1px solid; CURSOR: hand; BORDER-BOTTOM: #004477 1px solid
}
.ico_record_fla {
	BORDER-RIGHT: #ff8b56 1px solid; BORDER-TOP: #ff8b56 1px solid; BORDER-LEFT: #ff8b56 1px solid; BORDER-BOTTOM: #ff8b56 1px solid
}
.sel_record {
	CURSOR: hand; BACKGROUND-COLOR: #FFEFE8}
.idx_record_font {
	OVERFLOW: hidden; HEIGHT: 16px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.idx_record_out {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid
}
.idx_record_over {
	BORDER-RIGHT: #004477 1px solid; BORDER-TOP: #004477 1px solid; BORDER-LEFT: #004477 1px solid; CURSOR: hand; BORDER-BOTTOM: #004477 1px solid
}
.sbox {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#FFC8E2FF'); BACKGROUND-COLOR: #ffffff
}
.sbox2 {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#FF9933');
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #ffffff;
	color: #FF8000;
}
.scl {
	FILTER: progid:DXImageTransform.Microsoft.Glow(Color=#6DCFF6,Strength=2)
}
.owner {
	FILTER: progid:DXImageTransform.Microsoft.Glow(Color=#6DCFF6,Strength=2); HEIGHT: 16px
}
.mbr {
	FILTER: progid:DXImageTransform.Microsoft.Glow(Color=#A3D39C,Strength=2); HEIGHT: 16px
}
.leader {
	FILTER: progid:DXImageTransform.Microsoft.Glow(Color=#8560A8,Strength=2); HEIGHT: 16px
}
.own {
	FILTER: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='white', Positive='true'); COLOR: #252525
}
.own_wd {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=40)
}
.formr {
	COLOR: #000000
}
.formrs {
	COLOR: #FF0000}
}
.formrs2 {
	COLOR: #FF0000;
	font-size: larger;
}
}
.forml {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffffff; BACKGROUND-COLOR: #3399cc
}
.formls {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #000000; BACKGROUND-COLOR: #FFFFFF}
.formt {
	FONT-SIZE: 12pt; BACKGROUND-COLOR: #c8e4ff
}
.formll {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffffff; BACKGROUND-COLOR: #59a9d1
}
.formlls {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #fca6a6; BACKGROUND-COLOR: #59a9d1
}
.formtl {
	FONT-SIZE: 12pt; BACKGROUND-COLOR: #deeefe
}
.formld {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; BACKGROUND-COLOR: #cccccc
}
.formtd {
	FONT-SIZE: 12pt; BACKGROUND-COLOR: #e6e6e6
}
.formlg {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #79b9d7
}
.formtg {
	FONT-SIZE: 12pt; BACKGROUND-COLOR: #d5eaf4
}
.idx {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
.idx_o {
	BORDER-RIGHT: #c1c1c1 1px solid; BORDER-TOP: #c1c1c1 1px solid; BORDER-LEFT: #c1c1c1 1px solid; CURSOR: hand; BORDER-BOTTOM: #c1c1c1 1px solid
}
.bnr {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
.bnr_o {
	BORDER-RIGHT: #c1c1c1 1px solid; BORDER-TOP: #c1c1c1 1px solid; BORDER-LEFT: #c1c1c1 1px solid; CURSOR: hand; BORDER-BOTTOM: #c1c1c1 1px solid
}
.bnr_f {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: progid:DXImageTransform.Microsoft.Slide(slideStyle='PUSH', bands=1); BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
.tip {
	FONT-SIZE: 8pt}
.tip1 {
	FONT-SIZE: 8pt;
	COLOR: #FF0000;
	font-family: "Times New Roman", Times, serif;
}
.tip2 {
	FONT-SIZE: 11pt;
	COLOR: #000000;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
}
.tip3 {
	FONT-SIZE: 12pt;
	COLOR: #FF6600;
	font-family: "Times New Roman", Times, serif;
}
.tip5 {
	FONT-SIZE: 13pt;
	COLOR: #f88825;
	font-family: "Times New Roman", Times, serif;
}
.tip:hover {
	CURSOR: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pis {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
.pis_o {
	BORDER-RIGHT: #c1c1c1 1px solid; BORDER-TOP: #c1c1c1 1px solid; BORDER-LEFT: #c1c1c1 1px solid; CURSOR: hand; BORDER-BOTTOM: #c1c1c1 1px solid
}
.pic {
}
.pic:hover {
	CURSOR: hand;
	font-family: Arial, Helvetica, sans-serif;
}
.rpy {
	FONT-SIZE: 8pt}
.rpy:hover {
	CURSOR: hand}