@charset "utf-8";
html {
	height:100%;
}
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	text-decoration: none;
	background-color: #7e7e7e;
	background-image: url(/img/home_02.jpg);
	background-repeat: repeat-x;
	margin:0;
	height:100%;
}
p {
	margin:10px 0;
}
img{
border:0px;
}
div {
	position:relative;
}
div.imgWeb{
background-image:url(/img/web_development.jpg);
background-repeat:no-repeat;
width:547px;
height:260px;
margin:0px 0px 0px 2px;
float:left;
}
div.webboxcontent{
float:left;
width:230px;
padding:24px 0px 0px 19px;
font: 12px  Arial,Georgia, Times New Roman, Times, serif;
line-height:18px;
color:#888888;
}

h3, h3 a, h3 a:hover {
	font: bold 14px  Arial,Georgia, Times New Roman, Times, serif;
	color: #024471;
	text-decoration:none;
	line-height:18px;
	text-align:center;
	margin:0 0 0 0;
	padding:10px 0 0 0;
}
h3 a:hover {
	text-decoration:underline;
}
h5 {
	font: bold 12px Arial,Georgia, Times New Roman, Times, serif;
	color:#990000;
	text-decoration: none;
	line-height:18px;
	text-align:left;
	margin:0 0 0 0;
	padding:8px 0 8px 0;
	clear:both;
	letter-spacing:1px;
}
dt {
	width:80px;
	color:#333333;
	font:normal 1em Arial, Helvetica, sans-serif;
	float:left;
	line-height:15px;
}
dd {
	float:right;
	width:420px;
	margin-left:10px;
}
h6, h6 a, h6 a:hover {
	color: #024471;
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	text-decoration:none;
	padding:0;
	margin:0px;
}
h6 a:hover {
	text-decoration:underline;
}
p.black, .black {
	color:#474747;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: normal;
	text-decoration: none;
}
p.black:first-letter {
	font-family: Verdana,Georgia, Times New Roman, Times, serif;
font-size: 11px;
	font-weight: 900;
	color: #000000;
}
div.imgnospace {
	padding:0;
	margin:0;
	height:1%;
}
legend {
	color:#7c7b7a;
}
.pRL10 {
	padding-right: 10px;
	padding-left: 10px;
}
.our_services_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #6BA4C9;
	background-image: url(/img/our_services_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:10px 10px 10px 15px;
}

.grey11, .grey11 a, .grey11 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #9a9a99;
	text-decoration: none;
}
.grey11 a:hover {
	color: #626262;
}
.balck11, .black11 a, .black11 a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 15px;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
}
.grey10, .grey10 a, .grey10 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #9e9e9c;
	text-decoration: none;
}
.pRL5 {
	padding: 5px;
}
.pUD10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.black12, .black12 a, .black12 a:hover, p.black12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.black12 a:hover {
	color: #8C8C8C;
}
p.black12 {
	padding:0px;
	margin:8px 0px;
}
.main_bg {
	background-image: url(/img/about_us_38.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding:20px 15px;
}
.grey12, .grey12 a, .grey12 a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: normal;
	color: #7c7b7a;
	text-decoration: none;
}
.grey12 a:hover {
	color: #A6A5A4;
}
.blue12, .blue12 a, .blue12 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #024471;
	text-decoration: none;
}
.blue12 a {
	border-bottom: 1px dotted #4A1200;
}
.blue12 a:hover {
	color:#FFFFFF;
	background-color:#006699;
}
.pUDRL15 {
	padding: 15px;
}
.white12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.b1blue {
	border: 1px solid #BBBBBB;
	padding: 3px;
}

.white12 a, .white12 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.white12 a:hover {
	color: #CCCCCC;
}
.white11, .white11 a, .white11 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.white11 a:hover {
	color: #CCCCCC;
}
.pUD5RL5 {
	padding: 5px;
}
.menu_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding:5px 0px 5px 10px;
}
.menu_text a, .menu_text a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.menu_text a:hover {
	color: #CCCCCC;
}
.gmenu_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #8A8A8A;
	text-decoration: none;
	padding:5px 0px 5px 10px;
}
.gmenu_text a, .gmenu_text a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #8A8A8A;
	text-decoration: none;
}
.gmenu_text a:hover {
	color: #CCCCCC;
}
.why_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #89A737;
	background-image: url(/img/why_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:10px 10px 10px 15px;
}
.our_products_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #6BA4C9;
	background-image: url(/img/our_products_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:10px 10px 10px 15px;
}
.blue18, .blue18 a, .blue18 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #024471;
	text-decoration: none;
}
.blue18 a:hover {
	color: #6BA4C9;
}
.blue24, .blue24 a, .blue24 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #024471;
	text-decoration: none;
}
.blue24 a:hover {
	color: #6BA4C9;
}
.blue24a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 30px;
        font-weight: normal;
        color: #024471;
        text-decoration: none;
}
.green18, .green18 a, .green18 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #4a7001;
	text-decoration: none;
}
.green18 a:hover {
	color: #93B040;
}
.green24, .green24 a, .green24 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #4a7001;
	text-decoration: none;
}
.green24 a:hover {
	color: #93B040;
}
.green12, .green12 a, .green12 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #4a7001;
	text-decoration: none;
}
.green12 a:hover {
	color: #93B040;
}
.red18, .red18 a, .red18 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #a40100;
	text-decoration: none;
}
.red18 a:hover {
	color: #C41617;
}
.red24, .red24 a, .red24 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #a40100;
	text-decoration: none;
}
.red24 a:hover {
	color: #C41617;
}
.red12, .red12 a, .red12 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #a40100;
	text-decoration: none;
}
.red12 a:hover {
	color: #C41617;
}
.textbox, .textarea, .textbox300, .textbox400 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	width:250px;
	border-color:#333333 #999999 #999999 #333333;
	border-style:solid;
	border-width:1px;
	padding:0px;
}
.textarea {
	height:96px;
}
.textbox300 {
	width:290px;
}
.textbox400 {
	width:370px;
}
.textbox:focus, .textarea:focus, .textbox300:focus, .textbox400:focus {
	background-color:#FED6CF;
}
.u_link_bg {
	background-image: url(/img/u_link_15.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:14px 10px 10px 10px;
}
.design_bg {
	background-image: url(/img/design_05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:14px 10px 10px 10px;
}
.p8 {
	padding: 8px;
}
.customer_bg {
	background-image: url(/img/our_customer_11.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:14px 10px 10px 10px;
}
.p8grey9 {
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	font-weight: normal;
	color: #7C7B7A;
	text-decoration: none;
}
.p8grey9 a, .p8grey9 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	font-weight: normal;
	color: #7C7B7A;
	text-decoration: none;
}
.p8grey9 a:hover {
	color: #999999;
}
.p5 {
        padding: 5px;
}
td label, .input label {
	width:130px;
	float:left;
	display:block;
	text-align:left;
}
.form2 label {
	width:150px;
}
.error-message {
	color:#FF0000;
	margin:0px 0px 0px 135px;
}
div.header {
	background:#FFFFFF url(/img/home_25.jpg) bottom center no-repeat;
	width:980px;
	height:92px;
}
ul.ui-accordion-container {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:200px;
}
ul.ui-accordion-container li {
	position: relative;
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
}
ul.ui-accordion-container li a.ui-accordion-link {
	display: block;
	padding-left: 0px;
	margin:0px;
	height: 30px;
	color: #000;
	text-decoration: none;
	line-height: 30px;
}
ul.innermenu {
	position:relative;
	list-style:outside url(/img/bullet.gif);
	margin:0px 0px 0px 20px;
	padding:20px 0px 10px 20px;
}
ul.innermenu li {
	position:relative;
	color: #FFFFFF;
	padding-bottom:10px;
}
ul.innermenu li a, ul.innermenu li a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
ul.innermenu li a:hover {
	color: #CCCCCC;
}
ul.vmenu2 {
	list-style:none;
	margin:0;
	padding:0;
}
ul.vmenu2 li {
	margin:0;
	padding:0;
	height:30px;
	overflow:hidden;
}
ul.hmenu {
	list-style:none;
	margin:0;
	padding:0;
}
ul.hmenu li {
	margin:0;
	padding:0;
	overflow:hidden;
}
div.hmenucont {
	position:relative;
	top:38px;
	left:0px;
}
div.contact {
	position:relative;
	right:0;
	width:156px;
	padding:10px 0 0 0;
	margin: 0 5px 0 auto;
}
div#topleftbox {
	float:left;
}
div#toprightbox {
	float:right;
	width:767px;
}
div#ourservice {
	background-image:url(/img/our_services_bg.jpg);
	position:relative;
}
div#ourproduct {
	background-image:url(/img/our_products_bg.jpg);
	position:relative;
}
div#whyinmart {
	background-image:url(/img/why_bg.jpg);
	position:relative;
}
span.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #9e9e9c;
	padding:15px 5px 0 0;
	display:block;
	float:right;
}
.testcontent {
	padding:10px;
    margin-top:15px;
}
#testimonial {
	width: 190px;
	height:350px;
	color:#9A9A99;
	font-size:12px;
	overflow:hidden;
}
div.testcontent div {
	text-align:center;
	height:350px;
	padding-bottom:80px;
}
div.testcontent div div {
	text-align:left;
	width:180px;
	margin-top:10px;
}
div#footercont {
	width:980px;
	height:44px;
	background:#FFFFFF url(/img/about_us_63.jpg) top center no-repeat;
}
div#leftlogos {
	position:relative;
	display:block;
	margin:14px 0 0 7px;
}
a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(/img/icon_external.gif) no-repeat center right;
}
.cake-sql-log {
	display:none;
}
/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.disabled {
	display:inline;
}
.paging a {
	background-color:inherit;
	color:#003D4C;
	font-weight:bold;
	text-decoration:none;
}
.paging a:hover {
	text-decoration:underline;
}
.paging .current {
	font-size:1.6em;
}
.alpha-shadow {
	float: left;
	background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/img/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
.alpha-shadow div {
	background: url(/img/shadow2.png) no-repeat left top !important;
	padding: 0px 5px 5px 0px;
}
.alpha-shadow img {
	background-color: #fff;
	border: 0px solid #a9a9a9;
	padding: 0;
}
/*
.dropshadow1{
	float:left;
	clear:left;
	background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/img/shadowAlpha.gif) no-repeat bottom right;
	margin: 10px 30px 20px 10px !important;
	margin: 10px 30px 20px 10px;
}
.dropshadow1 img{
	position:relative;
	bottom:5px;
	_bottom:3px;
	right: 6px;
	padding:0px;
	margin: 0px;
}
*/
.highlight2 {
	font-style:italic;
	color:#333333;
}
.highlight3 {
	letter-spacing:1px;
	margin:0 10px;
	color: #004477;
}
#flash-container{
overflow:hidden;

}
div#flashdev1 {
	position:relative;
	z-index:100;
	display:block;
}
div#flashdev2 {
	position:absolute;
	top:940px;
	display:block;
	height:700px;
	width:517px;
	z-index:200;
}
div#flashdev3 {
z-index:300;
	display:block;
	position:relative;
	height:800px;
	top:360px;
}
div#feed {
	position:absolute;
	top:10px;
	right:10px;
	z-index:500;
}
div.rightcol {
	width:210px;
	position:relative;
}
div.portalrightcol {
	width:209px;
	position:relative;
	background:url(/img/home_43.jpg) top left no-repeat;
	padding-left:11px;
}
div.rightcolnewscontent {
	background:url(/img/home_55.jpg) bottom center no-repeat;
	position:relative;
	display:block;
	width:200px;
	padding:5px;
	overflow:auto;
}
div.rightcolnewscontent dt {
	position:relative;
	margin:0;
	width:45px;
}
div.rightcolnewscontent dd {
	width:145px;
	text-align:left;
	margin:0 3px 0 2px;
}
div.rightcolnewscontent dd a {
	float:right;
	padding:10px 0 5px;
	margin: 0 3px 0 0;
}
div.outercont {
	margin:auto;
	width:982px;
	position:relative;
	_height:100%;
	background:url(/img/home_03.jpg) repeat;
}
div.innercont {
	width:980px;
	margin:auto;
	position:relative;
	height:100%;
}
div.midcont {
	width:980px;
	position:relative;
	_height:100%;
	background:url(/img/home_79.jpg) repeat;
}
div.leftmenu {
	width:201px;
}
div.imgwrapper {
	font-size:1px;
}
div.midrightcol {
	width:771px;
	background:url(/img/home_29.jpg) top left no-repeat;
	padding-left:8px;
}
div.portalbtmlft {
	position:relative;
	float:left;
}
div.portalbtmrig {
	position:absolute;
	float:left;
	width:221px;
	overflow:hidden;
	left:759px;
	top:532px;
	
}
#home-web-development{
margin:0 5px 30px 5px;
}
#home-web-development p{
line-height:18px;
}
.black18, .black18 a, .black18 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.black18 a:hover {
	color: #6BA4C9;
}
#home-news{
width:508px;
background:url(/img/home_news_bg.jpg) no-repeat top;
padding:71px 21px 10px 21px;
height:2000px;
overflow:auto;
}
img.shadow {
	background: url(/img/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 3px 7px 7px 1px;
	margin: 0 16px 16px 0;
	float:left;
	display:block;
}
.home-news-list{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #acacac;
overflow:hidden;
display:block;
clear:both;
}
.home-news-desc{
float:right;
width:400px;
overflow:hidden;
}
#home-news h1{
font:800 14px "Times New Roman", Times, serif;
color:#3b3b3b;
}
#home-news h2{
font:800 11px Arial, Helvetica, sans-serif;
color:#fff;
padding:3px 10px;
width:auto;
height:auto;
background:#951717;
display:inline;
}
.home-news-desc p, .home-news-desc p a{
margin-top:15px;
font:400 11px Arial, Helvetica, sans-serif;
line-height:18px;
text-align:justify;
text-decoration:none;
}
.home-news-desc p a{
color:#951717;
border-bottom:1px dotted #951717;
}
.home-news-desc p a:hover{
color:#000000;
}
#key-to-success{
background:url(/img/key-to-success_02.jpg) repeat-y;
width:195px;
margin-left:4px;
}
#key-to-success h2{
font:800 14px Arial, Helvetica, sans-serif;
color:#770303;
line-height:18px;
}
#key-to-success p{
font:400 11px Arial, Helvetica, sans-serif;
color:#6f6f6f;
line-height:18px;
margin-bottom:24px;
}
#key-1{
background:url(/img/key-to-success_01.jpg) no-repeat top;
padding:233px 15px 0 15px;
}
#key-2{
background:url(/img/key-to-success_03.jpg) no-repeat top;
padding:226px 15px 0 15px;
}
#key-3{
background:url(/img/key-to-success_04.jpg) no-repeat top;
padding:226px 15px 0 15px;
}
.more, .more a{
font:400 11px Arial, Helvetica, sans-serif;
color:#770303;
text-decoration:underline;
float:right;
}
.more a:hover{
background:#770303;
color:#fff;
}
#the-way{
width:221px;
background:url(/img/the-way_02.jpg) repeat-y;
}
#the-way h2{
font:800 14px Arial, Helvetica, sans-serif;
color:#770303;
}
#the-way ul{
margin:10px 0;
padding-left:18px;;
}
#the-way ul li{
font:400 11px Arial, Helvetica, sans-serif;
color:#727272;
list-style:disc;
line-height:18px;
}
.the-way-1{
background:url(/img/the-way_01.jpg) no-repeat;
min-height:184px;
padding:191px 14px 0 20px;
}
.the-way-2{
background:url(/img/the-way_03.jpg) no-repeat;
padding:110px 14px 0 20px;
min-height:200px;
}
.the-way-3{
background:url(/img/the-way_04.jpg) no-repeat;
padding:29px 14px 0 20px;
min-height:173px;
}
#footer-link, #footer-link a{
font:400 10px Arial, Helvetica, sans-serif;
color:#999999;
float:left;
text-decoration:none;
}
#footer-link a:hover{
color:#333333;
text-decoration:underline;
}
#footer-link ul{
margin:15px 0 0 5px;
padding:0;
}
#footer-link ul li{
float:left;
display:inline;
list-style:none;
margin-left:10px;
padding-left:10px;
border-left: 1px solid #CCCCCC;
}
#footer-link ul li.first{
margin:0;
padding:0;
border:none;
}
.sTable,.xTable,.nTable{
	border:1px solid #FFFFFF;
	border-collapse:collapse;
	color:#333333;
}
.sTable th, .sTable td,.xTable th, .xTable td,.nTable th,.nTable td{
	border:1px solid #FFFFFF;
	background:#F2F2F2;
	padding:5px 3px;
}
.sTable th,.xTable th{
	background:#171717;
	color:#FFFFFF;
}
.sTable td.dark{
	background:#eaeaea;
}
.xTable th.xdark{
	background:#219DB4;
}
.xTable th.xlight{
	background:#62B9D2;
}
.xTable td ul{
	margin:0 0 0 20px;
	padding:0;
}
.xTable td ul li{
	border:none;
	text-align:left;
	line-height:16px;
	margin-bottom:5px;
}
.nTable td{
	vertical-align:top;
}
.nTable td.dark{
background:#eaeaea ;}
.xTable td.dark{
background:#eaeaea ;}
.nTable td{ border:none; border-bottom:1px solid #FFFFFF;)
	}
a.online-eng,a.online-tw{
	display:block;
	width:206px;
	height:31px;
	background: url(/img/btnOnline-eng.gif) left top no-repeat;
	margin-left:105px;
}
a.online-tw{background: url(/img/btnOnline-tw.gif) left top no-repeat; margin-top:19px;}
a:hover.online-eng{
background: url(/img/btnOnline-eng.gif) -206px top no-repeat;
}
a:hover.online-tw{
background: url(/img/btnOnline-tw.gif) -206px top no-repeat;
}
a.btnBack{
	display:block;
	width:66px;
	height:25px;
	background: url(/img/btnBack.jpg) left -25px no-repeat;
	float:right;
}
a:hover.btnBack{
	background: url(/img/btnBack.jpg) left top no-repeat;
}
.bnrClub{
	
}
.bnrClub a{
	width:750px;
	height:115px;
	padding:45px 0 0 20px;
	display:block;
	color:#594B2F;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height:15px;
	text-decoration:none;
	background: url(/img/bnrClubHouse.jpg) left top no-repeat;
}
.bnrClub a:hover{
	color:#000000;
	filter:alpha(opacity=80); /* IE's opacity*/
    opacity: 0.8;
}