/*r.s*/
#page_block_478 {
    position: absolute;
    right: 130px;
    top: -5px;
 z-index:999;
}
/*r.s*/
#page_block_478 .disignBoxFirst {
	padding-bottom: 15px;
	position:relative;
	width: 100%;
}

/* r.s */
#page_block_478 .bx-btn {
	line-height: 36px;
	height: 35px;
	padding: 0 20px;
}

#page_block_47 {
    display: none;
}



a, 
a:link,a:hover, 
a:active  {color:#006699;}
a:visited {color:#003366;}
a, a:link, a:visited, 
a:active {text-decoration:none;}
a:hover {text-decoration:underline;}

ul {list-style-type: none;}

div.sys_main_logo {
position: relative;
z-index: 101;
min-height: 100px;
height: 150px;
border-bottom: 1px solid rgb(204,204,204);
border-bottom: 1px solid rgba(192,192,192, 0.7);
background-color: rgb(240,240,240);
background-color: rgba(255,255,255, 0.6);
}

div.sys_spanblock {margin-top:250px; margin-right:20px; padding:20px; 
border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; 
background-color: rgb(240,240,240); background-color: rgba(255,255,255, 0.6);
box-shadow:0px 4px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0px 4px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 4px 2px rgba(0, 0, 0, 0.5);}

div.sys_span {color: #000000; font-size:28px; text-align:center; font-weight:bold; text-shadow: 2px 2px 3px #ffffff;}
div.sys_span2 {color: #000000; font-size:20px; text-align:center; font-weight:bold; text-shadow: 1px 1px 2px #ffffff;}

div.sys_master { }

.splashinput { border-radius:5px; -moz-border-radius:5px; border:2px solid #656565; -webkit-border-radius:5px; padding:1px; width:200px; height:32px; font-size:23px; background-color: rgb(240,240,240);
 background-color: rgba(255,255,255, 0.7);}

tr.headers {display:none; }
.dbTitle {display:none; }
.boxFirstHeader {display:none; }

.disignBoxFirst
{margin-top:10px; margin-bottom:10px; padding:2px; 
border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; 
background-color: rgb(240,240,240); background-color: rgba(255,255,255, 0.4);
box-shadow:0px 4px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0px 4px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 4px 2px rgba(0, 0, 0, 0.5);}

div.sys_cr_wrapper {
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
box-shadow:0px 4px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0px 4px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 4px 2px rgba(0, 0, 0, 0.5);}
}

div.sys_main_content_master {		
  margin:2px auto 5px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border:0px solid #252525;
  padding-bottom:10px;
}

.tinynav { display: none }
    #nav .selected a, #nav2 .selected a { color: red; display: none}
    
   @media screen and (max-width: 679px) {
   .tinynav { display: block; color: #000; 
   width:99%;
   height: 22px;
   margin-top:10px;
   overflow: hidden; border-radius: 5px;
   border: 1px solid #ccc;}
      #nav, #nav2 { display: none }
	  
	  .mastertheme-ss li:nth-child(1) span {
    background-image: url(../images/audi-a3.jpg) !important;
  
}
	  
    }

.mastertheme-ss,
.mastertheme-ss:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.mastertheme-ss:after {
    content: ''; background: transparent url(../images/pattern.png) repeat top left;
}
.mastertheme-ss li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -15px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 10% 0%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s;
}


.mastertheme-ss li:nth-child(1) span {
    background-image: url(../images/1.jpg);
  
}
.mastertheme-ss li:nth-child(2) span {
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s;
}
.mastertheme-ss li:nth-child(3) span {
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.mastertheme-ss li:nth-child(4) span {
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s;
}
.mastertheme-ss li:nth-child(5) span {
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}

.mastertheme-ss li:nth-child(6) span {
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 25s;
    -moz-animation-delay: 25s;
    -o-animation-delay: 25s;
    -ms-animation-delay: 25s;
    animation-delay: 25s;
}

@-webkit-keyframes imageAnimation { 
	0% { opacity: 0; -webkit-animation-timing-function: ease-in;}
	8% { opacity: 1; -webkit-transform: scale(1.05); -webkit-animation-timing-function: ease-out;}
	17% { opacity: 1; -webkit-transform: scale(1.1); }
	25% { opacity: 0; -webkit-transform: scale(1.1); }
	100% { opacity: 0 } }
@-moz-keyframes imageAnimation { 
	0% { opacity: 0; -webkit-animation-timing-function: ease-in;}
	8% { opacity: 1; -webkit-transform: scale(1.05); -webkit-animation-timing-function: ease-out;}
	17% { opacity: 1; -webkit-transform: scale(1.1); }
	25% { opacity: 0; -webkit-transform: scale(1.1); }
	100% { opacity: 0 } }
@-o-keyframes imageAnimation { 
	0% { opacity: 0; -webkit-animation-timing-function: ease-in;}
	8% { opacity: 1; -webkit-transform: scale(1.05); -webkit-animation-timing-function: ease-out;}
	17% { opacity: 1; -webkit-transform: scale(1.1) ; }
	25% { opacity: 0; -webkit-transform: scale(1.1) ; }
	100% { opacity: 0 } }
@-ms-keyframes imageAnimation { 
	0% { opacity: 0; -webkit-animation-timing-function: ease-in;}
	8% { opacity: 1; -webkit-transform: scale(1.05); -webkit-animation-timing-function: ease-out;}
	17% { opacity: 1; -webkit-transform: scale(1.1) ; }
	25% { opacity: 0; -webkit-transform: scale(1.1); }
	100% { opacity: 0 } }
@keyframes imageAnimation { 
	0% { opacity: 0; -webkit-animation-timing-function: ease-in;}
	8% { opacity: 1; -webkit-transform: scale(1.05); -webkit-animation-timing-function: ease-out;}
	17% { opacity: 1; -webkit-transform: scale(1.1) ; }
	25% { opacity: 0; -webkit-transform: scale(1.1); }
	100% { opacity: 0 } }


.no-cssanimations .mastertheme-ss li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.mastertheme-ss li div h3 { font-size: 100px }
}

@media screen and (max-width: 600px) { 
	.mastertheme-ss li div h3 { font-size: 50px }
	 div.login_ajax_wrap {
	 	width: 300px;
	 }
}

.topMenu table {  margin:auto;}
#sys_main_logo { margin:auto; margin-top:8px;}
#sys_master { }
#sys_main_content { width:1140px; margin:auto; }
#sys_main_master_dark{ }
#sys_mc_wrapper {  margin-left:auto; margin-right:auto;} 
#sys_mc { }
#page_column_1 { min-width:0px; max-width:0px; margin-right: 560px;}
#page_column_2 { margin-left: 580px;}
#page_column_3 { margin-left: 580px;}

#x {}
#y {}
#z {}
#buttonz {display:none;}

#sys_main_menu  {  margin:auto; margin-top:8px; } 
.sys_sub_menu {  margin:auto; margin-top:8px; } 
#sys_mm  {  margin:auto;} 
.sys_breadcrumb {  margin:auto; margin-bottom:5px; margin-top:5px;} 
.sys_copyright {  margin:auto; margin-top:8px;} 

.sys-service-menu-wrp {position: absolute;top: 10px;right: 0px; }
.sys_search {position: absolute; top: 70px; margin-left:auto; margin-right:auto;}
    
.fileUnit .fileUnitPic  img { }

.splashleft {}
.splashright {}




@media (min-width: 769px) and (max-width: 1140px) {

.topMenu table { width:960px;  margin:auto;}
#sys_main_logo { width:960px; }
#sys_main_content { width:960px; margin:auto;}
#sys_main_master_dark { width:960px; margin:auto;}         
#sys_master  { width:960px; }    
#sys_mc_wrapper { width:960px; margin:auto;} 
#page_column_1 { min-width:0px; max-width:0px;}
#page_column_2 { min-width:960px; max-width:960px; margin-left: -5px;}
#page_column_3 { min-width:960px; max-width:960px; margin-left: -5px;}
#buttonz {display:none;}
#sys_main_menu  { width:960px;} 
.sys_sub_menu { width:960px;}
#sys_mm  { max-width:960px;} 
.sys_breadcrumb { max-width:960px; margin:auto; margin-top:8px;} 
.sys_copyright {max-width:960px; margin:auto; margin-top:8px;} 
.sys-service-menu-wrp {position: absolute;top: 10px;right: 0px;}
.sys_search {position: absolute;top: 7px; left: 0px;}

.fileUnit .fileUnitPic  img { width:98%; }

.splashleft { }
.splashright {}

/*r.s*/
#page_block_478 .disignBoxFirst {
	width: 100%;
}
/*r.s*/
#page_block_478 .bx-btn {
	height: 50px;
	line-height: 44px;
	padding: 0 15px;
	font-size: 35px;
}
/*r.s*/
#page_block_478 .bx-def-margin-top {
	margin:0px;
	padding-bottom: 32px;
}
/*r.s*/
#page_block_478 {
	position:absolute;
	right: 236px;
	top : 140px;
	z-index: 999;
}
/*r.s*/
#page_block_477 {
	display:none;
}
/*r.s*/

#page_block_476 {
	margin-top:800px;
/*	position:absolute;
	left: 200px;
	bottom: 10px;*/
}

#page_block_476 .disignBoxFirst {
	line-height:normal;
	padding-left: 17%;
}


}

@media (min-width: 681px) and (max-width: 768px) {
.topMenu table { width:720px;  margin:auto;}
#sys_main_logo { width:720px; }
#sys_main_content { width:720px; margin:auto;}  
#sys_main_master_dark { width:720px; margin:auto;}          
#sys_master  { width:720px; }    
#sys_mc_wrapper { width:720px; margin:auto;} 
#page_column_1 { min-width:0px; max-width:0px;}
#page_column_2 { min-width:720px; max-width:720px; margin-left: -5px;}
#page_column_3 { min-width:720px; max-width:720px; margin-left: -5px;}
#buttonz {display:none;}
#sys_main_menu  { width:720px;} 
.sys_sub_menu { width:720px;}
#sys_mm  { max-width:720px;} 
.sys_breadcrumb { max-width:720px; margin:auto; margin-top:8px;} 
.sys_copyright { max-width:720px; margin:auto; margin-top:8px;}
.sys-service-menu-wrp {position: absolute;top: 10px;right: 0px;}
.sys_search {position: absolute;top: 7px; left: 0px;}

.fileUnit .fileUnitPic  img { width:98%; }

.splashleft { min-width:720px; max-width:720px; margin-left: -5px; float:left;}
.splashright { min-width:720px; max-width:720px; margin-left: -5px; float:left; }

/*r.s*/
#page_block_478 .disignBoxFirst {
	width: 100%;
}
/*r.s*/
#page_block_478 .bx-btn {
	height: 50px;
	line-height: 44px;
	padding: 0 15px;
	font-size: 35px;
}
/*r.s*/
#page_block_478 .bx-def-margin-top {
	margin:0px;
	padding-bottom: 32px;
}
/*r.s*/
#page_block_478 {
	position:absolute;
	right: 236px;
	top : 140px;
	z-index: 999;
}

#page_block_477 {
	display:none;
}

/*r.s*/
#page_block_476 {
	margin-top:800px;
/*	position:absolute;
	left: 200px;
	bottom: 10px;*/

}
/*r.s*/
#page_block_478 .bx-btn {
	height: 50px;
	line-height: 44px;
	padding: 0 15px;
	font-size: 35px;
}

#page_block_476 .disignBoxFirst {
	line-height:normal;
	padding-left: 17%;
}

}


 
@media (min-width: 421px) and (max-width: 680px) {
.topMenu table { width:450px;  margin:auto;}
#sys_main_logo { width:450px; }
#sys_main_content { width:450px; margin:auto;} 
#sys_main_master_dark { width:450px; margin:auto;} 
#sys_master  { width:450px; } 
#sys_mc_wrapper    { width:450px; margin:auto;}  
#page_column_1 { min-width:0px; max-width:0px;}
#page_column_2 { min-width:450px; max-width:450px; margin-left: -5px;} 
#page_column_3 { min-width:450px; max-width:450px; margin-left: -5px;} 
#z { display:none;}
#buttonz {display:block; width:430px; margin:auto;}
#sys_main_menu { max-width:450px; } 
.sys_sub_menu { width:450px;}
#sys_mm { max-width:450px;} 
.sys_breadcrumb { max-width:450px; margin:auto; margin-top:8px;} 
.sys_copyright { max-width:450px; margin:auto; margin-top:8px;}
.sys-service-menu-wrp {position: relative; margin-bottom:10px; top: 10px; right: auto; width:400px; margin-left:auto; margin-right:auto;}
#sys_search {position: relative;top: auto;right: auto; left: auto; margin-bottom:10px; }
#sys_ml_wrapper {text-align: center;}

.fileUnit .fileUnitPic  img { width:98%; }

.splashleft { min-width:450px; max-width:450px; margin-left: -5px; float:left;}
.splashright { min-width:450px; max-width:450px; margin-left: -5px;  float:left;}

#page_column_1 { max-height:40px;}
/*r.s*/
#page_block_476 {
	margin-top:800px;
/*	position:absolute;
	left: 200px;
	bottom: 10px;*/

}

#page_block_476 .disignBoxFirst {
	line-height:normal;
	padding-left: 17%;
}
}
 
@media (max-width: 420px) {
.topMenu table { width:275px;  margin:auto;}
#sys_main_logo { width:275px; }
#sys_main_content { width:275px; margin:auto;} 
#sys_main_master_dark { width:275px; margin:auto;}
#sys_master  { width:275px; }  
#sys_mc_wrapper { width:275px; margin:auto;}       
#page_column_1 { min-width:0px; max-width:0px; }
#page_column_2 { max-width:275px; margin-left: -5px; }
#page_column_3 { max-width:275px; margin-left: -5px; }

#x { float:left; }
#y { float:left; }
#z { display:none;}

#buttonz {display:block; width:255px; margin:auto;}

.splashinput { max-width:275px; margin-left: 5px; width:100px; height:20px; font-size:13px; }
.form_input_submit bx-btn { max-width:275px; margin-left: 5px; width:100px; height:20px; font-size:13px; }

#sys_main_menu { max-width:275px;}
.sys_sub_menu { width:275px;} 
#sys_mm { max-width:275px;} 
.sys_breadcrumb { max-width:275px; margin:auto; margin-top:8px;} 
.sys_copyright { max-width:275px; margin:auto; margin-top:8px;}
.sys-service-menu-wrp {position: relative; margin-bottom:10px; top: 10px;right: auto; width:205px; margin-left:auto; margin-right:auto;}
#sys_search {position: relative; top: auto; right: auto; left: auto; margin-bottom:10px; }
#sys_ml_wrapper {text-align: center;}

.fileUnit .fileUnitPic  img { width:98%; }

.splashleft { min-width:275px; max-width:275px; margin-left: -5px; float:left;}
.splashright { min-width:275px; max-width:275px; margin-left: -5px;  float:left; }

#page_column_1 { max-height:180px;}
/*r.s*/
#page_block_478 .bx-btn {
	height: 50px;
	line-height: 44px;
	padding: 0 15px;
	font-size: 35px;
}

}