﻿*{margin:0; padding:0;}
body{background:url(../images/bg.gif) repeat-x ; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0; padding:0;}
img{border:0; outline:none;}
p{padding:5px 0 10px 0; line-height:19px;}
ul{list-style-type:none;}
h1{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFFFFF; line-height:23px; text-align:right; padding:0 20px 0 0;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000000; font-weight:bold; padding:5px;}
a{text-decoration:none; color: #006699;}
a:hover{text-decoration:underline; color:#000000;}
.sqlr-clr{clear:both;}
.sqlr-master{width:100%; text-align:center;}
.sqlr-main{width:960px; margin:0 auto; text-align:left; position:relative;} 
.sqlr-top{background:url(../images/fop-top.jpg) no-repeat top left; height:314px;}
.sqlr-logo{padding:14px 0 0 22px;}
.sqlr-menu{position:absolute; left:10px; top:277px; width:940px;}
.sqlr-menu ul li{float:left;}
.sqlr-menu ul li a{text-decoration:none; color:#ffffff; line-height:35px; padding:0 35px;}
.sqlr-menu ul li a:hover{color:#CCCCCC;}
.sqlr-cont{padding:5px 20px; background-color:#FFFFFF; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4;}
.sqlr-right{float:right; width:260px;}
.sqlr-head{background:url(../images/head.gif) no-repeat left top; height:27px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; padding:23px 0 0 75px;}
.sqlr-space{padding:14px 0 0px 43px;}
.sqlr-space ul{ padding:5px 0 0 20px;}
.sqlr-space ul li{margin:0 0 10px 20px; list-style-type:disc; padding:0 0 5px 0; line-height:18px;}
.sqlr-left{float:left; width:650px;}
.sqlr-left ul{padding:15px 15px 0 15px;}
.sqlr-left ul li{ list-style-type:disc; margin:0 0 0 18px; padding:0 0 10px 0;}
.sqlr-text{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; padding:10px 0 0 0;}
.sqlr-footer{background:url(../images/footer.gif) no-repeat top left; height:33px; margin-bottom:0px; padding:30px 25px 0 0; color:#CCCCCC;}
.sqlr-footer a{text-decoration:none; color:#ffffff;}
.sqlr-footer a:hover{color:#CCCCCC;}
.sqlr-fl{float: left; margin-left:10px;}
.sqlr-fr{float:right;}
.demo{float:left; width:225px; margin:10px;}
.sqlr-nav{padding:5px; margin-bottom:10px; border-bottom:1px dotted #CCCCCC;}
.sqlr-nav a{text-decoration:none; color: #006699;}
.sqlr-nav a:hover{color:#000000; text-decoration:underline;}
.sqlr-l{float:right; width:300px; padding:10px 0 0 0; margin:10px; margin-right:0;}
.sqlr-r{float:right; width:340px;}

.rightpanel{float:left; width:645px; padding:5px; background:#FBFBFB;}
.rightpanel ul{list-style-type:none; margin:0 0 15px 6px; padding:0;}
.rightpanel ul li{ background:url(../images/arrow.gif) no-repeat left 7px; padding:0 0 10px 15px; line-height:18px; font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif}
.navigation{font-size:12px; color:#666666; height:20px; border-bottom:solid 1px #73c508; margin:10px 0 10px 0;}
.navigation a{font-size:12px; color:#77C63E; font-weight:bold; text-decoration:none;}
.navigation a:hover{font-size:12px; text-decoration:none; color:#333333;}
.system{ font-family:Arial, Helvetica, sans-serif; font-size:21px; margin:10px 0 11px 1px; color:#000000;}
.scbox{width:202px; height:245px; background: url(../images/sc-box.gif) no-repeat; float:left; margin-right:13px; margin-bottom:17px; font-size:13px; color:#666666;}
.scimg{width:191px; margin:auto; padding:4px 0;}
.sccon{width:174px; margin:24px auto 0;}
.down-l{ float:left; width:300px;}
.down-r{  float:left; margin-left:15px;}
.ldr-clr{clear:both;}


.review{ padding:10px 0; color:#106699;}
.review span{ float:left; margin:-4px 5px 0 5px;}
.review strong{ float:left; font-weight:normal;}
.review b{ float:left; font-weight:normal;}


#body {
    width:100%;
    margin:20px auto;
}

.accordion {
    margin: 0;
    padding:15px 10px;
    border-top:#ffffff 1px solid;
    background: #eeeeee;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    color: #000;
    font-size:15px;
}
.accordion:hover{cursor:pointer;}
.accordion-open {
    background:#ffffff;
    color: #000000;
	border-bottom:1px solid #cccccc;
}
.accordion-open span {
    display:block;
    float:right;
    padding:10px;
}
.accordion-open span {
    background:url(../images/minus.png) center center no-repeat;
}
.accordion-close span {
    display:block;
    float:right;
    background:url(../images/plus.png) center center no-repeat;
    padding:10px;
}
div.container {
    padding:0;
    margin:0;
}
div.content {
    margin: 0;
    padding:10px 10px 30px 10px;
	 background:#ffffff;

}
div.content ul, div.content p {
    padding:0;
    margin:0;
    padding:3px;
}
div.content ul li {
    list-style-position:inside;
    line-height:25px;
}
div.content ul li a {
    color:#555555;
}
code {
    overflow:auto;
}



.graybgbox{background:#e1e1e1; padding:15px;}




/*responsive code*/
.drop { display:none;}
.mainbanner{margin-top: -50px; position: relative; z-index: -1;}
.sqlr-top { background:none;height:auto;}
.sqlr-cont { position:relative;border-radius:0px 0px 10px 10px;padding-top: 25px;  border-top:0; border:1px solid #f2f3f3; background:url(../images/top-streep.jpg) left top no-repeat #fff; background-size:contain;top: 36px;}
.sqlr-menu { top:-39px; background:#0662a3; border-radius:10px 10px 0 0; left: 0;width: 100%;}
.sqlr-menu ul li a{ line-height:40px;}
iframe { max-width:560px; width:100%; height:315px;}
.sqlr-head { font-size:14px; padding:25px 0 0 75px;}
.sqlr-footer { margin-top:25px;}
object { width:100%; height:550px;}
.scbox { margin-right:10px;}
@media(max-width:960px){
	img { max-width:100%;}
	.sqlr-main { width:100%;}
	.sqlr-cont{margin:0 15px;}
	.sqlr-menu ul li a { padding:0 20px;}
	.sqlr-left {width:64%; margin-right:1%;}
	.sqlr-right { width:34%; margin-left:1%;}
	.sqlr-head { background-size:contain;}
	object { width:100%; height:400px;}
	.rightpanel { width:100%; text-align:center;}
	.scbox { float:none; display:inline-block;}
	.sqlr-footer { background: #333 none repeat scroll 0 0; }
	}
	
@media(max-width:767px){
	.sqlr-menu { top:-38px;}
	.drop { display: block; float:right; margin:8px 15px 2px; }
	.sqlr-menu ul { clear:both; width:100%; display:none; background:#333; border-radius:0 0 10px 10px;  position: absolute; top: 38px;}
	.sqlr-menu ul li { float:none; text-align:center;}
	.sqlr-left {width:100%; margin-right:0%;}
	.sqlr-right { width:100%; margin-left:0%;}
	.sqlr-head { background-position: center center; margin-left: -30px; padding: 25px 0 0; text-align: center;}
	.sqlr-space {padding: 14px 0 0;}
	.sqlr-footer{background: #333 none repeat scroll 0 0;  height: auto; text-align:center; margin-top: 25px; padding: 20px 15px 10px;}
	.sqlr-fl { width:100%; margin-bottom:5px;}
	.sqlr-fr { width: 100%;}
	object { width:100%; height:180px;}
	#cboxOverlay, #colorbox { display:none !important;}
	.mainbanner { margin-top: -15px;}	
	
}

.buybutton{
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);

	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);

	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);

	background-color:#33bdef;
	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;
	
	border:1px solid #057fd0;
	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-size:15px;

	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;

	text-shadow:0px -1px 0px #5b6178;

}


.buybutton:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));

	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);

	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);

	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);

	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);

	background-color:#019ad2;
    text-decoration:none;
}


.buybutton:active {
	position:relative;
	top:1px;

}


.tableinfo{ margin:20px 0;}
.tableinfo table{border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#FFFFFF;}
.tableinfo table tr td{border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:10px;}
.tableinfo table tr th{border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:10px; background-color:#ebeae6; font-size:20px; font-weight:normal; text-shadow:1px 1px #fff; color:#000000;}
.name{font-size:20px;}
.name span{font-size:33px;}
.price{font-size:30px; color: #FF0004; text-align:center;}
.offer{font-size:12px; color: #FF0004; text-align:center}
.price span{font-size:30px; color: #FF6600;}
.offer-i{font-size:22px; text-decoration:line-through; color: #000; text-align:center; padding:10px 0 10px 0;}
