#system-message{
	display: none;
}

#profile{
	image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
	filter: none; 
	-webkit-filter: blur(0px); 
	-moz-filter: blur(0px); 
	-ms-filter: blur(0px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}

#profile .row{}

#profile .row .video{
	/* background: url("/assets/images/vision_video_background.jpg") no-repeat 100%;
	background-size:contain;
	padding:54px 40px 54px 0; */
}
#profile .row .video img{
	width:100%;
	padding:30px 30px 30px 0;
}

#profile .row .item-title{
	width: 100%;
	background: #00C7B1;
	color:#fff;
	font-size:2rem;
	text-align:center;
	font-weight:normal;
	padding:10px 40px;
	max-width:260px;
	min-width:225px;
	line-height:0px;
} 

#profile .row .item-title h2{
	margin-top:0px;
	margin-bottom:0px;
}

#profile .row .reduce-line-height{
	line-height:12px;
	padding-top:22px;
}

#profile .row .item{
	margin-top:30px;
}

#profile .row .item .item-inner{
	text-align:center;
	border:1px #00C7B1 solid;
	padding:10px;
	height:300px;
	vertical-align:middle;
	display:table;
	width:100%;
	min-width:220px;
}

#profile .row .item .item-inner .center-box{
	display: table-cell;
    vertical-align: middle;
}

#profile .row .item .item-inner .center-box h1{
	color:#00C7B1;
	font-size:3.75rem;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
}

#profile .row .item .item-inner .center-box h2{
	color:#00C7B1;
	font-weight: bold;
	font-size:3rem;
	line-height:2.5rem;
	margin-top: 10px;
    margin-bottom: 5px;
}

#profile .row .item .item-inner .center-box h4{
	margin-top:0px;
	margin-bottom:0px;
}

#profile .row .item .item-inner .item-image{
	padding-bottom:30px;
}

#profile .row .item .item-inner .item-image img{
	max-width:90%;
}

#profile .row .total-brand-activation{
	width:100%;
	background:url("/assets/images/profile_box.jpg") no-repeat;
	background-size:100%;
	margin:100px 0;
	padding-bottom:20px;
	background-origin:content-box;
}

#profile .row .total-brand-activation .invisible img{
	width:100%;
}

#profile .row .total-brand-activation .box-left{
	background-size: cover;
    position: absolute;
	top: 18%;
	left: 6%;
	width: 25%;
/*	cursor:pointer;*/
}
#profile .row .total-brand-activation .box-left:hover{
/*	background-size: cover;
    position: absolute;
    top:10%;
    left: 2%;
    width:31%; */
}

#profile .row .total-brand-activation .box-center{
	background-size: cover;
    position: absolute;
    top: 14%;
    left: 36.5%;
	cursor:pointer;
	width:27%;
}

#profile .row .total-brand-activation .box-center:hover{
	background-size: cover;
    position: absolute;
    left: 37.5%;
    top: 10%;
    width: 26%;
}

#profile .row .total-brand-activation .box-right{
	background-size: cover;
    position: absolute;
	top: 18%;
	right: 4.8%;
	width: 25%;
/*	cursor:pointer;*/
}

#profile .row .total-brand-activation .box-right:hover{
/*	background-size: cover;
    position: absolute;
    top: 13.4%;
    right: 2%;
    width: 31%;*/
}

#profile .row .total-brand-activation .caption {
	font-size: 2vw;
	font-weight: 600;
	color: #fff;
	margin-bottom: 2%;
}
html[lang="zh-tw"] #profile .row .total-brand-activation .caption {
	margin-bottom: 1%;
}
html[lang="zh-cn"] #profile .row .total-brand-activation .caption {
	margin-bottom: 1%;
}
#profile .row .total-brand-activation ul.list {
	padding: 0;
	margin: 0;
	list-style: none;	
}
#profile .row .total-brand-activation ul.list li {
	float: left;
	width: 46%;
	/*margin-top: -4px;*/
	line-height: 120%;
}
#profile .row .total-brand-activation ul.list li.engagement-list {
	width:auto !important;
}

#profile .row .total-brand-activation ul.list li a {
	color: #fff;
	font-size: 1.2vw;
}

#profile .row .total-brand-activation-mobile img{
	width:100%;
}

#profile .row .total-brand-activation-mobile{
	width:100%;
/*	background:url("/assets/images/profile_box_mobile.jpg") no-repeat;*/
	background:url("/assets/images/profile_box_blank_mobile.jpg") no-repeat;
	background-size:100%;
	image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
	background-origin:content-box;
	margin:30px 0;
}
html[lang="zh-tw"] #profile .row .total-brand-activation-mobile {
	background:url("/assets/images/profile_box_blank_mobile_zh.jpg") no-repeat;
	background-size:100%;
	image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
	background-origin:content-box;
}
html[lang="zh-cn"] #profile .row .total-brand-activation-mobile {
	background:url("/assets/images/profile_box_blank_mobile_zh.jpg") no-repeat;
	background-size:100%;
	image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
	background-origin:content-box;
}

#profile .row .total-brand-activation-mobile .visible-xs img{
	width:100%;
}

#profile .row .total-brand-activation-mobile .caption {
	font-size: 4vw;
	font-weight: 600;
	color: #fff;
	margin: 4% 0 4% 0;
}
#profile .row .total-brand-activation-mobile ul.list {
	padding: 0;
	list-style-type: none;
}
#profile .row .total-brand-activation-mobile ul.list li {
	float: left;
	width: 50%;
	margin-top: -3px;
}
#profile .row .total-brand-activation-mobile ul.list li.engagement-list {
	width:100% !important;
}
#profile .row .total-brand-activation-mobile .box-left{
	/* background:url("/assets/images/profile_box_left.png") no-repeat; */
	background-size: cover;
    position: absolute;
    top: 3%;
	left: 18%;
	width: 65%;
	cursor:pointer;
}

#profile .row .total-brand-activation-mobile .box-center{
	/*  background:url("/assets/images/profile_box_center.png") no-repeat;  */
	background-size: cover;
    position: absolute;
	top: 32%;
    left: 15%;
    width: 72%;
	cursor:pointer;
}

#profile .row .total-brand-activation-mobile .box-right{
	/* background:url("/assets/images/profile_box_right.png") no-repeat; */
	background-size: cover;
    position: absolute;
	top: 70%;
	left: 18%;
	width: 65%;
	cursor:pointer;
}

#profile .ref-date{
	margin-top:20px;
}



@media screen and (max-width: 1199px) {
	#profile .row .total-brand-activation .box-left {
		top: 19%;
	}
	#profile .row .total-brand-activation .box-right {
		top: 19%;
	}
}

@media screen and (max-width: 991px) {
	#profile .row .total-brand-activation .box-left ul.list li {
		margin-top: -2%;
	}
}
@media screen and (max-width: 767px) {
	#profile .item-title{
		text-align:left;
		padding:10px 20px;
		max-width:none;
	}
	
	#profile .row .item-title{
		margin-bottom:20px;
	}
	
	#profile .row .reduce-line-height{
		line-height:normal;
		padding-top:0px;
	}
	#profile .row .total-brand-activation-mobile .box-left {
		top: 3%;
	}
}

@media screen and (max-width: 479px) {
	#profile .row .total-brand-activation-mobile .box-right ul.list li {
		margin-top: -6px;
		
	}
}



.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
}

.ih-item.circle {
  position: relative;
}
.ih-item.circle .img {
  position: relative;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ih-item.circle.effect14 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circle.effect14 .img {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.ih-item.circle.effect14.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect14 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circle.effect14:hover .img {
  opacity: 0;
  visibility: hidden;
}
.ih-item.circle.effect14:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.circle.effect14.left_to_right .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.circle.effect14.left_to_right .info {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.circle.effect14.left_to_right:hover .img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.ih-item.circle.effect14.left_to_right:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.ih-item.circle.effect14.right_to_left .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.circle.effect14.right_to_left .info {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.circle.effect14.right_to_left:hover .img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.ih-item.circle.effect14.right_to_left:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}
.ih-item.circle.effect20 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circle.effect20 .img {
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ih-item.circle.effect20.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect20 .info {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ih-item.circle.effect20 .info {
  opacity: 1;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: #333333;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ih-item.circle.effect20:hover .img {
  opacity: 0;
}
.ih-item.circle.effect20:hover .info  {
  opacity: 1;
  visibility: visible;
}

.ih-item.circle.effect20.top_to_bottom .info {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circle.effect20.top_to_bottom:hover .img {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circle.effect20.top_to_bottom:hover .info {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
}

/* profile page for china cities */
.china-city-profile .text .city-name {
	display: inline-block;
	background-color: #b3d334;
	color: #fff;
	font-size: 3rem;
	font-weight: 600;
	padding: 40px 100px;
	margin-bottom: 40px;
}
.china-city-profile .text .footer-buttons {
	overflow: hidden;
}
.china-city-profile .text .footer-buttons a {
display: inline-block;
	float: left;
	background-color: #b3d334;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 600;
	padding: 10px 60px;
	margin-right: 10px;
	margin-top: 20px;
}
.china-city-profile .images img {
	width: 100%;
	margin-bottom: 16px;
}

@media screen and (max-width: 991px) {
	.china-city-profile .images {
		margin-top: 20px;
	}
}
@media screen and (max-width: 767px) {
	.china-city-profile .text .city-name {
		display: block;
		font-size: 2rem;
		padding: 20px 0;
		text-align: center;
	}
	.china-city-profile .text .footer-buttons {
		text-align: center;
	}
	.china-city-profile .text .footer-buttons a {
		float: none;
	}
}
@media screen and (max-width: 479px) {
	.china-city-profile .text .footer-buttons a {
		display: block;
		margin-top: 10px;
		margin-right: 0;
	}	
}

.system-message-container{
	display:none;
}