#wrapper a {
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-ms-transition: opacity .25s;
	transition: opacity .25s;
}
#wrapper a:hover {
	opacity: 0.8;
}
#wrapper .title {
	font-family: Arial, 'Microsoft JhengHei', 'Microsoft YaHei', 'Open Sans', sans-serif;
	line-height: 24px;
	font-weight: 300;
	font-size: 24px;
	color: white;
}
.visitor #wrapper .title {
	color: #ffffff;
}
#wrapper .head {
	margin-bottom: 4px;
	font-weight: 700;
	font-size: 14px;
}
#wrapper .head.large {
    font-size: 16px;
}
#wrapper .head.size20 {
    font-size: 20px;
}
#wrapper .top-banner, #wrapper .container {
	table-layout: fixed;
	display: table;
	height: 100%;
	width: 100%;
}
#wrapper .pad-left, #wrapper .pad-right {
	vertical-align: top;
	display: table-cell;
	position: relative;
	height: 100%;
	width: 25%;
}
#wrapper .pad-right {
	width: 75%;
}
#wrapper .tabler {
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
}
#wrapper .tabler>table {
	width: 100%;
}
#wrapper .tabler th, #wrapper .tabler td {
	padding-right: 20px;
	white-space: nowrap;
}

#wrapper .photos {
	margin-top: 42px;
	font-size: 0;
}

#wrapper .photos.no-margin-top {
	margin-top: 0;
}

#wrapper .photos>.item, #wrapper .text>.item {
	display: inline-block;
	margin-bottom: 3px;
	margin-right: 3px;
	width: 32%;
}
#wrapper .photos>.item>img,#wrapper .text>.item>img {
	max-width: 100%;
	width: 100%;
}

#wrapper .text {
	margin: 10px 0px 25px 0px;
}
#wrapper .text>.desc {
	width: 63%;
	vertical-align:top;
}

#wrapper .text>.right {
	margin-left:2%;
}
#wrapper .text>.left {
	margin-right:2%;
}

#wrapper .container .pad-right {
	background-color: white;
}

#wrapper .top-banner {
	background-color: #07314b;
	overflow: hidden;
}
#wrapper .top-banner .title {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #27adc1;
	position: absolute;
	padding: 20px;
	width: 100%;
	bottom: 0;
}
/* @media (min-width: 1057px) {
	#wrapper .top-banner .title {
		height: 90px;
	}
} */
.visitor #wrapper .top-banner .title {
	background-color: #27adc1;
}
#wrapper .top-banner .jewerly-event {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	max-width: 100%;
	width: 100%;
}
#wrapper .top-banner .pad-left>.inner {
	position: relative;
	height: 355px;
}

#wrapper .photos {
	margin-top: 42px;
	font-size: 0;
}
#wrapper .photos>.item {
	display: inline-block;
	margin-bottom: 3px;
	margin-right: 3px;
	width: 32%;
}
#wrapper .photos>.item.huge {
	display: inline-block;
	margin-bottom: 3px;
	margin-right: 0;
	width: 100%;
}
#wrapper .photos>.item>img {
	max-width: 100%;
	width: 100%;
}

#wrapper .nav>.item {
	position: relative;
}
#wrapper .nav>.item>a {
	border-bottom: 1px solid white;
	background-color: #f1f1f1;
	position: relative;
	padding: 18px 20px;
	font-size: 14px;
	display: block;
	color: #3c3c3c;
}
#wrapper .nav>.item.has-sub>a {
	cursor: default;
}
#wrapper .nav>.item.has-sub>a:after {
	background: url('../../images/right_arrow_purple.png') no-repeat center center;
	position: absolute;
	display: block;
	content: ' ';
	height: 100%;
	right: 12px;
	width: 6px;
	top: 0;
}
#wrapper .nav>.item:hover>a, #wrapper .nav>.item.curr>a {
	border-bottom-color: #174986;
	background-color: #174986;
	color: white;
}
#wrapper .nav>.item.has-sub:hover>a:after, #wrapper .nav>.item.has-sub.curr>a:after {
	background-image: url('../../images/right_arrow_white.png');
}
#wrapper .nav .sub-category {
	-webkit-transition: opacity .25s ease-out;
	-moz-transition: opacity .25s ease-out;
	-ms-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	font-family: 'DINPro', Arial, 'Microsoft JhengHei', 'Microsoft YaHei';
	background-color: #d3d3d3;
	padding-bottom: 8px;
	visibility: hidden;
	position: absolute;
	padding-top: 2px;
	font-size: 14px;
	z-index: 3000;
	opacity: 0;
	left: 100%;
	top: 0;
}
#wrapper .nav>.item.has-sub:hover>.sub-category {
	visibility: visible;
	opacity: 1;
}
#wrapper .nav .sub-category>a {
	border-bottom: 1px solid #e6e6e6;
	padding: 12px 16px 12px 14px;
	position: relative;
	display: block;
	color: #3c3c3c;
	width: 200px;
}
#wrapper .nav .sub-category>a.last {
	border-bottom-width: 0;
}/*
#wrapper .nav .sub-category>a:after {
	position: absolute;
	display: block;
	content: '›';
	right: 12px;
	width: 6px;
	top: 12px;
}*/
#wrapper .nav .sub-category>a:hover {
	color: #174986;
}

#wrapper .registration {
	padding: 7% 20px 7% 20px;
	background-color: #b3d9e0;
	font-size: 13px;
	color: #3c3c3c;
}
#wrapper .registration .title {
	margin-bottom: 16px;
	color: #174986;
}
#wrapper .registration .button {
	background-color: #27adc1;
	margin-top: 28px;
}
#wrapper .ad-holder {
	/*padding: 22% 20px 18% 20px;*/
	background-color: #174986;
}
#wrapper .ad-holder.clone{
	display:block;
}
#wrapper .ad-holder .tablet_size,#wrapper .ad-holder .mobile_size{
	display:none;
}
#wrapper .ad-holder a{
	display:block;
}
#wrapper .ad-holder img{
	width:100%;
}
#wrapper .pad-right .ad-holder {
	display:none;
}

#wrapper .content {
	font-family: Arial, 'Microsoft JhengHei', 'Microsoft YaHei', 'Open Sans', sans-serif;
	padding-bottom: 30px;
	padding-top: 36px;
	color: #3c3c3c;
}
#wrapper .content .inner {
	padding-right: 70px;
	padding-left: 22px;
}
#wrapper .content .title {
	margin-bottom: 24px;
	color: #174986;
}
#wrapper .content h2.title {
	margin: 10px 0px 20px 0px;
	font-size: 18px;
	color: #174986;
}

#wrapper .content p {
	margin-bottom: 26px;
}
#wrapper .content ol{
	padding-left: 15px;
	padding-bottom: 20px;
}
#wrapper .content ol li
{
	margin-bottom: 5px;
}
#wrapper .content ul{
    margin-top: -15px;
    padding-left: 20px;
}
#wrapper .content .point{
    margin-top: 0;
    padding-left: 5px;
}
#wrapper .content .pointUI{
    padding-left: 5px;
}
#wrapper .content .point{
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
}
#wrapper.show-info .content h2.title{
    font-size: 18px;
    color: #174986;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px 0 20px 0;
    margin-bottom: 0;
    margin-top: 0;
}
#wrapper.show-info .content p.content {
    margin-bottom: 0px;
    padding-bottom: 0;
    padding-top: 0;
}
#wrapper.show-info .content ul {
    margin-top: 0;
    padding-left: 20px;
    /*padding-top: 15px;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#wrapper.show-info .content ul.point span sup i{
    font-size: 10px;
}
.trident #wrapper.show-info .content ul.point span sup i{
    font-size: 12px;
}
#wrapper.show-info .content ul.point span sup{
    font-size: 100%;
}

#wrapper.inner-page .jma-club-banner{
	width: 100%;
    margin: 0 auto;
}

#wrapper.inner-page .jma-club-banner img{
	width: 100%;
    margin: 0 auto;
}

@media (max-width: 960px) {
	#wrapper .pad-left, #wrapper .pad-right {
		display: block;
		width: 100%;
	}
	#wrapper .container .pad-left .block {
		display: none;
	}
	#wrapper .top-banner, #wrapper .container {
		display: block;
	}
	#wrapper .top-banner .jewerly-event {
		display: none;
	}
	#wrapper .top-banner .title {
		text-align: center;
		position: relative;
	}
	#wrapper .top-banner .title br {
		display: none;
	}
	#wrapper .top-banner .banner {
		max-width: 100%;
		width: 100%;
	}/*
	#wrapper .nav>.item>a {
		border-bottom-color: #9197c2;
		background-color: #838abb;
		text-align: center;
		color: white;
	}
	#wrapper .nav>.item.has-sub>a:after {
		display: none;
	}
	#wrapper .nav .sub-category {
		display: none;
	}*/
	#wrapper .pad-right .ad-holder {
		display:block;
		/*padding: 5%;*/
	}
	#wrapper .ad-holder .sponsors{
		display:none;
	}
	#wrapper .ad-holder .tablet_size{
		display:block;
	}
	#wrapper .nav>.item {
		display: none;
	}
	#wrapper .nav>.item.curr {
		display: block;
	}
	#wrapper .nav>.item.curr>a {
		/* display: none; */
		text-align: center;
	}
	#wrapper .nav>.item.has-sub>a:after {
		display: none;
	}
	#wrapper .nav .curr .sub-category {
		visibility: visible;
		position: relative;
		padding-bottom: 0;
		opacity: 1;
		left: 0;
	}
	#wrapper .nav .sub-category>a {
		text-align: center;
		width: auto;
	}
}

@media screen and (max-width: 960px){
#wrapper .top-banner .pad-left>.inner{
	height: auto;
    }
}


@media (max-width: 640px) {
	#wrapper .content .inner {
		padding-right: 22px;
	}
	#wrapper .photos>.item {
		width: 48%;
	}
	#wrapper .text>.item, #wrapper .text>.right {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	#wrapper .text>.desc {
		width: 100%;
	}
	#wrapper .ad-holder .tablet_size{
		display:none;
	}
	#wrapper .ad-holder .mobile_size{
		display:block;
	}
}

.the-organizer .logo {
	width: 50%;
	margin-top: 10px;
	margin-bottom: 10px;
}