@charset "utf-8";

.container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
.row { margin-left: -15px; margin-right: -15px;}

.container:before, .container:after,
.row:before, .row:after,
.clearfix:before, .clearfix:after { clear: both; display: table; content: '';}

.fck-content p img { display: block; margin: 0 auto; max-width: 1170px;}

@media (min-width:768px) {
.container {
	width: 750px
}
}
@media (min-width:992px) {
body { padding-top: 110px;}
header { position: fixed; left: 0; right: 0; top: 0;}

.container {
	width: 970px
}
}
@media (min-width:1200px) {
body { padding-top: 120px;}
header { position: fixed; left: 0; right: 0; top: 0;}
	
.container {
	width: 1170px
}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left
}
.col-xs-12 {
	width: 100%
}
.col-xs-11 {
	width: 91.66666667%
}
.col-xs-10 {
	width: 83.33333333%
}
.col-xs-9 {
	width: 75%
}
.col-xs-8 {
	width: 66.66666667%
}
.col-xs-7 {
	width: 58.33333333%
}
.col-xs-6 {
	width: 50%
}
.col-xs-5 {
	width: 41.66666667%
}
.col-xs-4 {
	width: 33.33333333%
}
.col-xs-3 {
	width: 25%
}
.col-xs-2 {
	width: 16.66666667%
}
.col-xs-1 {
	width: 8.33333333%
}
.col-xs-pull-12 {
	right: 100%
}
.col-xs-pull-11 {
	right: 91.66666667%
}
.col-xs-pull-10 {
	right: 83.33333333%
}
.col-xs-pull-9 {
	right: 75%
}
.col-xs-pull-8 {
	right: 66.66666667%
}
.col-xs-pull-7 {
	right: 58.33333333%
}
.col-xs-pull-6 {
	right: 50%
}
.col-xs-pull-5 {
	right: 41.66666667%
}
.col-xs-pull-4 {
	right: 33.33333333%
}
.col-xs-pull-3 {
	right: 25%
}
.col-xs-pull-2 {
	right: 16.66666667%
}
.col-xs-pull-1 {
	right: 8.33333333%
}
.col-xs-pull-0 {
	right: 0
}
.col-xs-push-12 {
	left: 100%
}
.col-xs-push-11 {
	left: 91.66666667%
}
.col-xs-push-10 {
	left: 83.33333333%
}
.col-xs-push-9 {
	left: 75%
}
.col-xs-push-8 {
	left: 66.66666667%
}
.col-xs-push-7 {
	left: 58.33333333%
}
.col-xs-push-6 {
	left: 50%
}
.col-xs-push-5 {
	left: 41.66666667%
}
.col-xs-push-4 {
	left: 33.33333333%
}
.col-xs-push-3 {
	left: 25%
}
.col-xs-push-2 {
	left: 16.66666667%
}
.col-xs-push-1 {
	left: 8.33333333%
}
.col-xs-push-0 {
	left: 0
}
.col-xs-offset-12 {
	margin-left: 100%
}
.col-xs-offset-11 {
	margin-left: 91.66666667%
}
.col-xs-offset-10 {
	margin-left: 83.33333333%
}
.col-xs-offset-9 {
	margin-left: 75%
}
.col-xs-offset-8 {
	margin-left: 66.66666667%
}
.col-xs-offset-7 {
	margin-left: 58.33333333%
}
.col-xs-offset-6 {
	margin-left: 50%
}
.col-xs-offset-5 {
	margin-left: 41.66666667%
}
.col-xs-offset-4 {
	margin-left: 33.33333333%
}
.col-xs-offset-3 {
	margin-left: 25%
}
.col-xs-offset-2 {
	margin-left: 16.66666667%
}
.col-xs-offset-1 {
	margin-left: 8.33333333%
}
.col-xs-offset-0 {
	margin-left: 0
}
@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left
}
.col-sm-12 {
	width: 100%
}
.col-sm-11 {
	width: 91.66666667%
}
.col-sm-10 {
	width: 83.33333333%
}
.col-sm-9 {
	width: 75%
}
.col-sm-8 {
	width: 66.66666667%
}
.col-sm-7 {
	width: 58.33333333%
}
.col-sm-6 {
	width: 50%
}
.col-sm-5 {
	width: 41.66666667%
}
.col-sm-4 {
	width: 33.33333333%
}
.col-sm-3 {
	width: 25%
}
.col-sm-2 {
	width: 16.66666667%
}
.col-sm-1 {
	width: 8.33333333%
}
.col-sm-pull-12 {
	right: 100%
}
.col-sm-pull-11 {
	right: 91.66666667%
}
.col-sm-pull-10 {
	right: 83.33333333%
}
.col-sm-pull-9 {
	right: 75%
}
.col-sm-pull-8 {
	right: 66.66666667%
}
.col-sm-pull-7 {
	right: 58.33333333%
}
.col-sm-pull-6 {
	right: 50%
}
.col-sm-pull-5 {
	right: 41.66666667%
}
.col-sm-pull-4 {
	right: 33.33333333%
}
.col-sm-pull-3 {
	right: 25%
}
.col-sm-pull-2 {
	right: 16.66666667%
}
.col-sm-pull-1 {
	right: 8.33333333%
}
.col-sm-pull-0 {
	right: 0
}
.col-sm-push-12 {
	left: 100%
}
.col-sm-push-11 {
	left: 91.66666667%
}
.col-sm-push-10 {
	left: 83.33333333%
}
.col-sm-push-9 {
	left: 75%
}
.col-sm-push-8 {
	left: 66.66666667%
}
.col-sm-push-7 {
	left: 58.33333333%
}
.col-sm-push-6 {
	left: 50%
}
.col-sm-push-5 {
	left: 41.66666667%
}
.col-sm-push-4 {
	left: 33.33333333%
}
.col-sm-push-3 {
	left: 25%
}
.col-sm-push-2 {
	left: 16.66666667%
}
.col-sm-push-1 {
	left: 8.33333333%
}
.col-sm-push-0 {
	left: 0
}
.col-sm-offset-12 {
	margin-left: 100%
}
.col-sm-offset-11 {
	margin-left: 91.66666667%
}
.col-sm-offset-10 {
	margin-left: 83.33333333%
}
.col-sm-offset-9 {
	margin-left: 75%
}
.col-sm-offset-8 {
	margin-left: 66.66666667%
}
.col-sm-offset-7 {
	margin-left: 58.33333333%
}
.col-sm-offset-6 {
	margin-left: 50%
}
.col-sm-offset-5 {
	margin-left: 41.66666667%
}
.col-sm-offset-4 {
	margin-left: 33.33333333%
}
.col-sm-offset-3 {
	margin-left: 25%
}
.col-sm-offset-2 {
	margin-left: 16.66666667%
}
.col-sm-offset-1 {
	margin-left: 8.33333333%
}
.col-sm-offset-0 {
	margin-left: 0
}
}
@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left
}
.col-md-12 {
	width: 100%
}
.col-md-11 {
	width: 91.66666667%
}
.col-md-10 {
	width: 83.33333333%
}
.col-md-9 {
	width: 75%
}
.col-md-8 {
	width: 66.66666667%
}
.col-md-7 {
	width: 58.33333333%
}
.col-md-6 {
	width: 50%
}
.col-md-5 {
	width: 41.66666667%
}
.col-md-4 {
	width: 33.33333333%
}
.col-md-3 {
	width: 25%
}
.col-md-2 {
	width: 16.66666667%
}
.col-md-1 {
	width: 8.33333333%
}
.col-md-pull-12 {
	right: 100%
}
.col-md-pull-11 {
	right: 91.66666667%
}
.col-md-pull-10 {
	right: 83.33333333%
}
.col-md-pull-9 {
	right: 75%
}
.col-md-pull-8 {
	right: 66.66666667%
}
.col-md-pull-7 {
	right: 58.33333333%
}
.col-md-pull-6 {
	right: 50%
}
.col-md-pull-5 {
	right: 41.66666667%
}
.col-md-pull-4 {
	right: 33.33333333%
}
.col-md-pull-3 {
	right: 25%
}
.col-md-pull-2 {
	right: 16.66666667%
}
.col-md-pull-1 {
	right: 8.33333333%
}
.col-md-pull-0 {
	right: 0
}
.col-md-push-12 {
	left: 100%
}
.col-md-push-11 {
	left: 91.66666667%
}
.col-md-push-10 {
	left: 83.33333333%
}
.col-md-push-9 {
	left: 75%
}
.col-md-push-8 {
	left: 66.66666667%
}
.col-md-push-7 {
	left: 58.33333333%
}
.col-md-push-6 {
	left: 50%
}
.col-md-push-5 {
	left: 41.66666667%
}
.col-md-push-4 {
	left: 33.33333333%
}
.col-md-push-3 {
	left: 25%
}
.col-md-push-2 {
	left: 16.66666667%
}
.col-md-push-1 {
	left: 8.33333333%
}
.col-md-push-0 {
	left: 0
}
.col-md-offset-12 {
	margin-left: 100%
}
.col-md-offset-11 {
	margin-left: 91.66666667%
}
.col-md-offset-10 {
	margin-left: 83.33333333%
}
.col-md-offset-9 {
	margin-left: 75%
}
.col-md-offset-8 {
	margin-left: 66.66666667%
}
.col-md-offset-7 {
	margin-left: 58.33333333%
}
.col-md-offset-6 {
	margin-left: 50%
}
.col-md-offset-5 {
	margin-left: 41.66666667%
}
.col-md-offset-4 {
	margin-left: 33.33333333%
}
.col-md-offset-3 {
	margin-left: 25%
}
.col-md-offset-2 {
	margin-left: 16.66666667%
}
.col-md-offset-1 {
	margin-left: 8.33333333%
}
.col-md-offset-0 {
	margin-left: 0
}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left
}
.col-lg-12 {
	width: 100%
}
.col-lg-11 {
	width: 91.66666667%
}
.col-lg-10 {
	width: 83.33333333%
}
.col-lg-9 {
	width: 75%
}
.col-lg-8 {
	width: 66.66666667%
}
.col-lg-7 {
	width: 58.33333333%
}
.col-lg-6 {
	width: 50%
}
.col-lg-5 {
	width: 41.66666667%
}
.col-lg-4 {
	width: 33.33333333%
}
.col-lg-3 {
	width: 25%
}
.col-lg-2 {
	width: 16.66666667%
}
.col-lg-1 {
	width: 8.33333333%
}
.col-lg-pull-12 {
	right: 100%
}
.col-lg-pull-11 {
	right: 91.66666667%
}
.col-lg-pull-10 {
	right: 83.33333333%
}
.col-lg-pull-9 {
	right: 75%
}
.col-lg-pull-8 {
	right: 66.66666667%
}
.col-lg-pull-7 {
	right: 58.33333333%
}
.col-lg-pull-6 {
	right: 50%
}
.col-lg-pull-5 {
	right: 41.66666667%
}
.col-lg-pull-4 {
	right: 33.33333333%
}
.col-lg-pull-3 {
	right: 25%
}
.col-lg-pull-2 {
	right: 16.66666667%
}
.col-lg-pull-1 {
	right: 8.33333333%
}
.col-lg-pull-0 {
	right: 0
}
.col-lg-push-12 {
	left: 100%
}
.col-lg-push-11 {
	left: 91.66666667%
}
.col-lg-push-10 {
	left: 83.33333333%
}
.col-lg-push-9 {
	left: 75%
}
.col-lg-push-8 {
	left: 66.66666667%
}
.col-lg-push-7 {
	left: 58.33333333%
}
.col-lg-push-6 {
	left: 50%
}
.col-lg-push-5 {
	left: 41.66666667%
}
.col-lg-push-4 {
	left: 33.33333333%
}
.col-lg-push-3 {
	left: 25%
}
.col-lg-push-2 {
	left: 16.66666667%
}
.col-lg-push-1 {
	left: 8.33333333%
}
.col-lg-push-0 {
	left: 0
}
.col-lg-offset-12 {
	margin-left: 100%
}
.col-lg-offset-11 {
	margin-left: 91.66666667%
}
.col-lg-offset-10 {
	margin-left: 83.33333333%
}
.col-lg-offset-9 {
	margin-left: 75%
}
.col-lg-offset-8 {
	margin-left: 66.66666667%
}
.col-lg-offset-7 {
	margin-left: 58.33333333%
}
.col-lg-offset-6 {
	margin-left: 50%
}
.col-lg-offset-5 {
	margin-left: 41.66666667%
}
.col-lg-offset-4 {
	margin-left: 33.33333333%
}
.col-lg-offset-3 {
	margin-left: 25%
}
.col-lg-offset-2 {
	margin-left: 16.66666667%
}
.col-lg-offset-1 {
	margin-left: 8.33333333%
}
.col-lg-offset-0 {
	margin-left: 0
}
}


@media (min-width: 1200px) {
.hidden-pc { display: block;}
.hidden-mobile { display: none;}
	
.nav-triggle { display: none;}	

.material-menu li ul { top: 120px;}

/* Product */
.page .prod-show { margin-right: -15px;}


/* News */
.page-news .news-list li:after { left: 15px; right: 15px; width: auto;}

/* Ebook */
.book-right { height: 740px;}
.book-old { height: 648px;}

.flipbook-viewport .flipbook-pc { width: 1000px; height: 700px; left:-500px; top:-350px;}

.book-right .paging { top: -40px;}

}

@media (min-width: 980px) and (max-width: 1199px) {
.hidden-pc { display: block;}
.hidden-mobile { display: none;}

	
.logo { padding: 34px 0 33px;}
.logo img { height: 40px;}
nav li a { font-size: 1.1em; padding-top: 50px; padding-bottom: 34px; padding-left: 9px; padding-right: 9px;}
.material-menu li ul { top: 110px; right: -30px;}


.slider .inner { left: 45%; padding-top: 100px;}
.slider .inner h2 { font-size: 2.8em;}
.slider .inner h4 { margin-bottom: 30px;}
.slider .inner p { margin: 10px 0; font-size: 1em;}
.slider .btn-large { padding: 10px 30px; font-size: 1.25em;}
.slider .icon { right: 0%;}
.slider .icon img { width: 100px;}

.vsun-Video { margin-top: 0;}
.vsun-Event { margin-left: -15px; margin-right: -15px;}

.vsun-ctg-new dt { padding-right: 0;}
.vsun-ctg-new h3 { font-size: 1.2em;}

/* Product */
.page .prod-show { margin-right: -15px;}

.prod-intro .prod-inner .btn,
.fck-buy .btn { width: 160px;}


/* News */
.page-news .news-list li:after { left: 15px; right: 15px; width: auto;}

/* job */
.job-item-01 dl { min-height: 275px;}
.job-item-01 li { padding-bottom: 10px;}
.job-item-02 { min-height: 115px;}
.job-item-03 { min-height: 139px;}
.job-item-02 ul, .job-item-03 ul { margin-top: 15px;}

.job-illus { display: none;}

/* book */
.book-left { width: 425px; margin-left: 15px;}
.book-right { width: 530px;}

.book-new { width: 360px; height: 524px; padding: 20px 27px 0 20px; margin: 40px auto;}
.book-series time { font-size: 32px;}
.book-series code { margin: 5px 10px; line-height: 1.2;}

.book-old { width: 460px; margin: 70px 0 0 20px;}
.book-old li p { margin-bottom: 59px;}

/* Ebook */
.book-right { height: 604px;}
.book-old { height: 534px;}

.flipbook-viewport .flipbook-pc { width: 950px; height: 666px; left:-475px; top:-333px;}
.book-right .paging { top: -40px;}
}

@media (min-width: 768px) and (max-width: 979px) {
.hidden-pc { display: block;}
.hidden-mobile { display: none;}

.logo { padding: 15px 0;}
.logo img { height: 40px; display: block;}

.nav-triggle { display: block; position: absolute; right: 0; top: 0; width: 71px; height: 70px; border-left: 1px solid #efefef;}
.nav-triggle a { display: block; height: 100%; opacity: 0.35;}
.nav-triggle a:hover { opacity: 0.65;}

.material-menu li ul { visibility: visible; opacity: 1; position: static; box-shadow: none;}
.material-menu li li a { padding-left: 25px; background-color: #f4f4f4;}

.slider .inner { left: 45%; padding-top: 80px;}
.slider .inner h2 { font-size: 2.2em;}
.slider .inner h4 { margin-bottom: 30px;}
.slider .inner p { margin: 10px 0; font-size: 1em;}
.slider .btn-large { display: none;}
.slider .icon { right: 0%;}
.slider .icon img { width: 80px;}

.vsun-Video { margin-top: 0;}
.vsun-Video p { display: none;}
.vsun-Event { margin-left: -15px; margin-right: -15px;}

.e-catalog { padding-left: 0; margin-left: -15px; margin-right: -15px;}

.prod-type .icon { width: 120px; height: 120px;}	
.prod-type [class^="ico-"], .prod-type [class*="ico-"] { width: 120px; height: 120px;}


/* About */
.fflat5 div:first-child { padding: 30px 0 0;}
.fflat5 div:first-child:after { display: none;}
.fflat5 div:last-child { padding: 30px 0 0; }
.fflat5 div:last-child:after { display: none;}

.fflat5 .furukawa { text-align: center;}
.fflat5 .furukawa img { margin: 0 auto; width: 50%;}

/* Product */
.page-title { margin-left: 0; margin-right: 0;}
.page .filter { right: 0;}
.page .prod-show { margin-left: -30px; margin-right: -30px;}

.fck-content img { width: 100%;}

.catalog { display: none;}

.page .catalog-menu { margin-top: -20px;}

.prod-intro .prod-inner .btn,
.fck-buy .btn { padding: 6px 10px; width: 150px;}

/* News */
.page-news { padding: 0;}
.page-news .news-list li:after { left: 15px; right: 15px; width: auto;}

/* job */
.job-illus { display: none;}

/* book */
.book-left { width: 340px;}
.book-right { width: 410px;}

.book-new { width: 290px; height: 422px; padding: 17px 22px 0 17px; margin: 26px auto;}
.book-series time { font-size: 28px;}
.book-series code { margin: 5px 10px; font-size: 12px; line-height: 1.1;}
.book-series p { margin-top: 8px;}

.book-old { width: 350px; margin: 45px 0 15px 20px;}
.book-small { padding: 0 15px;}
.book-old li p { margin-top: 28px; margin-bottom: 40px; font-size: 12px;}

/* Ebook */
.book-right { height: 474px;}
.book-old { height: 417px;}

.book-right .paging { top: -40px;}
.book-right .paging a { padding: 5px 11px;}
}

@media (min-width: 480px) and (max-width: 767px) {
.hidden-pc { display: none;}
.hidden-mobile { display: block;}
	
.logo { padding: 15px 0; margin-left: 15px;}
.logo img { height: 40px; display: block;}

.slider .inner { left: 45%; padding-top: 80px;}
.slider .inner h2 { font-size: 1.5em;}
.slider .inner h4 { display: none;}
.slider .inner p { margin: 10px 0; font-size: 1em;}
.slider .btn-large { display: none;}
.slider .icon { right: 0%;}
.slider .icon img { width: 80px;}


.vsun-Video { margin-top: 0;}
.vsun-Video h2 { font-size: 1.3em; height: 2em; overflow: hidden;}
.vsun-Video h3 { font-size: 1.1em;}
.vsun-Video p { display: none;}
.vsun-Event { margin-left: -15px; margin-right: -15px;}
.vsun-Event h2 { font-size: 1.3em;}
.vsun-Event h3 { font-size: 1.1em;}

.vsun-Video dt em { background-size: 50% auto;}

.news { margin-left: 0; margin-right: 0;}

.vsun-ctg-new dd { padding: 15px 30px;}
.vsun-ctg-old li:after { background-position: center center; background-repeat: no-repeat;}

.prod-type { width: 100%; padding-bottom: 20px;}
.prod-type .icon { float: left; width: 120px; height: 120px;}
.prod-type [class^="ico-"], .prod-type [class*="ico-"] { width: 100%; height: 100%; background-size: 40% auto;}
.prod-type h3, .prod-type p { padding-left: 140px; text-align: left;}
.prod-type h3 { margin-top: 0;}
.prod-type p { margin-top: 10px;}
.prod-type .btn-box { padding-left: 140px; margin-top: 10px; text-align: left;}
.prod-type .btn-box .btn { width: auto; font-size: 0.85em; text-align: center;}

.product, .recommend, .contact { padding-left: 15px; padding-right: 15px;}

.vsun-Video { margin-top: 0;}
.vsun-Video h2 { font-size: 1.3em; height: 2em; overflow: hidden;}
.vsun-Video h3 { font-size: 1.1em;}
.vsun-Video p { display: none;}
.vsun-Event { margin-left: -15px; margin-right: -15px;}
.vsun-Event h2 { font-size: 1.3em;}
.vsun-Event h3 { font-size: 1.1em;}

.news { margin-left: 0; margin-right: 0;}


/* About */
.fflat5 div:first-child { padding: 30px 0 0;}
.fflat5 div:first-child:after { display: none;}
.fflat5 div:last-child { padding: 30px 0 0; }
.fflat5 div:last-child:after { display: none;}

/* Product */
.catalog { display: none;}

.page .filter { position: static; margin: 0 0 20px 0;}
.page .catalog-menu { margin-top: -20px;}

.prod-intro .prod-inner .btn,
.fck-buy .btn { padding: 9px; margin-right: 10px;}
.fck-content img { width: 100%;}

/* News */
.page-news .news-list li:after { left: 15px; right: 15px; width: auto;}

/* job */
.job-illus { display: none;}
.job-item-01 dl { min-height: inherit; margin-bottom: 20px;}

/* book */
.book-left { width: 100%;}
.book-right { width: 100%;}

.book-new { width: 290px; height: 422px; padding: 17px 22px 0 17px; margin: 26px auto;}
.book-series time { font-size: 28px;}
.book-series code { margin: 5px 10px; font-size: 12px; line-height: 1.1;}
.book-series p { margin-top: 8px;}

.book-old { display: none;}

/* Ebook */
.book-right,
.book-right .paging { display: none;}

}

@media only screen and (max-width: 479px) {
.hidden-pc { display: none;}
.hidden-mobile { display: block;}

.logo { padding: 20px 0; margin-left: 15px;}
.logo img { height: 30px; display: block;}

.slider .inner { left: 45%; padding-top: 20px;}
.slider .inner h2 { font-size: 1.2em;}
.slider .inner h4 { display: none;}
.slider .inner p { display: none;}
.slider .btn-large { display: none;}
.slider .icon { right: 0%;}
.slider .icon img { width: 80px;}

.vsun-Video { margin-top: 0;}
.vsun-Video dl { width: 100%;}
.vsun-Video h2 { font-size: 1.2em; height: 2em; overflow: hidden;}
.vsun-Video h3 { font-size: 1em;}
.vsun-Video p { display: none;}
.vsun-Event { margin-left: -15px; margin-right: -15px;}
.vsun-Event h2 { font-size: 1.2em;}
.vsun-Event h3 { font-size: 1em;}
.vsun-Event p { display: none;}
.vsun-Event:before { margin-bottom: 40px;}

.news { margin-left: 0; margin-right: 0;}
.product, .recommend, .contact { padding-left: 15px; padding-right: 15px;}

.vsun-ctg-new dd { padding: 15px 30px;}
.vsun-ctg-old li:after { background-position: center center; background-repeat: no-repeat;}
.vsun-ctg-new h3 { font-size: 1.2em;}
.vsun-ctg-old li { width: 50%;}

.prod-type { width: 100%; padding-bottom: 20px;}
.prod-type .icon { float: left; width: 120px; height: 120px; display: none;}
.prod-type h3, .prod-type p { margin-left: -15px; text-align: left;}
.prod-type h3 { margin-top: 0;}
.prod-type p { margin-top: 10px;}
.prod-type .btn-box { margin-left: -15px; margin-top: 10px; text-align: left;}
.prod-type .btn-box .btn { width: 100%; font-size: 0.85em; text-align: center;}

.prod-list { width: 100%}

.copyright { font-size: 0.85em;}
.social a { float: left; margin-top: 15px;}

.fck-content img { width: 100%;}

/* About */
.fflat5 div:first-child { padding: 30px 0 0;}
.fflat5 div:first-child:after { display: none;}
.fflat5 div:last-child { padding: 30px 0 0; }
.fflat5 div:last-child:after { display: none;}

/* Product */
.catalog { display: none;}

.page .filter { position: static; margin: 0 0 20px 0;}
.page .filter a { width: 45%; display: inline-block;}

.page .catalog-menu { margin-top: -20px;}

.prod-intro .prod-inner { font-size: 14px;}
.prod-intro .prod-inner h2 { font-size: 24px;}
.prod-intro .prod-inner h4 { font-size: 18px;}
.prod-intro .prod-inner .btn,
.fck-buy .btn { margin-right: 0; margin-bottom: 10px; width: 48%; font-size: 14px;}

.paging a { margin-bottom: 10px;}
.paging a:first-child, .paging a:last-child { display: none;}

.fck-buy { padding: 0 15px; text-align: left;}
.fck-buy .btn { display: inline-block; margin: 0 0 10px; min-width: 140px; font-size: 1em; color: #666;}

/* job */
.job-illus { display: none;}
.job-item-01 dl { min-height: inherit; margin-bottom: 20px;}


/* book */
.book-left { float: none; width: 100%; padding: 30px 0;}
.book-right { float: none; width: 100%;}

.book-new { width: 290px; height: 422px; padding: 17px 22px 0 17px; margin: 0 auto;}
.book-series time { font-size: 28px;}
.book-series code { margin: 5px 10px; font-size: 12px; line-height: 1.1;}
.book-series p { margin-top: 8px;}

.book-old { display: none;}

.book-right,
.book-right .paging { display: none;}

.hidden-mobile { display: none;}
.hidden-pc { display: block;}
}


@media only screen and (max-width: 990px) {
	
	header { z-index: auto; }
	
	nav li { float: none; border-bottom: 1px solid #e9e9e9;}
	nav li a { padding: 10px 15px; font-size: 1em;}
	nav li li { border-bottom: none;}
	
	nav li li:hover a, nav li li a:hover { background-color: #fff;}
	nav li li a:before { display: inline-block; content: ""; width: 8px; height: 8px; background-color: #333; border-radius: 50%; vertical-align: middle;}
	
    /** Button styling */
    .material-menu-button { position: absolute; right: 0; top: 0; z-index: 100; display:block; width:71px; height:70px; border-left: 1px solid #e9e9e9; cursor: pointer;}

    .material-menu-wrapper { padding: 0;}
    .material-menu-view-mobile {
        background-color:#fff;
        -webkit-box-shadow:40px 0px 30px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow:40px 0px 30px 0px rgba(0, 0, 0, 0.2);
        box-shadow:40px 0px 30px 0px rgba(0, 0, 0, 0.2);
    }

    /** Titlebar */
    .material-menu-titlebar {
        -webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);
        box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    }
	
	
	.material-menu li ul { position: static; opacity: 1; visibility: visible; box-shadow: none;}
	.material-menu li li { border-color: #dfdfdf;}
	.material-menu li ul li a { padding-left: 15px; background-color: #f4f4f4;}
	.material-menu li ul li a:hover { padding-left: 25px; background-color: #efefef;}
	.material-menu li ul li a:before { display: inline-block; margin-right: 15px; width: 8px; height: 8px; background-color: #ccc; border-radius: 50%; content: ""; vertical-align: middle;}
	
	.material-menu li a:after { width: 100%; height: 100%;}
	.material-menu li:hover a:after, .material-menu li.active a:after { width: 4px; height: 100%; right: auto;}
	
}