BossBey File Manager

Editing: main copy.css

@charset "utf-8";
/* CSS Document */

@media (max-width: @screen-xs-max) { 
.container{width:1280px; margin:0 auto;} 
}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.container{width:1280px;} 
body {
margin:0;
padding:0;
/*background:url(../images/bg_body.jpg) repeat-x center top;*/
font-family: "Tahoma";
font-size: 11px;
min-width:1200px !important;
height: auto;}
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
.container{width:1280px;} 
body {
margin:0;
padding:0;
/*background:url(../images/bg_body.jpg) repeat-x center top;*/
font-family: "Tahoma";
font-size: 14px;
min-width:1200px !important;
height: auto;}
 }
@media (min-width: @screen-lg-min) {
.container{width:1280px;} 
body {
margin:0;
padding:0;
/*background:url(../images/bg_body.jpg) repeat-x center top;*/
font-family: "Tahoma";
font-size: 14px;
min-width:1200px !important;
height: auto;}
 }

body {
margin:0;
padding:0;
/*background:url(../images/bg_body.jpg) repeat-x center top;*/
font-family: "Tahoma";
font-size: 14px;
min-width:1200px !important;
height: auto;}
.container{width:1280px; margin:0 auto;}
td {/*vertical-align:top;*/}

.clr { clear:both}
.textb { font-family: "Tahoma"; font-size: 8pt; color: #424242; }
.textw { font-family: "Tahoma"; font-size: 8pt; color: #FFFFFF; }
img {border:none;text-align: center;}

a:link{color:#333333;text-decoration:none;}
a:visited{color:#333333;text-decoration:none;}
a:hover{color:#a229c0; text-decoration: none;}
a:active{color:#a229c0; text-decoration:none;}

#topmenu { width:780px; height:25px; float:left; vertical-align:top; text-align:right; margin:8px 14px 8px 0px;}
.topmenu {
font-family:"mon", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height: 20px;
color: #8c8c8c;}
.topmenu a:link{color:#8c8c8c;text-decoration:none;}
.topmenu a:visited{color:#8c8c8c;text-decoration:none;}
.topmenu a:hover{color:#fff; text-decoration: none;}
.topmenu a:active{color:#fff; text-decoration:none;}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown { position: relative;}
.dropdown-toggle:focus { outline: 0;}
.open .dropdown-toggle {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right { right: 0; left: auto;}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu { display: block;}
.open > a { outline: 0;}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li { position: relative; display: block;}
.nav > li > a {
  position: relative;
  display: block;
  padding: 2px 8px;
}
.nav > li > a:hover,
.nav > li > a:focus {	
  text-decoration: none;
  background-color: #7440e4;
}
.nav-pills > li {  float: left;}
.nav-pills > li > a { border-radius: 4px;}
.nav-pills > li + li { margin-left: 16px;}
.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus { color: #fff; background-color: #7440e4;}
./*nav-pills > .active > a > .badge { color: #7440e4; background-color: #fff;}
.nav-pills > li > a > .badge { margin-left: 3px;}*/

#left-menu {width:860px; height:30px; float:right; vertical-align:top; text-align:right; margin:65px 10px 23px 0px;}
#leftmenu { width:860px; height:30px; float:right; vertical-align:top; text-align:right; margin:65px 10px 23px 0px;}
.leftmenu {
font-family:"mon", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height: 20px;
color: #4e4e4e;}
.leftmenu a:link{color:#4e4e4e;text-decoration:none;}
.leftmenu a:visited{color:#4e4e4e;text-decoration:none;}
.leftmenu a:hover{color:#7645e2; text-decoration: none;}
.leftmenu a:active{color:#7645e2; text-decoration:none;}
.leftmenu-nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.leftmenu-nav > li { position: relative;/* display: block;*/}
.leftmenu-nav > li > a {
  position: relative;
  display: block;
  padding: 2px 8px;
}
.leftmenu-nav > li > a:hover,
.leftmenu-nav > li > a:focus { 
   background-color:#e0e0e0;
  text-decoration: none;
}
.leftmenu-pills > li { float:right;}
.leftmenu-pills > li > a { border-radius: 4px;}
.leftmenu-pills > li + li { margin:0px 10px;}
.leftmenu-pills > li.active > a,.leftmenu-pills > li.active > a:hover,.leftmenu-pills > li.active > a:focus { color: #fff; background-color: #4e4e4e;}

#search { width:224px; height:28px; float:left; vertical-align:top; margin:5px 10px 6px 0px; border:1px #c6c6c6 solid; background-color:#fff;}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1; padding:6px 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-search:before { content: "\f002"; cursor:pointer;}
.form-search {
width:195px;
height:18px;
border:1px #fff solid;
color:#666666;
font-size:11px;
font-weight:normal;
margin:6px 0px 6px 6px;
vertical-align:top;}

.form-newsletter {
float:left;
width:310px;
height:37px;
border:1px #e2e2e2 solid;
color:#666666;
font-size:11px;
font-weight:normal;
padding:10px;
vertical-align:top; margin:5px;}

.btn-send { width:74px; height:37px; float:left; vertical-align:top; text-align:center; font-size:16px; color:#fff; background-color:#000;border:none; margin:5px;}
.btn-send:hover {background-color:#484848;}
/** icon **/
.fa-envelope-1:before { content: "\f0e0";}
.fa-map-marker:before { content: "\f041";}
.fa-globe:before { content: "\f0ac";}
.fa-square:before { content: "\f0c8";}
.fa-facebook-square:before { /*content: "\f09a"*/; background-color:#000; padding:5px;border-radius: 4px; color:#fff}

.content1 {
font-family: "Tahoma";
font-size: 10pt;
color: #333333;}
.content1 a:link{color:#333333;text-decoration:none;}
.content1 a:visited{color:#333333;text-decoration:none;}
.content1 a:hover{color:#a229c0; text-decoration: none;}
.content1 a:active{color:#a229c0; text-decoration:none;}
.link {font-family: "Tahoma"; font-size: 8pt; text-decoration:none; color: #a229c0; }

/* Footer */
#footer { background:#34196d;width:100%; height: auto; float:left; padding:15px 0px; min-width:1280px;}
.footer { width:1280px; height:auto; margin:0 auto; text-align:center;
font-family: Tahoma;
font-size: 9pt;
color: #c4a9fd;
vertical-align:top;
line-height: 19px;}
.footer a:link{color:#c4a9fd;text-decoration:none;}
.footer a:visited{color:#c4a9fd;text-decoration:none;}
.footer a:hover{color:#fff; text-decoration: underline;}
.footer a:active{color:#fff; text-decoration:none;}
.footer-menu  li{display:inline; font-weight:bold;margin:0;padding:2em;}

.sys-row { width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}

/** products **/
.sys-products h1 { font-size:16pt;font-weight:bold;margin-bottom:10px; padding:0;}
.sys-products h1:hover, h1:active{ color:#a229ca;}
.sys-products h2 {color:#666b6f; font-size:14pt; font-weight:bold; margin-bottom:10px; padding:0;}
.sys-products h2:hover, h2:active{ color:#a229ca;}

.sys-products { width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
.sys-products .date, .mdate, .viewed{ color:#666b6f; font-size:9pt;}
.sys-products .top { width:100%; height:auto; float:left; vertical-align:top;}
.sys-products .body{ width:100%; height:auto; margin:0 auto;}
.sys-products .lists{ width:100%; height:auto; margin:0 auto; list-style:none;}
.sys-products .lists-item { text-align:center;margin-bottom:15px;}
.sys-products .body .row { margin:0; padding:0}
.sys-products .lists-item .label { float:left; font-weight:normal;font-size: 100%;}
.sys-products .lists-item .label-sale{position:absolute;right:30px; top:180px;background:none repeat scroll 0% 0% #fd82a5;color:#fff; font-size:16px;text-align:center;padding:14px 4px;border-radius: 50px; z-index:99;}
.sys-products .lists-item .label-new {position:absolute; right:30px; top:180px;background: none repeat scroll 0% 0% #7641e7;color:#fff;font-size:16px;text-align:center;padding:14px 5px;border-radius: 50px; z-index:99;}
.sys-products .lists-item .body-image  { width:100%; height:auto; float:left;text-align:center}
.sys-products .lists-item .body-image img  { position:relative; max-width:100%; max-height:100%}
.sys-products .lists-item .stroke {  width:100%;border-bottom:2px #fd638f solid; margin:5px 0px; float:left}
.sys-products .lists-item .addtocart,.zoomimage { display:inline;}
.sys-products .label .zoomimage { position: absolute; border-bottom:0; right:20px; top:230px; z-index:99}
.sys-products .footer{width: 100%; float:left; margin:10px 0px;}
.sys-products .column-left{ text-align:left;}
.sys-products .price { color:#b163a5;font-size:18px; font-weight:bold;}
.sys-products .price.disable { color:#C7C7C7;font-size:16px; text-decoration: line-through; }
.sys-products .discount { color:#b163a5;font-size:18px; font-weight:bold;}
.sys-products .discount.disable { display: none;}
.sys-products .member-price { color:#b163a5;font-size:18px; font-weight:bold;}
.sys-products .member-price.disable { color:#C7C7C7;font-size:16px; text-decoration: line-through; }
.sys-products .member-discount { color:#b163a5;font-size:18px; font-weight:bold;}
.sys-products .member-discount.disable { display: none;}
.sys-products .color{ padding: 5px 15px 5px 15px; }
.sys-products .color .select-product-color{ margin: 0px; padding: 0px;}
.sys-products .color .select-product-color li { margin-left: 2px; margin-right: 2px; margin-bottom: 4px; padding: 10px; float: left; display: block; border: 1px #C7C7C7 solid; border-radius: 2px 2px 2px 2px ; cursor: pointer; }

.sys-products .lists-item .border {border: 1px solid #cacaca;padding:10px; margin:10px 0px; text-align:left;}
.sys-products .border-right { border-right:1px solid #cacaca; padding:10px;}

.sys-products .border-thumbnail {position: relative;border: 1px solid #fff;cursor: auto;padding:0px 10px 10px 10px; margin:0px 5px 20px 5px;}
.sys-products .border-thumbnail > img,
.sys-products .border-thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
  height: auto;}  
.sys-products .border-thumbnail:hover, 
.sys-products .border-thumbnail:focus,
.sys-products .border-thumbnail.active { border: 1px solid #cacaca;border-radius:0px;border-color: #cacaca;}

.sys-products .fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1; padding:6px 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.sys-products .fa-shopping-cart:before { content: "\f07a"; color:#C7C7C7}
.sys-products .fa-search-plus:before {content: "\f00e";}
.sys-products .fa-icon1x { font-size: 1.5em; padding:0; margin:0}

.sys-products .btn { border-radius: 0px;}
.sys-products .btn-lg { padding: 10px 16px; line-height: 1.33; border-radius: 0px; border:none;}
.sys-products .lists .btn-addtocart {
  color: #6a6a6a;
  height:40px;
  background-color: #f7f7f9;
  border:1px  #ededed solid;
    text-shadow: none;
	vertical-align:baseline;
  -webkit-box-shadow:none;
   box-shadow:none;
  background-image:none;font-size:10pt; font-weight:bold;}
.sys-products .lists .btn-addtocart:hover,
.sys-products .lists .btn-addtocart:focus,
.sys-products .lists .btn-addtocart:active,
.sys-products .lists .btn-addtocart.active,
.sys-products .lists .open .lists .btn-addtocart {
  color: #fefefe;
  background-color: #ff8c6d;
  border-color: #ff8c6d;}
 
.sys-products .lists .btn-icon {
  color: #6a6a6a;
  height:40px;
  background-color: #f7f7f9;
  border:1px  #ededed solid;
    text-shadow: none;
	vertical-align:baseline;
  -webkit-box-shadow:none;
   box-shadow:none;
  background-image:none;font-size:10pt; font-weight:bold;}
.sys-products .lists .btn-icon:hover,
.sys-products .lists .btn-icon:focus,
.sys-products .lists .btn-icon:active,
.sys-products .lists .btn-icon.active,
.sys-products .lists .open .lists .btn-icon {
  color: #fefefe;
  background-color: #ff8c6d;
  border-color: #ff8c6d;}
  
/* product */
.sys-product h1 { font-size:16pt;font-weight:bold;margin-bottom:10px; padding:0;}
.sys-product h1:hover, h1:active{ color:#a229ca;}
.sys-product h2 {color:#666b6f; font-size:14pt; font-weight:bold; margin-bottom:10px; padding:0;}
.sys-product h2:hover, h2:active{ color:#a229ca;}

.sys-product { width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
.sys-product .date, .mdate, .viewed{ color:#666b6f; font-size:9pt;}
.sys-product .top { width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
.sys-product .body { width:100%; height:auto; margin:0 auto;}
.sys-product .product-detail, .product-related{ width:100%; float:left}
.sys-product .lists{ width:100%; height:auto; margin:0 auto; list-style:none;}
.sys-product .lists-item { text-align:center;margin-bottom:15px;}
.sys-product .body .row { margin:0; padding:0}
.sys-product .main-image{border: 1px solid #cacaca;border-radius:0px;border-color: #cacaca;padding:10px; margin:0px 5px 20px 5px;}
.sys-product .body-main-image  { width:100%; height:auto; float:left;text-align:center}
.sys-product .body-main-image img  { position:relative; max-width:100%; max-height:100%;}
.sys-product .label { float:left; font-weight:normal;font-size: 100%;}
.sys-product .label-sale{position:absolute;right:30px; top:180px;background:none repeat scroll 0% 0% #fd82a5;color:#fff; font-size:16px;text-align:center;padding:14px 4px;border-radius: 50px; z-index:99;}
.sys-product .label-new {position:absolute; right:30px; top:180px;background: none repeat scroll 0% 0% #7641e7;color:#fff;font-size:16px;text-align:center;padding:14px 5px;border-radius: 50px; z-index:99;}
.sys-product .detail-text { width:100%; height:auto; float:left; margin:15px 0px;border-top: 2px solid #cacaca; padding:15px 0px;}
.sys-product .social-share { width:100%; height:auto; float:left; margin:10px 0px;}
.sys-product .price { color:#b163a5;font-size:18px; font-weight:bold;}

.sys-product .thumbnails { width:100%;padding:0; margin:0; list-style:none}
.sys-product .pre-thubmnails { width:10%; display:block; float:left;}
.sys-product .body-thubmnails { width:80%;display:block; float:left;}
.sys-product .sub-thumbnails { width:10%; display:block; float:left;}
.sys-product .body-thubmnails .thumb2 { width:100%; height:100%; display: inline-block; overflow:hidden; padding-left:9%;}
.sys-product .body-thubmnails .thumb2 .thumbnail  {
	float:left;
	display: block;
	width: 40%;
	border: none;
	 box-shadow: none;
  margin-left:1%; margin-right:1%;
  padding:1%;
  -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out}
.sys-product .body-thubmnails .thumb2 .thumbnail img {max-width: 98%; width:98%;border: 1px solid #cacaca;}

.sys-product .body-thubmnails .thumb3 { width:100%; height:100%; display: inline-block; overflow:hidden;}
.sys-product .body-thubmnails .thumb3 .thumbnail  {
	float:left;
	display: block;
	width: 31.33%;
	border: none;
	 box-shadow: none;
  margin-left:1%; margin-right:1%;
  padding:1%;
  -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out}
.sys-product .body-thubmnails .thumb3 .thumbnail img {max-width: 98%; width:98%;border: 1px solid #cacaca;}

.sys-product .body-thubmnails .thumb4 { width:100%; height:100%; display: inline-block; overflow:hidden;}
.sys-product .body-thubmnails .thumb4 .thumbnail  {
	float:left;
	display: block;
	width: 23%;
	border: none;
	 box-shadow: none;
  margin-left:1%; margin-right:1%;
  padding:1%;
  -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out}
.sys-product .body-thubmnails .thumb4 .thumbnail img {max-width: 98%; width:98%;border: 1px solid #cacaca;}

.sys-product .body-thubmnails .thumb5 { width:100%; height:100%; display: inline-block; overflow:hidden;}
.sys-product .body-thubmnails .thumb5 .thumbnail  {
	float:left;
	display: block;
	width: 18%;
	border: none;
	 box-shadow: none;
  margin-left:1%; margin-right:1%;
  padding:1%;
  -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out}
.sys-product .body-thubmnails .thumb5 .thumbnail img {max-width: 98%; width:98%;border: 1px solid #cacaca;}

.sys-product .fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1; padding:6px 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.sys-product .fa-shopping-cart:before { content: "\f07a"; color:#f7f7f9}
.sys-product .fa-search-plus:before {content: "\f00e";}
.sys-product .fa-icon1x { font-size: 1.5em; padding:0; margin:0}

/** social-share **/
.sys-product .fa-facebook{ content: "\f09a";background: none repeat scroll 0% 0% #8f8f8f; margin: 8px auto;padding:8px 12px; text-align:center; color:#fff;border-radius:50px; font-size:13pt}
.sys-product .fa-facebook:hover {background-color:#2287de;border-radius:100px}
.sys-product .fa-twitter{ content: "\f099";background: none repeat scroll 0% 0% #8f8f8f; margin: 8px auto;padding:8px 9px; text-align:center; color:#fff;border-radius:50px; font-size:13pt}
.sys-product .fa-twitter:hover {background-color:#3ad3fa;border-radius:100px}
.sys-product .fa-envelope{ content: "\f0e0";background: none repeat scroll 0% 0% #8f8f8f; margin: 8px auto; padding:8px 9px; text-align:center; color:#fff;border-radius:50px; font-size:13pt}
.sys-product .fa-envelope:hover {background-color:#e6be34;border-radius:100px}
.sys-product .fa-pinterest{ content: "\f0d2";background: none repeat scroll 0% 0% #8f8f8f; margin: 8px auto; padding:8px 9px; text-align:center; color:#fff;border-radius: 50px; font-size:13pt}
.sys-product .fa-pinterest:hover {background-color:#db0000;border-radius:100px}
.sys-product .fa-google-plus{ content: "\f0d5";background: none repeat scroll 0% 0% #8f8f8f; margin: 8px auto; padding:8px 9px; text-align:center; color:#fff;border-radius: 50px; font-size:13pt}
.sys-product .fa-google-plus:hover {background-color:#f85843;border-radius:100px}

.sys-product .btn { border-radius: 0px;}
.sys-product .btn-lg { padding: 10px 16px; line-height: 1.33; border-radius: 0px; border:none;}
.sys-product .body .btn-addtocart {
  color: #6a6a6a;
  height:40px;
  background-color: #f7f7f9;
  border:1px  #ededed solid;
    text-shadow: none;
	vertical-align:baseline;
  -webkit-box-shadow:none;
   box-shadow:none;
  background-image:none;font-size:10pt; font-weight:bold;}
.sys-product .body .btn-addtocart:hover,
.sys-product .body .btn-addtocart:focus,
.sys-product .body .btn-addtocart:active,
.sys-product .body .open .lists .btn-addtocart {
  color: #fefefe;
  background-color: #ff8c6d;
  border-color: #ff8c6d;}
 
.sys-product .body .btn-icon {
  color: #6a6a6a;
  height:40px;
  background-color: #f7f7f9;
  border:1px  #ededed solid;
    text-shadow: none;
	vertical-align:baseline;
  -webkit-box-shadow:none;
   box-shadow:none;
  background-image:none;font-size:10pt; font-weight:bold;}
.sys-product .body .btn-icon:hover,
.sys-product .body .btn-icon:focus,
.sys-product .body .btn-icon:active,
.sys-product .body .open .lists .btn-icon {
  color: #fefefe;
  background-color: #ff8c6d;
  border-color: #ff8c6d;}

/** pagination **/
.sys-pagination { width:100%; height:auto; float:left;}
.sys-pagination .body { width:100%; height:auto; text-align:right; margin:5px 0px;}
.sys-pagination .footer { width:100%; height:auto; float:left;}
.sys-pagination .body .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px 15px;
  border-radius: 4px;
}
.sys-pagination .body .pagination > li {
  display: inline;
}
.sys-pagination .body .pagination > li > a,
.sys-pagination .body .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #484848;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.sys-pagination .body .pagination > li > a:hover,
.sys-pagination .body .pagination > li > span:hover,
.sys-pagination .body .pagination > li > a:focus,
.sys-pagination .body .pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.sys-pagination .body .pagination > .active > a,
.sys-pagination .body .pagination > .active > span,
.sys-pagination .body .pagination > .active > a:hover,
.sys-pagination .body .pagination > .active > span:hover,
.sys-pagination .body .pagination > .active > a:focus,
.sys-pagination .body .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #484848;
  border-color: #484848;}

/* event */
.sys-events h1 { font-size:16pt;font-weight:bold;margin-bottom:10px; padding:0;}
.sys-events h1:hover, h1:active{ color:#a229ca;}
.sys-events h2 { color:#666b6f; font-size:16px; font-weight:bold}
.sys-events h2:hover, h2:active{ color:#a229ca;}

.sys-events {width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
.sys-events .date, .mdate, .viewed{ color:#666b6f; font-size:9pt;}
.sys-events .top { width:100%; height:auto; float:left; vertical-align:top;}
.sys-events .body{ width:100%; height:auto; margin:0 auto;}
.sys-events .lists{ width:100%; height:auto; margin:0 auto; list-style:none;}
.sys-events .lists-item {float:left;text-align:left; margin-bottom:15px;}
.sys-events .body .row {margin:0; padding:0}
.sys-events .lists-item .body-image { width:100%; height:auto; float:left;text-align:left; margin-bottom:5px;}
.sys-events .lists-item .body-image img{ position:relative; max-width:100%; max-height:100%;padding:2%;border: 1px solid #c0c0c0;}
.sys-events .lists-item .border {border-bottom: 1px dotted #cacaca;padding:15px; margin:5px 0px;}

.sys-events .btn { border-radius: 0px;}
.sys-events .btn-lg { padding: 5px; line-height: 1.33; border-radius: 0px; border:none;}
.sys-events .btn-readmore {
  color: #222;
  height:auto;
  background-color: #8c8c8c;
  border:1px  #828282 solid;
    text-shadow: none;
	vertical-align:baseline;
  -webkit-box-shadow:none;
   box-shadow:none;
  background-image:none;font-size:8pt; font-weight:bold;}
.sys-events .btn-readmore:hover,
.sys-events .btn-readmore:focus,
.sys-events .btn-readmore:active,
.sys-events .open .lists .btn-readmore {
  color: #fefefe;
  background-color: #ff8c6d;
  border-color: #ff8c6d;}

/* event */
.sys-event h1 { font-size:16pt;font-weight:bold;margin-bottom:10px; padding:0;}
.sys-event h1:hover, h1:active{ color:#a229ca;}
.sys-event h2 { color:#666b6f; font-size:16px; font-weight:bold}
.sys-event h2:hover, h2:active{ color:#a229ca;}

.sys-event {width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
.sys-event .date, .mdate, .viewed{ color:#666b6f; font-size:9pt;}
.sys-event .top { width:100%; height:auto; float:left; vertical-align:top;}
.sys-event .body{ width:100%; height:auto; margin:0 auto;}
.sys-event .lists{ width:100%; height:auto; margin:0 auto; list-style:none;}
.sys-event .lists-item {text-align:left;margin-bottom:20px;}
.sys-event .body .row {margin:0; padding:0}
.sys-event .lists-item .body-image { width:100%; height:auto; margin:0 auto;}
.sys-event .lists-item .body-image img{ position:relative; max-width:100%; max-height:100%;padding:1%;border: 1px solid #c0c0c0;}
.sys-event .border {border-bottom: 1px dotted #cacaca;padding:15px; margin:5px 0px;}

/** galleries **/
.sys-galleries h1 { font-size:16pt;font-weight:bold;margin-bottom:10px; padding:0;}
.sys-galleries h1:hover, h1:active{ color:#a229ca;}
.sys-galleries h2 { color:#666b6f; font-size:16px; font-weight:bold}
.sys-galleries h2:hover, h2:active{ color:#a229ca;}

.sys-galleries {width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
.sys-galleries .date, .mdate, .viewed{ color:#666b6f; font-size:9pt;}
.sys-galleries .top { width:100%; height:auto; float:left; vertical-align:top;}
.sys-galleries .body{ width:98%; height:auto; margin:0 auto;}
.sys-galleries .lists{ width:100%; height:auto; margin:0 auto; list-style:none;}
.sys-galleries .lists-item {text-align:center;margin-bottom:20px;}
.sys-galleries .body .row {margin:0; padding:0}
.sys-galleries .border {border-bottom: 1px dotted #cacaca;padding:15px; margin:5px 0px; text-align:left;}
.sys-galleries .lists-item .body-image  { width:100%; height:auto; float:left;text-align:center}
.sys-galleries .lists-item .body-image img  { position:relative; max-width:100%; max-height:100%;padding:2%;border: 1px solid #c0c0c0;}

.sys-galleries .btn { border-radius: 0px;}
.sys-galleries .btn-lg { padding: 5px; line-height: 1.33; border-radius: 0px; border:none;}
.sys-galleries .btn-readmore {
  color: #222;
  height:auto;
  background-color: #8c8c8c;
  border:1px  #828282 solid;
    text-shadow: none;
	vertical-align:baseline;
  -webkit-box-shadow:none;
   box-shadow:none;
  background-image:none;font-size:8pt; font-weight:bold;}
.sys-galleries .btn-readmore:hover,
.sys-galleries .btn-readmore:focus,
.sys-galleries .btn-readmore:active,
.sys-galleries .open .lists .btn-readmore {
  color: #fefefe;
  background-color: #ff8c6d;
  border-color: #ff8c6d;}

/**  gallery **/
.sys-gallery h1 { font-size:16pt;font-weight:bold;margin-bottom:10px; padding:0;}
.sys-gallery h1:hover, h1:active{ color:#a229ca;}
.sys-gallery h2 { color:#666b6f; font-size:16px; font-weight:bold}
.sys-gallery h2:hover, h2:active{ color:#a229ca;}

.sys-gallery {width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
.sys-gallery .date, .mdate, .viewed{ color:#666b6f; font-size:9pt;}
.sys-gallery .top { width:100%; height:auto; float:left; vertical-align:top;}
.sys-gallery .body{ width:100%; height:auto; margin:0 auto;}
.sys-gallery .body-image  { width:100%; height:auto; float:left;text-align:left}
.sys-gallery .body-image img { position:relative; max-width:100%; max-height:100%;padding:1%;border: 1px solid #c0c0c0;}

/** clips **/
 .sys-clips { width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
 .sys-clips .img-title {width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
.sys-clips .lists{width: 50%;position: relative; float:left;min-height: 1px; padding:0px 15px; margin-bottom:20px;}
.sys-clips .title { color:#666b6f; font-size:11pt; font-weight:bold;}
.sys-clips .content-date {color:#666b6f; font-size:9pt; margin-bottom:15px;}
.sys-clips .content{color:#2c2c2c; font-size:11pt; font-weight: normal;}
.sys-clips .detail{ width:50%;float:left; vertical-align:top; text-align:left}
.sys-clips .clips_img  {
  float:left;
  text-align:left;
  padding:8px;
  max-width: 100%;
  height: auto;
  margin:0px 15px 15px 0px;
  border: 1px solid #c0c0c0;} 
  
  /** webboard **/
 .sys-webboards { width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
 .sys-webboards .img-title {width:100%; height:auto; float:left; vertical-align:top; margin:10px 0px}
 .sys-webboards .lists{width: 100%;position: relative; float:left;min-height: 1px; padding:0px 15px; margin-bottom:20px;}
 .sys-webboards .title { color:#666b6f; font-size:11pt; font-weight:bold;}
.sys-webboards .content-date {color:#666b6f; font-size:9pt; margin-bottom:15px;}
.sys-webboards .content{color:#2c2c2c; font-size:11pt; font-weight: normal;}
/* .sys-webboards .detail{ float:left; vertical-align:top; text-align:left}*/
 .sys-webboards ul.detail { 
	list-style:none; 
	width:100%;
	height:auto;
	float:left;  
  	position: relative;
  	min-height: 1px;
  	padding-right: 15px;
  	padding-left: 15px;}
 .sys-webboards ul.detail li {
	float:left;
	background:url(../images/ico_webboard.png) top left no-repeat;
	 width:32%;
	 height:auto;
	 padding:0px 0px 5px 25px;
	 border-bottom:#9c9c9c 1px dotted;
	 margin: 0.5em 0.5em; }
 
/** main **/
#main { width:1280px; height:auto; margin:0 auto;}
#ban1{ width:380px; height:117px; float:left; vertical-align:top; margin:0px 20px 1px 10px;}
#ban2 { width:1280px; height:auto; float:left; vertical-align:top;}
#ban3 { width:1280px; height:auto; float:left;margin:15px 0px 30px 0px;}
#detail { width:1280px; height:auto; float:left; vertical-align:top;}

#box_footer1 { width:1280px; height:auto; float:left; vertical-align:top;}
#box_f1 { width:460px; height:auto; float:left; vertical-align:top;margin:10px;}
#box_f2 { width:380px; height:auto; float:left; vertical-align:top; margin:10px;}
#box_f3 { width:220px; height:auto; float:left; vertical-align:top; margin:10px;}
#box_f4 { width:300px; height:auto; float:left; vertical-align:top; margin:10px;}
#dotX { background:url(../images/dotX.gif) center top repeat-x; width:100%; height:21px; float:left; vertical-align:top; margin:10px 0px;}
#flag { width:140px; height:18px; float:left; vertical-align:top; margin:11px 100px 12px 10px; text-align:left;}

.form_newsletter { width:300px; height:auto; border:1px #ededed solid; padding:10px 5px}
.btn_send { background-color:#000000; padding:10px 20px; border:none; color:#fff}
.btn_send:hover {color:#ffd200}

Cancel