@charset "utf-8";
* {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
body { background:#000; color:#fff; font-family: 'DIN Pro',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; font-size:15px; line-height:20px; }
#header { background:url(../images/bg.jpg) top center no-repeat; background-size:100% auto;}
.box1400 { max-width:1600px; margin:0 auto; }
h2 { color:#f00;}
#header .kv { background: url(../images/top.png) top center no-repeat; background-size:100% 100%;}
#header .m7 { background: url(../images/top-2.png) top center no-repeat; background-size:100% 100%;}
#header .m5 { background: url(../images/top-3.png) top center no-repeat; background-size:100% 100%;}
area { outline:none; border:none;}
#header h1 { padding:15px 15px 25px 15px; margin:0; }
@media (max-width:767px) {
#header h1 { color:#fff; font-size:50px; text-align:center; font-weight:bold; text-shadow:2px 2px 15px #f00;}
}

@media (min-width:768px) and (max-width:991px) {
#header h1 { color:#fff; font-size:80px; text-align:center; font-weight:bold; text-shadow:2px 2px 15px #f00;}
}

@media (min-width:992px) and (max-width:1199px) {
#header h1 { color:#fff; font-size:100px; text-align:center; font-weight:bold; text-shadow:2px 2px 15px #f00;}
}

@media (min-width:1200px) {
#header h1 { color:#fff; font-size:130px; text-align:center; font-weight:bold; text-shadow:0px 0px 40px #f00;}
}
.m5m7 img { width:65%; margin:0 auto; }

.mouse { background:url(../images/mouse-bg.png) top center no-repeat; background-size:100% 100%; margin-top:-50px; }

.mouse img { text-align:right; margin:0 0 0 auto;}
.mouse .text { padding-top:55px; padding-bottom:40px;}
@media (max-width:767px) {
	.mouse { background:#A30002; margin-top:20px; padding:20px; }
	.mouse .text { padding-top:0; padding-bottom:0;}
	.mouse img { width:70%; margin:0 auto;}
	.m5m7 img { width:85%;  }
}
.box { padding:25px;}

.feature { cursor:pointer;}
.feature h3 { padding:7px 100px 5px 15px; margin:0 0 0 0; background:url(../images/ff-title.png) top right; font-size:16px; float:left;}
.feature .ffbox { background:#ba0008; border:5px solid #9a0000; clear:both; width:100%; float:left; margin-bottom:30px;}
.feature .ffbox .img { padding:0;}
.feature h1 { font-size:24px; padding:5px 0 5px 0; margin:0 0 0 0; letter-spacing:-1px;}
.feature h2 {font-size:18px; color:#FF0000;padding:5px 0 5px 0; margin:0 0 0 0;}
.feature .side { padding:0; margin:0; border-left:1px solid #fff; position:relative;}
.feature .side div { padding:10px 5px; text-align:center;font-size:14px; font-weight:bold; width:100%; height:50%; position:absolute; top:0; left:0;}
.feature .side span { display:block; font-size:12px;font-weight:100;}
.feature .side .f1 {top:0; left:0; border-bottom:1px solid #fff;}
.feature .side .f2 {top:50%; left:0}

@media (max-width:767px) {
.feature .side { padding:0; margin:15px 0 0 0;border:none; border-top:1px solid #fff; position:relative;}
.feature .side div { padding:10px 5px; text-align:center;font-size:14px; font-weight:bold; width:50%; height:100%; position:absolute; top:0; left:0;}
.feature .side .f1 {top:0; left:0;border:none; border-right:1px solid #fff;}
.feature .side .f2 {top:0; left:50%;}
.feature .side img { }
}

.feature .infopic { padding-top:10px;}
.feature:hover .ffbox { box-shadow:0 0 40px #f00; border:5px solid #8b0000;}


.txt2 { padding-top:50px; line-height:25px;}
.txt2 h2 { margin-top:40px;}
.txt3 { line-height:25px; padding-bottom:100px;}


.lan-nav { background:#000; padding-top:10px; height:30px;}
.lan {}
.lan .selectricWrapper { width:270px;}
.selectricWrapper { position: relative; margin: 0 3px 0; width: auto; cursor: pointer; float: left; width: auto; }
.selectricDisabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectricOpen { z-index: 9999; }
.selectricOpen .selectricItems { display: block; }
.selectricHideSelect { position: relative; overflow: hidden; width: 0; height: 0; }
.selectricHideSelect select { position: absolute; left: -100%; display: none; }
.selectricInput { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; _font: 0/0 a; background: none !important; }
.selectricTempShow { position: absolute !important; visibility: hidden !important; display: block !important; }
.selectricOpen .selectric { border-color: #2f2f2f; background: #000000; z-index: 9999; }
.selectric { border: 3px solid #222; background: #000000; position: relative; border-radius: 4px; }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; margin: 0 27px 0 0; padding: 5px 6px; font-size: 12px; line-height: 15px; color: #c80000; min-height: 15px; }
.selectric .button { background: none; border-radius: 0px; display: block; position: absolute; right: 0; top: 0; width: 27px; height: 27px; color: #FC0000; text-align: center; font: 0/0 a;   /* IE Fix */
  *font: 12px/27px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #c80000; border-bottom: none; }
.selectricHover .selectric { border-color: #c80000; }
.selectricHover .selectric .button { color: #f00; }
.selectricHover .selectric .button:after { border-top-color: #fff; }
/* Items box */

.selectricItems { display: none; position: absolute; overflow: auto; top: 100%; left: 0; background: #c80000; border: 1px solid #000; z-index: 999999; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.selectricItems ul, .selectricItems li { list-style: none; padding: 0; margin: 0; min-height: 20px; line-height: 20px; font-size: 12px; }
.selectricItems li { padding: 5px 10px; cursor: pointer; display: block; border-bottom: 0px solid #333; color: #fff; border-top: 0px solid #000; }
.selectricItems li.selected { background: #c80000; color: #fff; border-top-color: #E0E0E0; font-weight: bold; }
.selectricItems li:hover { background: #ff0000; color: #fff; font-weight: bold; }
.selectricItems li.disabled { background: #F5F5F5; color: #BBB; border-top-color: #FAFAFA; cursor: default; }
#mousebundle .lan p { margin-bottom:0;}



/****/
@media (max-width:767px) {

}

@media (min-width:768px) and (max-width:991px) {

}

@media (min-width:992px) and (max-width:1199px) {

}

@media (min-width:1200px) {

}