/* ++++++++++++++++++++++++++++++++ */
/* ++++20180604_追加++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++ */
.ipad-list #wowslider-container1{
	margin:50px 0 0 0;
}
.ws_bullets img{
	width:90px;
}
@media (max-width:768px) {	
.navbar-nav a{
	opacity: 1!important;
}	
.navbar-nav a:hover:after,
.navbar-nav a:active:after,
.navbar-nav a:focus:after{
	opacity: 1!important;
}
.navbar-nav a:hover,
.navbar-nav a:active,
.navbar-nav a:focus{
	opacity: 1!important;
}

.dropdown{
	opacity: 1!important;
    filter: 1!important;
}


.navbar-header{
	padding:0 0 0 20px;
}
.navbar-collapse{
	padding:0!important;
	margin:0!important;
}
.dropdown-menu>li>a{
	display:inherit!important;
}
.navbar-toggle{
	margin:8px 0 8px 0!important;
}
.product_01{
	background:#dbdcdc;
	padding:10px 10px 0 10px;
}
}



/* ++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++ */


@font-face { 
        font-family: 'myriadsetpro'; 
		src: url('../fonts/myriadsetpro.eot'); 
		src: url('../fonts/myriadsetpro.eot?#iefix') 
		     format('embedded-opentype'), 
			 url('../fonts/myriadsetpro.woff')  format('woff'),  
			 url('../fonts/myriadsetpro.ttf')  format('truetype'), 
			 url('../fonts/myriadsetpro.svg#SingleMaltaRegular') format('svg'); 
	    font-weight: normal; 
	    font-style: normal; 
}
@font-face { 
        font-family: 'montserrat-regular'; 
		src: url('../fonts/montserrat-regular.eot'); 
		src: url('../fonts/montserrat-regular.eot?#iefix') 
		     format('embedded-opentype'), 
			 url('../fonts/montserrat-regular.woff')  format('woff'),  
			 url('../fonts/montserrat-regular.ttf')  format('truetype'), 
			 url('../fonts/montserrat-regular.svg#SingleMaltaRegular') format('svg'); 
	    font-weight: normal; 
	    font-style: normal; 
}
body{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666;}
h1{ font-size:28px;}
h3{ font-size:18px;}
h4{ font-size:16px; font-weight:normal;}
a{ color:#666}
a:hover{ color:#333;text-decoration:none;}
.margin-tb20{ margin-top:20px; margin-bottom:20px;}
.margin-t20{ margin-top:20px;}
.margin-r10{ margin-right:10px;}
.white-size{ color:#fff;}
.black-size{ color:#333;}
.b-radius{ border-radius:50px;}
.text-del{ text-decoration:line-through;}
.font12{ font-size:12px;}
.font11{ font-size:10px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font36{font-size: 45px;}
.big-size{ font-size:180%; color:#666;}
.r-line{ border-right:1px solid #666;}
.l-line{ border-left:1px solid #666;}
.white-size{ color:#fff;}
.black-size{ color:#c8c8c8;}
.purple-size{ color:#7162a3}
.form-control:focus {
    border-color: #7162a3;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(113, 98, 163, 0.075) inset, 0px 0px 8px rgba(113, 98, 163, 0.6);
}
.bg-purple{background:#7162a3; color:#fff;}
.bg-white{ background:#fff;}
.container{ width:1008px; padding:0;}


/*------------------------------------*\
              index 
\*------------------------------------*/
.header{ background: rgba(25, 23, 20, 0.75) !important; background: #191714; filter: alpha(opacity=75);}
.header .navbar-default{ background:none; border:none;}
.header .navbar{ min-height:inherit; margin-bottom:0;}
.header .navbar-brand{ height:auto; padding:0; }
.header .navbar-nav > li > a{ line-height:50px; padding:0 20px;}
.header .navbar-default .navbar-nav > li > a{ color:#fff; font-size:16px; }
.navbar-default .navbar-nav > li > a:focus,.header .navbar-default .navbar-nav > li > a:hover{color:#999; }
/*.header .bg{ width:130px; background:#1e1e1e; height:60px; margin-top:10px;}*/
.header .navbar-default .navbar-nav > .open > a,
.header .navbar-default .navbar-nav > .open > a:focus, 
.header .navbar-default .navbar-nav > .open > a:hover{ background:none; color:#999;}
.header .left{ top:-7px; left:160px; height:160px; border-radius:0; background: rgba(238, 238, 238, 1) !important;}
.header .left a{ color:#333;}
.header .left a:hover{ background:none; color:#7162a3;}
.header .dropdown-menu { border:0; box-shadow:0 0 0;}
.header .navbar-nav{ float:right;}
.header .navbar-nav .btn{background:#ec1705; padding:3px 10px; border-radius:5px; display:block; line-height:24px; margin:10px 0 0 10px;}
.header .navbar-default .navbar-nav > li >.btn:hover{background:#c61705; color:#fff;}
/*menu*/
.dropdown-menu { line-height:32px; padding:10 20px;  background: rgba(25, 23, 20, 0.75) !important; background: #191714; filter: alpha(opacity=75);}
.dropdown-menu > li{ margin-bottom:10px;}
.dropdown-menu > li > a{ color:#fff;}
.dropdown-menu > li:hover a{ color:#333;}
/*banner*/
.banner{/* margin-top:49px;*/}
.banner .carousel-indicators{ width: auto; height:25px; left:75%; bottom: 24px; padding:0px 8px;}
.banner .carousel-indicators li{ border-radius:50px; background:#ddd; border:1px solid #524989; }
.banner .carousel-indicators .active{background:#524989; opacity:1; border:1px solid #524989;}
.banner .carousel-indicators li ,.banner .carousel-indicators .active{width:15px; height:15px; margin:10px;}
.carousel-control { width: 56px; height: 56px; opacity:0.5; background:#333; line-height:56px; text-align:center; border-radius:50px; }
.carousel-control :hover{opacity:0.8;}
.carousel-inner >.item .big-bn{width:100%; height:100%; display: block;
background-size: cover !important;
-webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; }
.carousel-inner >.item .ipad-bn{ display:none;}
.carousel-control.left{ top:50%; left:20px;}
.carousel-control.right{top:50%; right:20px;}
.banner .bg-purple:hover{ background:#714EA3;}
/*bn-info*/
.bn-info1 ,.bn-info2 ,.bn-info3 ,.bn-reddot{ width:360px;}
.bn-info1{ position:absolute; color:#fff; right:28%; top:44%;  font-size:20px;}
.bn-info1 p{ text-align:left; }
.banner h1{ font-size:40px;}
.bn-info1 a ,.bn-info2 a{ margin-right:50px;}
.bn-info1 .bg-purple ,.bn-info2 .bg-purple{ margin-top:20px;}
.banner .bg-purple{ color:#fff; font-size:16px; padding:5px 10px; }
.bn-info1 .bg-purple:hover ,.bn-info2 .bg-purple:hover{ background:#5d5184;}
.bn-info2{ position:absolute; color:#000;  top:18%; left:32%;  }
.bn-info2 p{ font-size:20px;}
.bn-info3{ position:absolute; color:#fff; top:32%; right:25%;font-size:20px;}
.bn-reddot{ position:absolute; color:#fff; bottom:20%; right:5%;font-size:20px;}
/*bn-warranty*/
.bn-warranty{ position:absolute; right:8%; top:24%;  width:460px; height:440px; color:#fff; text-align:center; padding:20px;border-radius:10px; background: rgba(0, 0, 0, 0.2) !important; background: #000; filter: alpha(opacity=20);}
.bn-warranty h1{font-size:72px; margin:0; padding:0; }
.bn-warranty h3{ margin:0;}
.bn-warranty .bg-purple{ padding:10px 15px;font-size:24px; border-radius:5px;}
.bn-warranty div{ margin:20px 0px 30px 0;}



/*modal*/
.modal-header{ border-bottom:none; padding:4px 5px; background:#7162a3;}
.modal-footer{ border-top:none;}
.modal-dialog{ top:30%;}
.modal-header .close{ color:#fff; opacity:1; width:32px; height:32px;  }
.modal-header .close:hover{ color:#333;}
.modal-header .modal-title{ color:#fff;}
.modal-header h4{ color:#fff; padding:0; margin:0;}



/*footer*/
.footer{ background: #dbdcdc; padding:20px 0; z-index:999;}
.footer ul li a{ line-height:32px;}
.footer ul li a:hover{ color:#7162a3;}
.footer .bg-purple{ color:#fff;} 
.footer .bg-purple:hover{ opacity:.8;}
.footer .form-control ,.footer .btn{ border-radius:0;}
.footer .form-control{ height:32px;}
.sign-box h4 { padding-left:15px;}
.sign-box p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; }
.sign-box .left ,.sign-box .right{ width:50%; float:left;}
.sign-box .right{ padding-top:20px;}
.sign-box .right .form-control{ height:32px; }
.sign-box .right .btn{ padding:5px 10px;float:left; }
.sign-box .email-txt{ width:60%; float:left;}


/*follow*/
.follow{ width:240px; float:left; padding-right:20px; border-right:1px solid #7162a3; float:right;}
.follow .fb ,.follow .fb:hover,
.follow .gg ,.follow .gg:hover,
.follow .in ,.follow .in:hover,
.follow .pt ,.follow .pt:hover,
.follow .tw ,.follow .tw:hover,
.follow .yb ,.follow .yb:hover
{ background:url(../images/follow.png) no-repeat}
.follow .fb{ background-position: left top;}
.follow .gg{ background-position: -60px top;}
.follow .in{ background-position: -114px top;}
.follow .pt{ background-position: -180px top;}
.follow .tw{ background-position: -57px top;}
.follow .yb{ background-position:-170px top}
.follow .fb:hover{ background-position: left -52px;}
.follow .gg:hover{ background-position: -60px -52px;}
.follow .in:hover{ background-position: -114px -52px;}
.follow .pt:hover{ background-position: -180px -52px;}
.follow .tw:hover{ background-position: -57px -52px;}
.follow .yb:hover{ background-position:-170px -52px;}

.follow a{ width:40px; height:40px; display:block; float:left;}

.copy-right{ background:#353432; height:42px; line-height:42px; font-size:14px; color:#fff;}
.copy-right a{ color:#fff; font-size:14px; margin-left:10px; padding-left:10px;}
.copy-right a:hover{ color:#7162a3; }
/*.copy-right .line{ border-left:1px solid #fff;}*/



/*------------------------------------*\
              product 
\*------------------------------------*/
.pr{ background:#f2f2f0;}
.pr ul li{ width:30%; margin:0 1.5% 6% 1.5%; padding:30px 10px; border-radius:5px;}
.pr ul li:hover{ background:#fff;}
.pr .color{ width:100%; float:left;}
.pr .color a{ width:20px; height:20px; border:2px solid #E8E8E8; border-radius:50px; display:block; float:left; margin-right:8px;}
.pr .color a:hover{ border-width:2px; border-color:#545454;}
.pr .pr-title ,.contact .pr-title ,.privacy .pr-title ,.terms .pr-title{width:80px; height:100px; border:2px solid #000; margin-top:30px; margin-bottom:30px;}
.pr .pr-title h2{width:160px; height:40px; line-height:40px; background:#f2f2f0; margin:25px 0px 0px -40px;}
.pr .btn{ width:120px; color:#333;}
/*mas-box*/
.msg-box{ width:260px; position:fixed; right:0; bottom:0;z-index: 99;}
.msg-title{ width:100%; padding:0px 10px; background:#7162a3; color:#fff; height:32px; line-height:32px; border-radius:5px 5px 0 0;}
.msg-title i{ width:32px; height:32px; line-height:32px; text-align:right; display:block; float:right;}
.msg-title:hover{ cursor:pointer;}
.msg-info{ display:none; background:#fff; padding:10px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.msg-box .has-feedback .form-control { padding-right: 0;}


/*------------------------------------*\
          listing-news-2016-01-29 
\*------------------------------------*/
.list{ color:#000; font-size:16px; }
.list .box-vedio{ margin-top:50px;}
.list .box-vedio a{ color:#fff; font-size:20px; padding:6px 20px; background:#7162a3;}
.list .box-vedio a:hover{ background:#714ea3;}
.list .vedio{ margin-top:30px; margin-bottom:30px;}
.box-1 ,.box-2 ,.box-3 ,.box-4 ,.box-5 ,.box-6{ position:relative;}
.box-6{ padding:10% 0px 30px 0;}
.box-info-1 ,.box-info-2 ,.box-info-3 ,.box-info-4 ,.box-info-5 ,.box-info-6{ position:absolute;}
.box-info-1 { width:400px; left:19.5%; top:15%;}
.box-info-2{ width:750px; bottom:8%; left:28%; text-align:center;}
.box-info-2 ul li{ width:33.3333%; float:left;}
.box-info-3{ width:400px; left:19.5%; top:35%;}
.box-info-4{ width:400px; bottom: 18%; right:19%;} 
.box-info-4 div{ width:100%; display:block; float:left; margin-bottom:30px;}
.box-info-4 img{ float:left;}
.box-info-4 .font36{ margin-left:10px;margin-top:30px; line-height:57px; font-weight:normal; font-size:36px; display:block; float:left; width:auto;}
.box-info-5{ width:640px; left:35%; top:12%;}
.box-info-5 div span{ font-size:24px;}
.box-info-5 div p{ margin:0;}
.box-info-5 h1{ margin-top:0; margin-bottom:0;}
.box-info-5 span strong{ font-size:42px; margin-left:18px;}
.box-info-6{ width:600px; top:5%; left:35%;}
.box-7 { font-size:14px; background:#efefef; padding:40px 0px;}
.box-7 .icn{ width:57px; float:left;}
.box-7 h1{ margin-left:15px;}
.box-7 h2{ margin:0; font-size:24px;}
.box-7 .msg{ width:auto; margin-bottom:30px; font-size:12px; line-height:20px; border-left:1px solid #999; margin-left:10px; float:left; padding-left:10px;}
.box-7 .info-1 span{ display:block; width:110px; float:left;}
.box-7 .info-2 span{display:block; width:130px; float:left;}
.box-7 .info-3 span{display:block; width:100px; float:left;}
.box-7 .info-4 span{display:block; width:80px; float:left;}
.box-7 .height-1{ height:120px;}
.box-7 .height-2{ height:180px;}
#navbar-example{position:fixed; z-index:99; width: auto; right:50px; top:30%;}
#navbar-example .nav-tabs{ width:22px; border-bottom:0; border:1px solid #ddd; padding:10px 5px; background:#fff; border-radius:50px;}
#navbar-example .nav-tabs > li > a{ width:12px; height:12px; padding:0; margin:5px 0px; margin-right:0; background:#ddd; border: 1px solid #ddd; border-radius:12px;}
#navbar-example .nav-tabs > li.active > a, 
#navbar-example .nav-tabs > li.active > a:focus, 
#navbar-example .nav-tabs > li.active > a:hover{ background:#7162a3; border: 1px solid #7162a3;}
.ipad-list{ display:none;}

/*vedio*/
.vedio-size{ width:1008px; height:540px}

/*======  JPA1    =======*/
#box-vedio{ position:relative;}

#video1{ z-index:-999;}
#icn{ background:none; border:0; z-index:10; margin-left:20px; margin-bottom:20px; color:#fff;}

/*======  JPA1    =======*/
#box-main{ position:relative;}
#main1{ z-index:-999;}
#icn{ background:none; border:0; z-index:10; margin-left:20px; margin-bottom:20px; color:#fff;}










/*-----------------------------------*\
              other 
\*------------------------------------*/


/*about us*/
.about{ background:#efefef;}
.about .container{ width:1140px; padding:20px; background:#fff; margin:8% auto 30px auto; border-radius:20px; -moz-box-shadow: 3px 3px 4px #999; 
	 -webkit-box-shadow: 3px 3px 4px #999;
	  box-shadow: 3px 3px 4px #999; /* For IE 8 */ 
	  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */ 
	  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');}

/*contact*/
.contact h2{ margin-bottom:5%;}
.contact .info{ width:25%; float:left; text-align:center; }
.contact .left ,.contact .right{ float:left}
.contact .left{ margin-left:18%;}
.contact .right{ margin-left:20px; margin-top: 10px;}
.contact .follow{ height:auto; border:none;}
.contact .follow ul{ margin-top:0;}
.contact .col-md-3{ min-height:320px;}

/*press center*/

.press-center ,.contact{ border-top:1px solid #999; margin-top:50px; padding-left:15px;}
.press-center .press-click{ width:100%; float:left; margin-top:30px;}
.press-center .press-info{line-height:24px;}
.press-center .press-info .info-left{ font-size:12px; }
.press-click a{ color:#fff; padding:4px;}
.press-click a:hover{ background:#430b67;}


a.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  border:1px solid #65129b;
  color:#65129b;
  border-radius:5px;
  padding:5px 10px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
a.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #65129b;
  border-radius:5px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-rectangle-out:hover,a.hvr-rectangle-out:focus,a.hvr-rectangle-out:active {
  color: white;
}
a.hvr-rectangle-out:hover:before,a.hvr-rectangle-out:focus:before,a.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*------------------------------------*\
              press page 
\*------------------------------------*/
.PessPage{ margin-top:50px; color:#333;}
.PessPage h1 ,.PessPage h2{ color:#000; margin:40px 0px;font-family: 'montserrat-regular';}
.PessPage i{ font-size:24px; color:#fcd233;}
.PessPage .container{ width:1024px;}
.toLeft-deg{
  background-image:-webkit-linear-gradient(-90deg,#fbeeff, #fff);
  background-image:linear-gradient(-90deg,#fbeeff, #fff);
}
.toLeft-deg ul li{ width:33%;}
.PessPage .item{ width:60%; margin-left:20%;height:160px;}
.PessPage .carousel{  margin:20px 0; padding:20px;}
.PessPage .carousel-control{ background:none;}
.PessPage .inside{ line-height:32px; font-size:18px;}
.PessPage .triangle-left { display:block;
    border-top: 24px solid transparent;
    border-right: 48px solid #7162a3;
    border-bottom: 24px solid transparent;
}

.PessPage .triangle-right {display:block;
    border-top: 24px solid transparent;
    border-left: 48px solid #7162a3;
    border-bottom: 24px solid transparent;
}
.PessPage .new-msg li{ margin-bottom:15px;}
.PessPage h3{ margin:0; }
.PessPage .new-msg a{ color:#333;}
.PessPage .new-msg a:hover{ color:#7162a3;}
.PessPage .m-t1{ margin-top:50px;}
.PessPage .m-t2{ margin-top:20px;}


/*warranty*/
.warranty-bn{ height:340px; background:url(../images/warranty-bn.jpg) center center no-repeat;}
.warranty-bn-info{ text-align:center; margin-top:100px;}
.warranty-bn-info span{ font-size:14px; color:#000;}
.warranty-bn-info h1{ font-size:48px;}
.warranty-msg ul{ width:100%; height:auto; border-bottom:1px solid #ccc;}
.warranty-msg ul li{ width:45%; float:left; height:140px; border-left:1px solid #ccc; padding-left:20px; margin:20px 4% 20px 0;}
.warranty-msg ul li a{ color:#7162a3; text-decoration:underline;}
.warranty-msg ul li a:hover{ color:#333;}
.warranty-msg ul li h2{ margin-top:0px;}
.warranty-form{ border-top:1px solid #ccc; padding-top:20px;}
.warranty-form .dropdown-menu{ left:110px;}
.warranty-form .dropdown-toggle{ border:1px solid #ccc; background:#fff;}
.warranty-form input[type="checkbox"]{ margin-right:5px;}
.reg-amazon{ position:relative;}
.reg-faq{font-size:24px; color:#999; width:24px; font-family:Arial, Helvetica, sans-serif; height:24px; line-height:24px; text-align:center; border:1px solid #999; border-radius:50px; position:absolute; right:5px; top:36px;}
.reg-faq:hover{ color:#7162a3; border-color:#7162a3;}

@media (max-width:1920px) {
.spe .table{ width:60%; margin-top:20px;}
.spe h2{ font-size:36px;} 
/*iframe{ width:600px; height:380px;}*/
.contact .container{ margin-top:8%; margin-bottom:12%;}
}

@media (max-width:1600px) {
.features-icn{ width:30%; float:left; margin:8% 0 0 18%; }	
.features .vedio{ margin:7% 0 0 0;}	
/*index*/
.menu-pr{ left:-500px;}
.contact .container{ margin-top:5%; margin-bottom:10%;}

/*banner*/
.bn-info1{ right:29%; top:54%;}
.bn-info2{ left:30%; top:28%;}
.bn-info3{top:40%; right:26%;}
.bn-reddot{ bottom:20%; right:20px;}
.vavaflex-box1{ width:40%; left:30%;}
/*list*/
.box-info-1{left:13.5%; }
.box-info-3{left:13.5%;}
.box-info-4{right:13%;}
.box-info-5 { left:30%;}



}
@media (max-width:1440px) {
.cos-left{ left:15%;}
.cos-right{ right:15%;}	

#page2 .box{ width:20%;}
#page5 .box{ width:28%; left:37%; bottom:25%;}

.inf {top: 27%; width:48%; left:26%;}

/*banner*/
.bn-info1{ right:26%; top:56%;}
.bn-info2{ left:25%;}
.bn-reddot{ bottom:10%; right:10px;}

/*index*/
.menu-pr{ left:-600px;}
/*footer*/
.footer .menu{ margin-left:15%;}

/*list*/
.box-info-1{left:9.5%; }
.box-info-3{left:9.5%;}
.box-info-4{right:8%; bottom: 20%;}
.box-info-5{left:29%;}
.box-info-6{ left:30%;}
}

@media (max-width:1366px) {
.features-icn li{ font-size:120%;}

.pr h1 ,.story .inf h1{ font-size:36px;}
.pr p ,.story p ,.pr ul li{ font-size:14px;}

#page5 .box{ width:30%; left:37%; bottom:25%;}

/*index*/
.menu-pr{ left:-700px;}

/*banner*/
.bn-info3{top:42%; right:20%;}
.bn-reddot{ bottom:20px; right:20px;}
.bn-warranty{ top:20%}


/*list*/
.box-info-1{left:7.5%; }
.box-info-2{left:18%;}
.box-info-3{left:7.5%; top:30%;}
.box-info-4{right:7%;}
.box-info-5{left:27%;}
.box-info-6{ left:30%; top:0}

/*footer*/
.footer .menu{ margin-left:20%;}
}

@media (max-width:1280px) {
/*banner*/
.bn-info1{ right:24%; top:56%;}
.bn-warranty{ top:18%}



/*list*/
.box-info-1{left:4%; }
.box-info-2{right:4%;}
.box-info-3{left:4%; top:30%;}
.box-info-4{right:6%; bottom:8%;}
.box-info-5{left:32%; top:10%; width:500px;}
.box-info-6{ left:30%; top:0}
}

@media (max-width:1180px) {
.container{ width:95%;}	
}


@media (max-width:1024px) {
/*index*/
.menu-pr{ left:-650px;}
.contact .left {margin-left: 5%;}

/*banner*/
.bn-info1{ right:16%; top:58%;}
.bn-reddot{ width: 300px; bottom:10px; right:10px;}

/*list*/
.list h1{ font-size:24px;}
.box-info-1{left:7.5%; }
.box-info-2{ width:450px; right:0%; bottom:0; left:30%;}
.box-info-3{ width:360px; left:7.5%; top:22%;}
.box-info-3 img { width:60px;}
.box-info-4{right:7%; bottom:8%;}
.box-info-5{left:27%;}
.box-info-6{ left:22%; top:0}

/*press center*/
.press-center{ height:auto;}

/*about*/
.about .container{ width:90%; margin:10% auto 30px auto;}
.contact .info{ width:50%; height:280px;}
}

@media (max-width:980px){
/*banner*/	
.bn-info1{ right:20%; }	
.vavaflex-box1{ width:80%; left:10%;}
/*list*/
.box-info-2{ width:450px;}
.box-info-5 span strong { font-size: 32px;}
.box-info-4 img { width:80px;}
.box-info-4 .font36{ line-height:42px; margin-top:20px;}

/*footer*/
.follow{ width:100%; text-align:center; border-right:0; border-bottom:1px solid #7162a3;}
.sign-box .left ,.sign-box .right{ width:100%; text-align:center; float:left;}
.sign-box .right{ padding-top:0px;}
.sign-box .left p{ margin-bottom:0; }
.sign-box .email-txt{ width:40%; float:left; margin-left:25%;}

/*vedio*/
.vedio-size{ width:100%; height:360px;}
.warranty-msg ul li {
    width: 90%;
    float: left;
    height: auto;
    border-left:0;
    margin:20px 0; padding:0; text-align:center;}
}


@media (max-width:768px) {	
.features-icn { width: 35%; margin: 12% 0px 0px 10%;}
.features-icn li{ margin-bottom:10px;}

.story .inf{ width:60%; left:18%; top:5%;}	
/*.bg{ display:none;}*/	
.footer{ height:auto; padding:10px;}
.follow{ border:none; height:auto;}
.follow ul{ margin-top:10px;}
.footer ul li a{ line-height:32px;}

.spe h2{ float:inherit;}
.pr h1{ font-size:24px;}
.pr p ,.pr ul li{ font-size:12px;}
.pr ul li{ width:28%;}
#page1 .box h1 ,
#page2 .box h1 ,
#page3 .box h1 ,
#page4 .box h1 ,
#page5 .box h1{ font-size:20px;}

#page1 .box{ width:50%; left:5%}
#page2 .box{ width:40%; right:7%;}
#page5 .box{ width:55%; left:30%;}
#page4 .box{ width:70%;}
#page4 .info{ width:100%;}

.menu-pr{ width:740px; left:-415px;}

/*list*/
.list-buy{ right:10%; top:30%}
.box-info-1{ width:300px;}
.list h1{ font-size:24px; margin:0;}
.box-info-3 img { width: 42px;}
.box-info-4 { right:2%; bottom: 6%;}
.box-info-4 div{ margin-bottom:0;}
.box-info-5{ left:20%; top: 9%;}
.box-info-5 span strong{ font-size:24px;}
.box-info-6 {left: 12%;}
.box-info-2{ left:15%;}
.box-7 h1{ margin-bottom:20px;}
.box-7 .msg {width:240px;margin-bottom: 30px;}




/*contact*/
.contact .info{ width:50%; height:300px;}
.contact .info img{ width:80px;}

/*header*/
.sign-box .btn{ margin-top:0;}
.sign-box h3 ,.sign-box p{ text-align:center;}

/*banner*/
.bn-info1{top:40%; right:8%;}
.bn-info3{ right:18%;}
.bn-reddot{ right:10%;}



/*footer*/
.footer{ font-size:14px;}
.footer .new-info{ display:none;}
.footer h3{ width:100%; text-align:center; font-size:18px;}
.footer .follow{ border-bottom:1px solid #524989;}

}

@media (max-width:767px) {
.header .navbar-nav{ float:left; width:100%;}

}

@media (max-width:750px) {
/*vedio*/	
.list .vedio iframe{ width:100%; height:250px;}

/*header*/
.container-fluid{ padding-right:0px;}	
.navbar-brand {margin-top: 0;}
.navbar-fixed-top{ position: absolute}
.pull-right{float: left !important;}		
.copy-right a{ display:none;}
.header .left{ width:100%; left:0; top:0;}
.navbar-nav .open .dropdown-menu{ width:100%;}
/*menu*/
.navbar-default .navbar-toggle{ background:#333; opacity:.75;}
.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:#333; opacity:.5;}



/*menu*/
.header .nav { margin-left: 0;}
.header .navbar-collapse { padding-left: 0px; max-height: 100%; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0) inset;}
.header .navbar-default .navbar-nav > li > a { line-height: 24px; font-size: 100%; }
.header .navbar-nav > li > .menu-pr { width: 100%; height: auto; left: 0 ;}
.navbar-nav{ float:inherit;}
.header .nav .open > a,
.nav .open > a:hover,
.header .nav .open > a:focus { border: none; }

.header .nav .open > .dropdown-menu ul { float: left; background: #f9f9f9; margin: 0; }
.header .nav > li { float: left; display: block; width: 100%; margin-bottom: 1px; border-bottom:1px solid #454545;}
.header .navbar-default .navbar-collapse { border:0; }
.header .dropdown-menu ul { width: 100%; height: auto; max-height: auto; padding-left:0; }
.header .nav > li > a { padding: 10px; }

.header .navbar-default .navbar-nav > li > a,
.header .navbar-default .navbar-nav > li > a:hover,
.header .navbar-default .navbar-nav > li > a:focus,
.header .navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.header .navbar-default .navbar-nav > .open > a:hover { color: #fff; }
.menu-pr ul li{ width:45%; text-align:center}

/*banner*/
.carousel-inner >.item .ipad-bn{ display:block; width:100%; height:auto;float:left;}	
.carousel-inner >.item .big-bn{ display:none;}
.bn-info1 ,.bn-info2 ,.bn-info3 ,.bn-reddot ,.bn-warranty ,.voom-21-box1 ,.voom-21-box2{color:#000;position: static; width:100%; float:left; padding:40px 0; text-align: center;}
.bn-info1 p ,.bn-info2 p ,.bn-info3 p ,.bn-reddot p ,.bn-warranty h3{ font-size:16px; text-align:center; color:#000;}
.bn-info1 .bg-purple{ float:none; margin-left:10%;}
.bn-info1 p{ margin-right:0;}
.bn-info2 .bg-purple { margin-left:7%;}
.banner .carousel-indicators { display:none;}
.bn-info2 h1 ,.bn-info3 h1,.bn-reddot h1{ color:#000;}
.bn-info2 ,.bn-info3 ,.bn-reddot{ right:0;}
.bn-warranty{ background: rgba(0, 0, 0, 0) !important; background:none;}
.bn-warranty h1{ font-size:42px;}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev { top:30%;}
.carousel-control{ width:42px; height:42px;}


/*features*/
.features{ background:none; min-height: inherit;}
.features-icn{ display:none;}
.features .vedio{margin:0; padding:0; width:100%; height:auto;}
.features .vedio iframe{ width:100%; height:300px;}
.bn-info1 .bg-purple{ margin-bottom:10px;}
/*story*/
.story{ height:250px; background-size:100% 100%;}
.story .inf{ width:80%; left:5%;}
.story img{ display:none;}

/*iphone*/
.title{ margin-top:10%; margin-bottom:10%;}

.pading-tb{ padding-top:5%; padding-bottom:5%;}

/*list*/
.list-buy{ width:auto; font-size:1em; line-height:24px; border-width:1px;}

.purple-size{ color:#8752a4}
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th
{ border-top: 1px solid #fff;}

/*ipad-box*/

#navbar-example ,.box-1 ,.box-2 ,.box-3 ,.box-4,.box-5,.box-6 { display:none;}
.ipad-list h1{ margin:10px 0px; font-size:36px;}
.ipad-box{ width:100%; padding:30px 0; text-align:center; background:#d3d3d4;}
.ipad-list{display:block;}

/*product*/
.pr ul li{ width:90%; margin-left:5%;}
 .ipad-3 .ipad-box ul{ padding-left:25%;}
.ipad-3 .ipad-box ul li{ text-align:left;}

/*list information*/
.pic-box{ display:none;}
#page1 ,#page2 ,#page3 ,#page4 ,#page5{ position: inherit; background:#000;}
#page1 .box ,#page2 .box ,#page3 .box ,#page4 .box ,#page5 .box{ padding:20px 0px; position: inherit; width:90%; margin-left:5%; color:#fff;}
#page1 .box img,
#page2 .pic img ,#page2 .pic,
#page3 .box img ,
#page4 .pic
{ float:inherit; display:block; margin-left:auto; margin-right:auto;}
#page1 h1 ,#page2 h1,#page3 h1 ,#page4 h1,#page5 h1{ text-align:center;}
#page3 .box img{ width:200px;}

.iphone-box{ display:block;}
.spe .table { width: 100%;}
.buy-box{ display:none}	

/*contact*/
.contact img{display: block; margin-right: auto ;margin-left: auto;}
.contact h3{ text-align:center;}
.contact .left{ width:100%; margin:0; text-align:center;}


}

@media (max-width:640px) {
.banner .carousel-indicators {left: 70%; top:70%;}	

}
@media (max-width:480px) {
.banner .carousel-indicators {left: 70%; top:60%;}	

.about .container{ margin:18% auto 30px auto;}

}
@media (max-width:400px) {
}

@media (max-width:568px) {
	
/*contact*/
.contact .info{ width:100%; height: auto; margin-bottom:20px;}
}
@media (max-width:360px) {
.menu-pr ul li{ width:90%; text-align:center}	

/*banner*/

.banner .carousel-indicators {left: 70%; top:50%;}


.sign-box .email-txt{ width:50%; float:left; margin-left:12%;}
}
@media (max-width:375px) {
.list-buy{ right:20px}	
}







#title_b {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24px;
	color: #000;
	line-height: 100%;
	text-align: center;
	padding-bottom: 40px;
	letter-spacing: 4px;
}
#pro {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	background-color: #333333;
	text-align: center;
	line-height: 100%;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	letter-spacing: 2px;
}