@charset "utf-8";
/*rslider*/
.rslides {position:relative; display:block;list-style: none;overflow: hidden;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;/*float: left;*/width: 100%;border: 0;}
.rslides {margin: 0 auto ;}
.rslides_tabs li {display: inline-block;vertical-align: middle;	margin: 0%;	text-align:center}
.rslides_tabs .rslides_here a div {color:#9a855c;		
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
background:#c1c1c1;
color:#fff;
	}

/*hover content*/
.item {text-align:center;float:left;position:relative;}
.item,.item-hover,.item-hover .mask,.item-img,.item-info {	width: 100%;height: 0%;padding-bottom: 88.5%;}
.item-hover,.item-hover .mask,.item-img { position:absolute;	top:0;	left:0;	}			
.item-type-line .item-hover {z-index:100;opacity:0;cursor:pointer;display:block;text-decoration:none;text-align:center;	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;	
	}
.item-type-line .item-info {width:92%; margin:0 auto;color:#ffffff;display:block;vertical-align:middle;position:relative;z-index:5;	}	
.item-type-line .item-info .line {width:0%; height:1px; margin:15px auto;background-color:#ffffff;
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;					 
	}
.item-type-line .item-hover .mask{ background-color:#3c294a;opacity:0.9 ;filter: alpha(opacity=90);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.item-type-line .item-hover:hover .line {width:60%;opacity:0.3 ;}
.item-type-line .item-hover:hover {opacity:1;}
/*hover wording*/
.hover-head-badge{width:24%;max-width:90px;padding-bottom: 24.5%;  margin: 9% auto; border-radius:50%; background-color:#9a958f; position:relative; overflow:hidden;}
.hover-head-badge img {width: 78%; position: absolute;top: 26%;left: 27%;}
.hover-mode-tital{font-family:"myriad-pro";font-weight:300;font-size: 1.8em !important;text-align:center;letter-spacing: -0.0028em;word-spacing: 0.015em;color: #fff;line-height: 1.4em;}
.hover-mode-discript{font-family : "myriad-pro";font-weight:300;font-size: .9em !important;letter-spacing: 0.02em;word-spacing: 0.04em;}

/*fancybox css*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	width:80%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
	/**/
	outline:none;
}


.fancybox-skin {
	position: relative;
	/*background: #f9f9f9;*/
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

/*.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}*/

.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-outer{
	/**/
	padding-top:40px;
	background-color:#fff;
	border-radius:.5em;
	overflow:hidden;
	background-image: url('../images/pop/fancybox_sprite.png'); background-repeat:no-repeat; background-position:100% 0%;
	}
.fancybox-inner {
	overflow: hidden;
	width: auto !important;
	height: auto !important;
	background-color:white;
	padding-bottom:30px;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, /*.fancybox-close,*/ .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/pop/fancybox_sprite.png'); background-repeat:no-repeat; background-position:100% 0;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/pop/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: 17px;
	right: 15px;
	width: 100%;
	height: 36px;
	cursor: pointer;
	z-index: 8050;
	/*background-color:black;*/
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/pop/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
.fancybox-wrap{width:60% !important;}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../images/pop/overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/pop/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/pop/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/*#fancy end*/



/*HEADER*/
.box-shortcut {width: 100%;height: 50px;position: relative; z-index: 2; background: #fff; color: #414651; /*display:none;*/    padding-top: .75em;}
.box-shortcut a {color: #414651; }
.box-shortcut a:hover {color: #7C2B2D;}
.box-shortcut--clone { position: fixed; z-index: 99999; top: 0; left: 0;display:block; background: #fff;font-family : "myriad-pro";font-weight:300;font-size: 1.1em !important;word-spacing: 0.04em;letter-spacing: 0.02em;padding-top: .75em;
  /*show */
  -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); transform: translateY(-100%);
  /* Animations */
  -webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;
  /*shadow*/
  -moz-box-shadow: 0px 0px 10px rgba(58,58,58,0.2);-webkit-box-shadow: 0px 0px 10px  rgba(58,58,58,0.2);box-shadow: 0px 0px 10px rgba(58,58,58,0.2)
}
.box-shortcut--stick {
  /* hide*/
    -webkit-transform: translateY(0%); -ms-transform: translateY(0%);transform: translateY(0%);
}
.box-shortcut--unstick {}

.wrap-cube-shortcut{width:80%; min-width:780px; margin:0 auto; text-align:center;}
.cube-shortcut{ width:15%; display:inline-block;font-family : "myriad-pro";font-weight:300;font-size: 1.1em !important;word-spacing: 0.04em;letter-spacing: 0.02em;cursor: pointer;}
.cube-shortcut img{width:100%; max-width:30px !important; margin-right:5%}
.line-separate{width:1px; height:15px; margin:0 2%; display:inline-block; background-color:#d9d9d9}

/*MAIN*/
.box-parallax-viewport{overflow: hidden; position:relative;}

#box-productOverview-containter{width: 100%;position:relative;left:50%;overflow:hidden;/*margin-top:60px;*/	font-size: 16px !important;}
.wrap-2nd-content{width:85%; position:relative; margin:0 auto; }
.wrap-3rd-content{width:69%; position:relative; margin:0 auto;}
.wrap-reduces-content{width:75%; position:relative; margin:0 auto;}
.box-side-info-r{width:48%; display:inline-block; margin:-2px;padding-left:2%; vertical-align:text-top;}
.box-side-info-l{width:48%; display:inline-block; margin:-2px;padding-right:2%; vertical-align:text-top;border-right:1px solid #ccc;}


/*KV*/
.box-kv{width: 100%;height: 0;padding-bottom:45.4% ;overflow: hidden; position:relative;}
.wrap-topic-wording{width:45%; max-width:500px; font-size:100%; color:#FFFFFF ;position:absolute;top:40%;left:5%; z-index:10;	}
.wrap-head-kv{position:relative;}
.wrap-head-kv-visual{width:100%;height:0;padding-bottom:52.083%;position:relative; overflow:hidden;}
.box-head-kv-visual{ width:100%; position:absolute; left:0;top:0; z-index:-1 ;
 -webkit-transition: all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition:         all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.box-head-kv-visual img{width:100%;}



.product_logo {width: 100%;}
.product_logo img{ width:100%;	max-width: 386px;}
/*Splendid*/
.wrap-splendid{width:100%;}
.box-badge{width:9%; text-align:center; margin:0 auto}
.box-badge img{width:100%;max-width:130px;}

.wrap-splendid-bg{ width:100%; padding:1px;
background: rgb(96,64,18); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,64,18,1) 0%, rgba(253,228,161,1) 24%, rgba(253,229,152,1) 31%, rgba(252,230,181,1) 49%, rgba(76,43,2,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(96,64,18,1) 0%,rgba(253,228,161,1) 24%,rgba(253,229,152,1) 31%,rgba(252,230,181,1) 49%,rgba(76,43,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(96,64,18,1) 0%,rgba(253,228,161,1) 24%,rgba(253,229,152,1) 31%,rgba(252,230,181,1) 49%,rgba(76,43,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#604012', endColorstr='#4c2b02',GradientType=0 ); /* IE6-9 */
	}
.wrap-head-splendid{position:relative;}
.wrap-head-splendid-visual{width:100%;height:0;padding-bottom:45.4%;position:relative; overflow:hidden;}
.box-head-splendid-visual{ width:100%; position:absolute; left:0;top:0; z-index:-1 ;
 -webkit-transition: all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition:         all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.box-head-splendid-visual img{width:100%;}



.box-spledid-bg{width:100%;}
.cube-splendid{display:inline-block;width:24.96%;height:0;max-height:351px;margin:0px -2px -4px -1px; background-size:cover; background-repeat:no-repeat; padding-bottom:22.04773869%; cursor:pointer}
.mode-normal{ background-image:url(../images/mode-normal.jpg)}
.mode-eyecare{background-image:url(../images/mode-eyecare.jpg)}
.mode-vivid{background-image:url(../images/mode-vivid.jpg)}
.mode-manual{background-image:url(../images/mode-manual.jpg)}

/* HEAD OF MODE*/
.box-top-icon{width:8%; margin:0 auto; max-width:90px; min-width:60px}
.mode-tital {font-family:"myriad-pro";font-weight:300;font-size: 2.25em !important;text-align:center;letter-spacing: -0.0028em;word-spacing: 0.015em;color: #4b4b4b;line-height: 1.4em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/*head of present*/
.box-present-head{width:100%;font-family:"myriad-pro";font-weight:300;font-size:1.5em !important;text-align:center;letter-spacing: -0.0028em;word-spacing: 0.015em;color: #4b4b4b;line-height: 1.4em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; /*background-color:#D4D4D4*/ position:relative;}
.box-present-head d{position: relative;z-index:10;display:inline-block; padding:0 20px; background-color:white;}
.box-present-head:after{content: "";width:100%;height:1px;position:absolute;top:50%;left:0; z-index:1; background-color:#b4b4b4;}
/*stage*/
.box-stage{width:100%;}

/*veiwport*/
.box-viewport{width:100%;text-align:center; padding-bottom:1.5%;}
.box-viewport img{width:100%;max-width:1313px;}
.box-viewport-reduces{width:115%; margin-left:-7.5%;text-align:center;}
.box-viewport-reduces img{width:100%;max-width:1516px; margin:0 auto}
/**/
.box-resoult-viewport{width:85%; margin:0 auto; text-align:center;}
.box-resoult-viewport img{width:100%;}
/**/
.wrap-notice{width:100%;color:#C9C9C9}
.box-notice-l{width:48%; display:inline-block; margin:-2px; border-right: 1px solid #c9c9c9; padding-right:2.2%; text-align:right}
.box-notice-l:before{content: " << ";}
.box-notice-r{width:48%; display:inline-block; margin:-2px; padding-left:2%; text-align:left}
.box-notice-r:after{content: " >> ";}
.box-color-k{width:20%;margin:-2px;display:inline-block; text-align:center;}

/*btn*/
.wrap-btn{width:80%; margin:35px auto; text-align:center}
.box-before-btn{min-width:170px;text-align:center;padding:.8em 0; border:1px solid #c1c1c1; color: #B4B1B1; display:inline-block; margin:5px}
.box-after-btn{min-width:170px;text-align:center;padding:.8em 0;border:1px solid #c1c1c1;  color: #B4B1B1; display:inline-block;margin:5px}
/*vivid Mode*/
.wrap-colorpanel{width:80%; margin:0 auto}
/*Manual mode*/
.wrap-mode-manual{width:85%;position:relative; margin:0 auto;}
.wrap-mode-manual img{width:100%;}
#box-mode-manual{width:100%;position:absolute;top:0;left:0;z-index:30}
#box-mode-manual-bg{width:100%;z-index:20}
#box-mode-manual img{width:100%;}
#slider { width: 60%; height:3px; margin:0 auto; border:0;
background: rgb(233,123,98); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(233,123,98,1) 0%, rgba(233,120,39,1) 10%, rgba(242,181,0,1) 22%, rgba(255,246,101,1) 34%, rgba(255,255,255,1) 50%, rgba(61,172,235,1) 77%, rgba(55,97,171,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(233,123,98,1) 0%,rgba(233,120,39,1) 10%,rgba(242,181,0,1) 22%,rgba(255,246,101,1) 34%,rgba(255,255,255,1) 50%,rgba(61,172,235,1) 77%,rgba(55,97,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(233,123,98,1) 0%,rgba(233,120,39,1) 10%,rgba(242,181,0,1) 22%,rgba(255,246,101,1) 34%,rgba(255,255,255,1) 50%,rgba(61,172,235,1) 77%,rgba(55,97,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e97b62', endColorstr='#3761ab',GradientType=1 ); /* IE6-9 */
 }

/*Tru2Life*/
.box-tru2life-viewport{width:100%; height:0; padding-bottom:45.4%; display:block; position:relative; overflow:hidden; background-color:#000000; }
.box-main-tru2life-video{width:100%;display:block;}
.wrap-tru2life {width: 100%; margin:0 auto;}
.inscreen-tru2life{position: absolute;width: 73.985%;top: 9.29%;left: 13.089%;}


/*SONIC MASTER*/
.wrap-sonicmaster{width:100%}
.sonicmaster-visual{width:80%;margin:0 auto;}
.sonicmaster-visual img{width:100%; max-width:1097px;}
.scenario-photo{width:100%;margin:0 auto; text-align:center}
.scenario-photo img{width:100%;max-width:1315px}
.qe-animation{width:90%; margin:0 auto; text-align:center;}
.qe-animation img{width:100%;}
.wrap-head-sonicmaster{position:relative;}
.wrap-head-sonicmaster-visual{width:100%;height:0;padding-bottom:45.4%;position:relative; overflow:hidden;}
.box-head-sonicmaster-visual{ width:100%; position:absolute; left:0;top:0; z-index:-1 ;
 -webkit-transition: all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition:         all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.box-head-sonicmaster-visual img{width:100%;}

/*ASUS TOUCGPAD*/
.wrap-smartgesture{width:100%}
.wrap-head-smartgesture{position:relative;}
.wrap-head-smartgesture-visual{width:100%;height:0;padding-bottom:45.4%;position:relative; overflow:hidden;}
.box-head-smartgesture-visual{ width:100%; position:absolute; left:0;top:0; z-index:-1 ;
 -webkit-transition: all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition:         all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.touchpad-visual{width:80%;margin:0 auto;}
.touchpad-visual img{width:100%; max-width:1097px;}


.box-ani-gesture{width:44%; display: inline-block; margin:-2px 5% -2px -2px; vertical-align:middle; overflow:hidden;border:double 4px #778692;
-moz-border-radius-topleft: .8em; -moz-border-radius-topright:.8em; -moz-border-radius-bottomleft:.8em; -moz-border-radius-bottomright:.8em; -webkit-border-top-left-radius:.8em; -webkit-border-top-right-radius:.8em; -webkit-border-bottom-left-radius:.8em;-webkit-border-bottom-right-radius:.8em;border-top-left-radius:.8em; border-top-right-radius:.8em; border-bottom-left-radius:.8em;border-bottom-right-radius:.8em;}
.box-ani-gesture canvas{width:100%;}

.box-ani-discript{width:49%; display: inline-block; margin:-2px;vertical-align:middle}
.tital-gesture{font-family : "myriad-pro";font-weight:300;font-size: 2em !important;letter-spacing: -0.0028em;word-spacing: 0.015em;color: #4b4b4b;line-height: 1.4em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.info-gesture{	font-family : "myriad-pro";font-weight:300;font-size: 1.1em !important;letter-spacing: 0.02em;word-spacing: 0.04em;color: #737373;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: left;word-wrap:break-word;}



/*SOFTWARE*/
.box-badge-software{width:80%; max-width:385px; margin:0 auto; text-align:center;}
.wrap-app-icon{width:80%; max-width:820px; margin:0 auto; text-align:center;}
.box-app-icon{width:17%; margin:3% 1%; display:inline-block; vertical-align:top;}
.app-icon{width:96%; max-width:96px; margin:0 auto}
.app-icon img{width:100%; }
.box-app-name{width:100%; text-align:center; color:#C9C9C9; margin-top:.8em}

.wrap-app-info{ display:none;background-color:white; overflow:hidden; font-size:14px !important; text-align:center;}

.box-app-img{ width:100%}
.wrap-app-descript{width:80%; margin:5% auto;}
.box-app-descript{list-style:disc}
.app-descript{width:80%; margin:0 auto; font-family : "myriad-pro";font-weight:300;font-size: 1.5em !important; line-height:1.9em; letter-spacing: 0.02em; word-spacing: 0.04em;color: #737373;}
.app-descript ul{ width:60%; margin:0 auto;}
.app-descript ul li{ text-align:left; line-height:1.8em}

.box-head-giftbox-visual{ width:100%; position:absolute; left:0;top:0; z-index:-1 ;
 -webkit-transition: all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition:         all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }



/***********************MediaQuery***********************/
@media screen and (max-width :1680px){
.item-type-line .item-info {width: 75%;}	
    
}

@media screen and (max-width:1571px){
.wrap-cube-shortcut {width: 100%;}
}

@media screen and (max-width:1500px){
/*splendid menu*/	
.item-type-line .item-info {width: 100%;}
.hover-mode-discript{display:none;}
}
@media screen and (max-width:1257px){
.cube-shortcut {font-size:1em!important;}

}
@media screen and (max-width:1100px){
/*MAIN*/
.wrap-2nd-content {width: 97%;}
.hover-mode-tital {font-size:1.5em !important;}
.hover-mode-discript {font-size: .75em !important;}

.wrap-3rd-content {width: 86%;}
  	
.box-head-kv-visual, .box-head-splendid-visual, .box-head-sonicmaster-visual, .box-head-smartgesture-visual{width:105%; margin-left:-5%}
/*menu*/	
.cube-shortcut{vertical-align: middle;}
.cube-shortcut img{display:none}		

.box-side-info-r,.box-side-info-l {text-align:center}
.box-ani-gesture {width: 65%;} 
.tital-gesture { font-size: 1.5em !important;margin-top:.8em}
.box-ani-discript {width:90%; margin:0 auto;text-align:center}
.info-gesture{ text-align:center !important;}

/*SOFTWARE*/
.wrap-app-info{font-size:12px !important}
.fancybox-wrap {width: 90% !important; margin-top:3.5%}
}
@media screen and (max-width:800px){
.box-shortcut {height: 30px;}
.line-separate {margin: 0 1%;}
.cube-shortcut {width: 17%;font-size: .95em !important;}
.wrap-topic-wording {top:18%}

/*SMARTGESTURE*/
.box-head-smartgesture-visual img {margin-top: 8%;}
}

@media screen and (max-width:700px){
.wrap-cube-shortcut { min-width:0;}
.cube-shortcut {width: 29.5%;font-size: .95em !important; margin: .25em auto;}
.box-shortcut { height: 60px;}

.separate-sec {height: 5em !important;}

/*visual images*/
.wrap-topic-wording .subT{font-size: 2em !important;}
.wrap-topic-wording .separate{ height:1em;}
.wrap-topic-wording .txt-left{ font-size:1em!important;}
.box-head-kv-visual img {margin-top: 10%;}
.box-head-splendid-visual img {width: 122%;max-width: none !important;}
    
/*splendid menu*/
.cube-splendid {width: 24.95%;}
 
/*software icon wrap*/ 
.wrap-app-icon { width: 98%;} 
     
}
@media screen and (max-width:415px){
.box-badge {width: 20%;}	
.wrap-3rd-content {width: 98%;}
.wrap-btn{width:100%;}
.wrap-btn ul{margin:0 auto}


	
/*visual images*/
.box-head-kv-visual, .box-head-splendid-visual, .box-head-sonicmaster-visual, .box-head-smartgesture-visual{ width: 150%;margin-left:-25%;}

/*menu*/
.cube-shortcut {font-size: .88em !important;}


/*KV*/
.box-kv {padding-bottom: 70.4%;}
.wrap-head-kv-visual,.wrap-head-splendid-visual,.wrap-head-sonicmaster-visual,.wrap-head-smartgesture-visual {padding-bottom: 70.4%;}


.wrap-head-kv-visual .txt-left,
.wrap-topic-wording .txt-left,
.box-tru2life-viewport .txt-left
{display:none;}
.wrap-topic-wording {width:50%;top: 40%;}
.box-head-sonicmaster-visual img {margin-top: 10%;}
.box-head-smartgesture-visual img {margin-top: 10%;}
    
.txt-justify{ text-align:left;}

.box-side-info-l,.box-side-info-r {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 0;
    vertical-align: text-top;
    border-right: none;
}

.cube-splendid {width: 49.95%;padding-bottom: 43.6%;max-height: none;}


.wrap-sonicmaster .wrap-3rd-content .separate-sec{display:none;}
.box-side-info-l, .box-side-info-r {margin: 2em auto;}

/*software*/
.box-app-icon { width: 22%;}
   .fancybox-wrap {width: 90% !important; margin-top:10.5%}

}

@media screen and (max-width:360px){

.cube-shortcut {width: 45.5%;}
.box-shortcut {
    height: 85px;
}
    
}

