/* CSS Document */

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#8a8a8a; line-height:20px;    background: #E6E6E6; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; color:#8a8a8a;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {	color:#8a8a8a; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .search-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1000px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

#gotop { display: none; position: fixed; right:25px; bottom:25px; cursor: pointer; }
#gotop a { text-align: center;display:inline-block; width:30px; height:30px; border-radius:100%; padding-top:6px; color:#fff; opacity:0.5;  filter: alpha(opacity=50); background:#000;}
#gotop a:hover { color:#fff; opacity:1;  filter: alpha(opacity=80);}

.top-Box {padding-top:31px;background: #FFF;}
.logo { position:relative; z-index:1040; float:left; padding-left:10px;}


.banner { line-height:0;}
.owl-controls { }

.index-main {}
.index-about , .index-product, .index-dm{ display:table-cell; vertical-align:top; padding:30px 0 15px 0;}
.index-about { width:33%; background:#f8f8f8; padding-left: 25px; padding-right: 25px;} 
.index-product { width:42%; background:#e6e6e6;}
.index-dm { width:25%; background:#f8f8f8; padding-left: 25px; padding-right:25px;}
h1 { font-size:20px; /* text-transform:uppercase */; color:#454545; padding-bottom:10px; font-weight:normal; border-bottom:1px solid #d1d1d1; margin-bottom:10px;}
.btn01 { display:inline-block; min-width:133px; height:34px; line-height:32px; text-align:center; background:#ac9020; color:#fff; text-transform:uppercase; font-size:13px; border-radius:5px; margin:20px 0;}
.btn01:hover { background:#cd2739; color:#fff;}
.index-product-left { padding-right:17px;}
.index-product-left span { display:block; padding-left:20px;}
.index-product-title { background:url(../images/index-pro-title.png) no-repeat; height:46px; color:#fff; text-shadow: 2px 2px 8px #000; padding:8px 0 0 15px; /*text-transform:uppercase */; font-size:19px;}
.index-product-right { padding: 10px 0 0 15px;}
.index-dm-title { position:relative; /* text-transform:uppercase*/; color:#ac9020; font-size:18px;  margin-top:24px; border-top:1px solid #cecece;text-align: right;}
.index-dm-more {
    top: 0;
    right: 0;
    color: #686868;
    font-size: 14px;
    text-transform: lowercase;
}
.idx_ebook_qr{text-align: right;}
.idx_ebook_qr a{transition: all .3s;}
.idx_ebook_qr a:hover {opacity: 0.8;}
.idx_ebook_qr img {width: 60px;}
.index-dm-pto { text-align:center;}
.index-dm-pto img {
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);}

.switch{ display: none; }

@media only screen and (max-width:1005px) {
	body {	background: #FFF; }

}

@media only screen and (max-width:830px) {
#content {	    margin-top: 48px; }
.switch{ display: block; }

}

@media only screen and (max-width: 768px) {
.index-about , .index-product, .index-dm { display:block; width:100%;}
.index-product-left { width:70%;}
.index-product-right { width:70%;}
}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 570px) {

}

@media only screen and (max-width: 414px) {

.index-product-left { width:100%;}
.index-product-right { width:100%; text-align:center;padding:1%;}
}

@media only screen and (max-width: 320px) {

}