@charset "UTF-8";
@-webkit-keyframes fading {
	from { 
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 0;
		-ms-opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity=0);
	 }
	to { 
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		-ms-opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100); }
}
@-o-keyframes fading {
	from { 
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 0;
		-ms-opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity=0);
	 }
	to { 
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		-ms-opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100); }
}
@-moz-keyframes fading {
	from { 
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 0;
		-ms-opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity=0);
	 }
	to { 
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		-ms-opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100); }
}
@keyframes fading {
	from { 
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 0;
		-ms-opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity=0);
	 }
	to { 
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		-ms-opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100); }
}
@-webkit-keyframes open {
	from {
	opacity: 0.8;
	-khtml-opacity: 0.8;
	-ms-opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	 filter: alpha(opacity=30); 
	 }
	to { 
	opacity: 0.8;
	-khtml-opacity: 0.8;
	-ms-opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	 filter: alpha(opacity=30);  }
}
@-o-keyframes open {
	from {
	opacity: 0.8;
	-khtml-opacity: 0.8;
	-ms-opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	 filter: alpha(opacity=30); 
	 }
	to { 
	opacity: 1;
	-khtml-opacity: 1;
	-ms-opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	 filter: alpha(opacity=100);  }
}
@-moz-keyframes open {
	from {
	opacity: 0.8;
	-khtml-opacity: 0.8;
	-ms-opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	 filter: alpha(opacity=30); 
	 }
	to { 
	opacity: 1;
	-khtml-opacity: 1;
	-ms-opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	 filter: alpha(opacity=100);  }
}
@keyframes open {
	from {
	opacity: 0.8;
	-khtml-opacity: 0.8;
	-ms-opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	 filter: alpha(opacity=30); 
	 }
	to { 
	opacity: 1;
	-khtml-opacity: 1;
	-ms-opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	 filter: alpha(opacity=100);  }
}
body.supplement .expoContent a {display:block;}
body.supplement .expoContent .sp,
body.supplement .expoContent .spBtn {
	/*background-image:url('../images/sup/plan.png');*/ background-position:0px 0px;
}
body.supplement .expoContent p.desc {font-size:12px; line-height:18px;}
body.supplement .expoContent div.info, body.supplement .expoContent div.info h1.title{
	-webkit-background-size: contain;
	background-size: contain;
	-webkit-background-origin: content-box;
	background-origin: content-box;
	background-repeat: no-repeat;
}
/*body.supplement .expoContent div.info{
	width:100%; height: 122px; padding:0px 40px;
	background-image: url(/expo/201708/images/supplement/header_bg2.png);
}
body.supplement .expoContent div.info h1.title{
	display: block;
	background-image: url(/expo/201708/images/supplement/heading2.png);
	width: 254px;
	height: 69px;
	margin: 35px auto;
}*/
body.supplement .expoContent div.info{
	width:100%; height: 78px; padding:0;
	background-image: url(/expo/201708/images/supplement/header_bg.png);
}
body.supplement .expoContent div.info h1.title{
	display: block;
	background-image: url(/expo/201708/images/supplement/heading.png);
	width: 254px;
	height: 69px;
	margin: 4px auto;
}
body.supplement .expoContent div.sup-box.content-box{
	background-repeat: repeat-y;
	-webkit-background-origin: content-box;
	background-origin: content-box;
	-webkit-background-size: cover;
	background-size: cover;
	/*background-image: url(/expo/201708/images/supplement/content_bg.png);*/
}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList{
	position: relative;}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next{
	position: absolute;
	top: 40%;
	z-index: 1;
	width: 2em;
	cursor: pointer;
}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:after, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:after{
	content: "";
	display:block;
	border: 2em solid rgba(175, 168, 168, 0.5);
    border-color: transparent rgba(175, 168, 168, 0.5) transparent rgba(175, 168, 168, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span:after{
	opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	filter: alpha(opacity=0);
}
body.supplement .expoContent *{
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev{
	left: 1em;
}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:after{
    border-left: 0;
}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:before, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:after{
	border-right: 0;
}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:after{
	-webkit-transform: translateX(-13px);
	-ms-transform: translateX(-13px);
	-o-transform: translateX(-13px);
	transform: translateX(-13px);
}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:after{
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	-o-transform: translateX(13px);
	transform: translateX(13px);
}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.prev:hover:after, body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next:hover:after{
	/*-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);*/
	opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
}
body.supplement .expoContent div.sup-box.content-box ul.clientBox.buList span.next{
	right: 1em;
}
body.supplement .expoContent div.sup-box.content-box  ul.clientBox{
	width: 878px;
	display: block;
	margin-left: 40px;
	overflow: hidden;
	border: 1.5px solid #79d1cb;
}
	body.supplement .expoContent div.info h2 {width:280px; height:100px;}
	body.supplement .expoContent div.info p.desc {width:280px;}
	body.supplement .expoContent div.info a.like {
		width:278px; height:26px; float:left; padding:0px 10px 0px 0px; 
		/*background-image:url('../images/sup/FB.png');*/
	}
body.supplement .expoContent .sup-box{width: 100%;clear: both;display: block;}
body.supplement .expoContent{width: 100%;}
body.supplement .expoContent div.supBanner {
	width:100%; height:200px; overflow:hidden; padding:0px 14px 0px 14px;
	/*background-image:url('../images/sup/supplement-sp.png'); */background-repeat:no-repeat; 
	background-position:-400px 0px;
	box-sizing: border-box;
}
body.supplement .supBanner.box.sup-box ul.buList img {
    width: 100%;
    padding: 0 20px;
    display: block;
    max-width: 100%;
    box-sizing: border-box;
}
	div.supBanner .buList,
	div.supBanner .buList li,
	div.supBanner .buList a {
		width:890px; height:200px; overflow:hidden;
		margin: 0 auto;
	}
	div.supBanner .buList {position:relative;}
	div.supBanner .buList li {position:absolute; left:0px; top:0px;}
body.supplement .expoContent div.logoSet {
	width:878px; height:155px; overflow:hidden;
	margin-left:40px;
}
div.logoSet .buList {
	width:3680px; height:155px;
}
div.logoSet .buList li {
	width:149px; height:115px; float:left; overflow:hidden; padding: 20px 6px 20px 5px;
	/*background-image:url('../images/sup/supplement-bg.png');*/ background-repeat:repeat-x; background-position:0px 0px;
}
div.logoSet .buList a {
	position:relative; width:149px; height:115px; float:left; overflow:hidden;
	box-shadow: -2px 3px 20px 6px #dcdcdc;
	-khtml-box-shadow: -2px 3px 20px 6px #dcdcdc;
	-o-box-shadow: -2px 3px 20px 6px #dcdcdc;
	-ms-box-shadow: -2px 3px 20px 6px #dcdcdc;
	-moz-box-shadow: -2px 3px 20px 6px #dcdcdc;
	-webkit-box-shadow: -2px 3px 20px 6px #dcdcdc;
	border-radius: 11px;
	-o-border-radius: 11px;
	-ms-border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}
div.logoSet span.shdw {
	position:absolute; left:4px; top:4px; display:block; width:141px; height:107px; overflow:hidden;
	/*background-image:url('../images/sup/supplement-sp.png');*/ background-repeat:no-repeat; background-position:-252px -11px;
}
div.logoSet img {
	position:absolute; left:4px; top:4px; display:block; width:141px; height:107px;
}
	
body.supplement .expoContent ul.clientBox {
	margin:0px 40px; width:880px;
}
ul.clientBox li.item {
	position:relative; width:880px; overflow:hidden;
	/*background-image:url('../images/sup/supplement-bgset.gif');*/ background-repeat:repeat-x; background-position:0px 0px;
	display: block;
}
ul.clientBox li.color1 {background-position:0px 0px;}
ul.clientBox li.color2 {background-position:0px -220px;}
ul.clientBox li.color3 {background-position:0px -440px;}
ul.clientBox li.color4 {background-position:0px -660px;}
ul.clientBox li.color5 {background-position:0px -880px;}

ul.clientBox .largeLogo {
	width:201px; height:149px; overflow:hidden; padding:12px; margin:10px;
	/*background-image:url('../images/sup/supplement.png');*/ background-repeat:no-repeat; background-position:0px 0px;
}
ul.clientBox p.boothLoc {
	color:#8B69AB; font-size:15px; position:absolute; left:10px; top:184px; width:230px; height:30px;
}
ul.clientBox .clientInfo {
	font-size:12px;
	position:absolute; left:270px; top:10px; width:580px; height:196px; overflow:auto;
}
ul.clientBox .clientInfo .desc a {display:inline;}
.clientInfo h4 {
	color:#8B69AB; font-size:12px; margin:4px 0px 10px 0px;
}
/*content*/
body.supplement .expoContent ul.clientBox.buList li.item .detail{
	display: block;
	box-sizing: border-box;
	padding: 10px;
}
body.supplement .expoContent ul.clientBox.buList .part1{
	position: relative;
}
body.supplement .expoContent ul.clientBox.buList .content-box .part1, 
body.supplement .expoContent ul.clientBox.buList .content-box .part2{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part1 .detail{
	/*position: absolute;
	top: 0;
	bottom: 0;*/
	display: block;
	float: left;
}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part1 .detail img{
	display: inline-block;
}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part1 div:nth-child(1){
	width: 268px;
	text-align: center;
	vertical-align: middle;
	left: 0;
}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part1 div:nth-child(2){
	width: 606px;
	left: 268px;
	padding: 50px 30px 20px 0;
	font-size: 16px;
	line-height: 1.5em;
}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part1 div:nth-child(2) p{padding-left: 0!important;}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part2{
	padding: 20px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part2 img{
	border: 0;
	display: inline-block!important;
	padding: 0 6px;
	width: 100%;
	max-width: 200px;
	min-width: 160px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body.supplement .expoContent ul.buList li{
	background-image: none!important;
}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part1 .detail p{text-align: left;
	padding-left: 1em;
}
body.supplement .expoContent p.sup-box{text-align: right;box-sizing: border-box;width: 100%;padding: 1em;}
body.supplement .expoContent ul.clientBox.buList li.item.dn{
	display: none!important;
}
body.supplement .expoContent div.supBanner ul.buList a{
	display: none;
}
body.supplement .expoContent ul#content_item li{
	-webkit-animation: fading 0.6s ease-in normal;
	-o-animation: fading 0.6s ease-in normal;
	animation: fading 0.6s ease-in normal;
}
body.supplement .expoContent .share_tag{position: absolute;top: 0.3em;
z-index: 10;
}
.Aroona{text-align: left;}
table.Aroona{width: 100%;border:2.5px solid #39bcce;max-width: 880px;}
table.Aroona td{border:1px solid #39bcce;vertical-align: middle;}
table.Aroona img{max-width: 160px;}
table.Aroona tr td div{margin: 0;padding: 0;display: block;float: left;}
table.Aroona tr td .tab_part1{width: 23%;}
table.Aroona tr td .tab_part2{width: 76%;}
table.Aroona tr td .tab_part2 p{line-height: 1.3em;margin: 16px 0;}
table.Aroona tr td .tab_part2 h3{margin: 19px 0;text-decoration-color:#39bcce; font-size: 19px;text-decoration-line: underline;text-decoration-style: bolder;}
.sup-box.Aroona{margin: 16px 0;}
.sup-box.Aroona h2{display: block;float: left;}
.sup-box.Aroona h2:first-child{width: 230px;}
.sup-box.Aroona h2:last-child{width: 430px;height: 90px;}
.u-line{text-decoration: underline;}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part1 .detail:first-child p{
	position: absolute;
	width: 510px;
	font-size: 16px;
	color: #808080;
}
.sup-box.btn-footer{width: 878px!important;margin-left: 40px;}
.por{position: relative;display: block;width: 101px;height: 35px;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;cursor: pointer;}
#prev.por{float: left;background-image: url(/expo/201708/images/supplement/prev.png)}
#next.por{float: right;background-image: url(/expo/201708/images/supplement/next.png)}
body.supplement .expoContent ul.clientBox.buList li.item .detail:last-child, body.supplement .expoContent ul.clientBox .part2 p{text-align: justify!important;}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part1 .detail:first-child p .booth-header{
	font-size: 18px;
	font-weight: bold;
	color: #696969;
}
body.supplement .expoContent ul.clientBox.buList li.item .content-box .part1 div:nth-child(1) img{
	margin-top: 29px;
}
body.supplement .supBanner.box.sup-box ul.buList img{
	-webkit-animation: open 1s ease-in normal;
	-o-animation: open 1s ease-in normal;
	animation: open 1s ease-in normal;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
body.supplement .expoContent .text-uline{text-decoration: underline;}