html,
body {
    height: 100%;
}

body {
    /*overflow: scroll;*/
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;

}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
	position: relative;
    height: 60px;
    background-color: rgb(51, 51, 51);
    color: white;
    font-size: 12pt;
    /*border-top: 1px solid #ddd;*/
    padding-top: 10px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.shadow {
    -webkit-box-shadow: 6px 6px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 6px 6px 3px rgba(0,0,0,0.4);
    box-shadow: 6px 6px 3px rgba(0,0,0,0.4);
}

.set-img-max img{
    max-width: 100%;
	height: auto !important;
}
@media (min-width:769px) {
	.mobile {
		display: none;
	}
}

div.container-main{
    display: block;
    position: relative;
    width: auto;
    z-index: 0;
    /*padding-top: 48px;*/
}
div.container-sub{
    display: block;
    position: relative;
    /*width: auto;*/
    height: 500px;
    border-radius: 20px;
}
.container-sub p{
    /*color: #00F;*/
}

.container-pendding {
transition: padding-left 0.2s ease;
padding-left: 240px;
padding-right: 0px;
}
/* Align relative div in horizontal center position */
.h-center {
    margin-left: auto;
    margin-right: auto;
}
.demo-block {
    position: relative;
    background-color: rgba(240,240,240,0.6);
    border-radius: 20px;
    padding: 20px;
    border-radius: 20px;
    margin: 20px auto 20px auto;
}

.demo-text-2em {
    font-size: 2em
}
/* content width */
.demo-block,
.banner,
#performance-latest
{
    width: 95%;
}

.banner {
    height: 200px;
    margin: 20px auto 20px auto;
    background-color: rgba(51,204,255,0.3);
}
.link-block {
    cursor: pointer;
}
#performance-latest {
    height: 400px;
    margin: 20px auto 20px auto;
}
.glyphicon {
    margin-left: -10px;
}

#member-corner div{
    position: fixed;
    top:20px;
    right: 20px;
    z-index: 800;
    background-color: rgba(0,69,220,0.7);
    font-size: 4em;
    text-align: center;
    line-height: 120px;
    height: 120px;
    width: 120px;
    border-radius: 60px;
}

#contect-btn {
    vertical-align: middle;
}

#contect-btn div {
    position: fixed;
    top:20px;
    right: 160px;
    z-index: 800;
    background-color: rgba(0,69,220,0.7);
    font-size: 3em;
    text-align: center;
    line-height: 1em;
    height: 120px;
    width: 120px;
    border-radius: 60px;
    padding: 20px 0px;
}

#open-cart-btn {
    position: fixed;
    cursor: pointer;
    top:20px;
    right: 300px;
    z-index: 800;
    background-color: rgba(153, 153, 255,0.7);
    font-size: 4em;
    text-align: center;
    line-height: 120px;
    height: 120px;
    width: 120px;
    border-radius: 60px;
}

#open-cart-btn:hover {
    background-color: rgba(133, 51, 255,1);
}
#go-top {
    position: fixed;
    bottom: 50px;
    right: 35px;
	height: 40px;
	width: 40px;
	z-index: 50;
	background-color: rgb(51, 174, 237);
	box-shadow: 0 0 4.5px 0 rgba(51, 174, 237, 128);
    border-radius:20px;
    text-align: center;
    line-height: 40px;
	vertical-align: middle;
	-webkit-transition: right 0.2s;
	transition: right 0.2s;
}

.index-image {
    height: 100vh;
}

div.index-background{
	background-color: #FF6600;
	background-image: url(../img/bg_06.jpg);
	width: 100%;
	height:1000px;
	position: relative;
}

div.loading{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../img/soccer_ball_spins.gif);
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
	z-index: 10000;
	/*display: none;*/
}

.dialog-bg-dark {
	transition: all 0.2s ease;
	position: fixed;
	top:0;
	right:0;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	display: none;
	overflow: hidden;
	outline: 0px none;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	z-index: 801;
}

.dialog-bg-blank {
	transition: all 0.2s ease;
	position: fixed;
	top:0;
	right:0;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	display: none;
	overflow: hidden;
	outline: 0px none;
	background-color: rgb(0,0,0);
	text-align: center;
}

.dialog-wrap {
	position: absolute;
	top:48px;
	right: 35px;
	bottom: 35px;
	left: 35px;
}
@media (max-width: 414px) {
    .dialog-wrap {
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.dialog-content {
	overflow: auto;
	height: 100%;
	background: #FFF;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,0.2);
	outline: 0px none;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.5);
}

.ajax-loading {
	background-position: center center;
	background-repeat: no-repeat;
}

.show {
	display: block;
}

.hide{
	display: none;
}

.clear-both:after {
	content: '';
	display: block;
	clear: both;
}

.rotate-90 {
	-ms-transform:rotate(90deg); /*IE9*/
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.rotate-180 {
	-ms-transform:rotate(180deg); /*IE9*/
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.rotate-270 {
	-ms-transform:rotate(270deg); /*IE9*/
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

div.page-background {
	background-position: center top;
	background-repeat: repeat-y;
	background-attachment: fixed;
}

/*        #######   ######   #### ##    ##
##       ##     ## ##    ##   ##  ###   ##
##       ##     ## ##         ##  ####  ##
##       ##     ## ##   ####  ##  ## ## ##
##       ##     ## ##    ##   ##  ##  ####
##       ##     ## ##    ##   ##  ##   ###
########  #######   ######   #### ##    #*/

.login-close {
	position: absolute;
	top:24px;
	right: 24px;
	cursor: pointer;
	z-index: 1;
}
.dialog-login {
	background-position: center;
	background-attachment: fixed;
	background-size: auto 100%;
	border-radius: unset;
}

.login-frame-bg {
	position: relative;
	margin: 95px auto auto;
	width:456px;
	height:512px;
	background-color:white;
	text-align: left;
	border-radius: 2px;
	box-shadow: -10px 10px 10px 0 rgba(0,0,0, 0.1);
}

.login-frame-bg .login-title {
	position: relative;
	top: 43px;
	left: 54px;
	font-size: 22px;
	color: rgb(77, 77, 77);
}

.login-frame-bg .login-title + div {
	position: absolute;
	bottom:0;
	width: 100%;
	height: 87px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	background-color: rgb(255, 236, 87);
}

.login-frame {
	position:absolute;
	margin:91px auto auto 55px;
	width:442px;
	height:336px;
	padding-top: 48px;
	border-radius: 2px;
	font-size: 13px;
	background-color:rgb(239, 239, 239);
	box-shadow: 0 0 10px 0 rgba(0,0,0, 0.2);
}

.login-frame .form-group {
	margin-bottom: 0;
}

input.input-transparent {
	border: unset;
	box-shadow: unset;
	background-color: transparent;
}

.image-title-input {
	position: relative;
	height: 60px;
	margin: 0 146px 0 32px;
}

.image-title-input .form-group {
	position: relative;
}

.image-title-input .control-label {
	position: relative;
	float: left;
}

.image-title-input .control-label img {
	position: absolute;
	top: 9px;
	left: 11px;
	z-index: 1;
}

.image-title-input .form-group input {
	width: 100%;
	line-height: 32px;
	padding-left: 36px;
	vertical-align: middle;
	background-color: white;
	border-radius: 2px;
}

.image-title-input .form-group span {
	visibility: hidden;
	width: auto;
	background-color: rgba(0,0,0, 0.6);
	color: #fff;
	text-align: center;
	padding: 3px 7px;
	border-radius: 2px;

	position: absolute;
	z-index: 1;
	right: 5px;
	top: -10px;
	white-space:nowrap
}

.image-title-input .form-group:hover span{
	visibility: visible;
}

.image-title-input .form-group:hover span::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(0,0,0, 0.6);
}

.image-title-input .has-error .help-block {
	padding-left: 36px;
}

.image-title-input img + div {
	position: relative;
	display: inline-block;
}

.image-title-input .form-group.has-error {

}
.login-option {
	position:relative;
	text-align:left;
	font-size: 13px;
	color: rgb(149,149,150);
}

.login-option a {
	color: rgb(149,149,150);
}

.login-option .form-group {
	position: relative;
	height: 20px;
	display: inline-block;
	margin-left: 41px;
}

.login-option .form-group .checkbox {
	margin-top: 0;
	margin-bottom: 0;
}

.login-option .form-group input[type=checkbox] {
	opacity: 0;
	margin-left: -22px;
	margin-top: 0;
}

.login-option .form-group +div {
	position: relative;
	display: inline-block;
	margin-left: 27px;
}

#login-form .login-option .checkbox label {
	padding-left: 26px;
}

#login-form .radio-img-container {
	position: absolute;
	top:-1px;
	left:0;
}

.login-option .form-group +div img {
	position: relative;
	top:4px;
	margin-right: 3px;
	vertical-align: bottom;
}

.login-frame .form-group.group-login-btn {
	position: relative;
	margin: 60px auto auto 40px;
}

.group-login-btn .login-btn {
	position: relative;
	display: inline-block;
	margin-right: 22px;
	width: 93px;
	height: 33px;
	line-height: 28px;
	padding: 0;
	border-radius: 14.5px;
	font-size: 14px;
	color: white;
	background-color: rgb(102, 102, 102);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
}

.login-frame .form-group.group-login-btn :nth-child(1),
.group-login-btn .login-btn-active {
	background-color: #00A0FF;
}

.signup-radio {
	position: absolute;
	top:90px;
	left:74px;
	font-size: 17px;
	color: rgb(128, 128, 128);
}

.signup-radio input[type=radio] {
	opacity: 0;
	margin:0 7px 0 24px;
}

#signup-radio-imgs {
	position: absolute;
	top: 90px;
	left: 94px;
}

#signup-radio-imgs img {
	position: relative;
	margin-right: 69px;
}

.signup-frame {
	height: 520px;
	padding: 48px 114px 0 0;
}

.signup-frame .image-title-input {
	margin-right: 0;
}

.signup-frame .group-login-btn {
	margin-top:4px;
}

@media (max-width:414px) {
	.dialog-login .login-close {
		top:12px;
		right: 16px;
	}

	.login-frame-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		margin-top: 0;
		box-shadow: unset;
		background-color: transparent;
		overflow-y: auto;
	}
	.login-frame-bg .login-title + div {
		position: fixed;
		height: 50vh;
		background-color: rgba(0,0,0, 0.6);
	}

	.login-frame {
		position: relative;
		width: 275px;
		height: auto;
		margin-top: 13px;
		margin-left: auto;
		padding-top: 32px;
		font-size: 13px;
		background-color: white;
	}

	.login-frame-bg .login-title {
		position: relative;
		width: 275px;
		top:0;
		left: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.login-frame-bg .login-title p{
		position: relative;
		display: block;
		top:0;
		left: 20px;
		width: 124px;
		height: 38px;
		line-height: 38px;
		margin-top: 134px;
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
		border-bottom-right-radius: 2px;
		font-size: 17px;
		text-align: center;
		color: white;
		background-color: #00A0FF;
	}

	.login-frame-bg .login-title p:after,
	.member-menu .member-header:after {
		content: " ";
		position: absolute;
		top: 100%;
		left: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 13px 13px 0 0;
		border-color: #00A0FF transparent transparent transparent;
		pointer-events: none;
	}

	.image-title-input {
		height: 51px;
		margin-left: 21.5px;
		margin-right: 21.5px;
	}

	.image-title-input .form-group input {
		background-color: #F2F2F2;
	}

	.image-title-input .has-error .help-block {
		margin-top:0;
		margin-bottom: 0;
	}

	.login-frame .form-group.group-login-btn {
		margin-top: 27px;
		margin-left: 0;
	}

	.login-frame .form-group.group-login-btn :nth-child(1) {
		background-color: rgb(0, 160, 255);
	}

	.login-frame .form-group.group-login-btn :nth-child(2) {
		float: right;
		border-left: 1px solid white;
	}

	.group-login-btn .login-btn {
		width: 50%;
		height: 48px;
		line-height: 48px;
		margin-right: 0;
		border-radius: unset;
		box-shadow: unset;
	}

	.login-option .form-group + div {
		position: absolute;
		left:0;
		bottom: -101px;
	}

	.signup.login-frame-bg .login-title p {
		margin-top: 19px;
	}

	#signup-form {
		margin-bottom: 19px;
	}

	#signup-radio-imgs,
	.signup-radio {
		z-index: 1;
	}

	#signup-radio-imgs {
		padding-left: 9px;
		top:109px;
	}

	#signup-radio-imgs img {
		margin-right: 59px;
	}

	.signup-radio {
		position: relative;
		width: 275px;
		height: 0;
		top:51px;
		padding-left: 21.5px;
		padding-right: 21.5px;
		font-size: inherit;
	}

	.signup-radio label {
		padding-right: 8px;
	}

	.signup-radio input[type="radio"] {
		margin-left: 8px;
		margin-right: 5px;
	}

	.signup .login-frame {
		padding-top:83px;
		padding-right: 0;
	}

	.signup .image-title-input {
		padding-right: 21.5px;
	}

	.signup .group-login-btn .login-btn {
		width: 100%;
	}
}

/*###### ####  ######  ##    ## ######## ########
   ##     ##  ##    ## ##   ##  ##          ##
   ##     ##  ##       ##  ##   ##          ##
   ##     ##  ##       #####    ######      ##
   ##     ##  ##       ##  ##   ##          ##
   ##     ##  ##    ## ##   ##  ##          ##
   ##    ####  ######  ##    ## ########    */
.dialog-booking {
	position: relative;
	height: 100%;
	overflow-y: auto;
	background-color: white;
}

.booking-frame-wrap {
	position: relative;
	width: 1330px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

.booking-frame {
	position: absolute;
	top:51px;
	right: 35px;
	bottom: 51px;
	left: 35px;
	padding-left: 628px;
}

.booking-ctrl-wrap {
	position:absolute;
	top:0;
	left:0;
	width:628px;
	height:100%;
}

.booking-drawer-wrap {
	position:relative;
	width:250px;
	height:100%;
	overflow-y: hidden;
	background-color:rgb(44,48,79);
	color:white;
}

.drawer-head {
	position:absolute;
	top:0;
	left: 0;
	width:100%;
	height:53px;
	line-height: 53px;
	border-bottom-left-radius: 17px;
	border-bottom-right-radius: 17px;
	vertical-align: middle;
	text-align: center;
	background-color: rgb(65,65,122);
}

#drama-selected-block {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 53px 0 81px;
	overflow-y: auto;
}

.drama-menu-head {
	position:absolute;
	top:0;
	left:0;
	height:81px;
	width:100%;
	padding-top: 30px;
	line-height: 21px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	z-index: 1;
	background-color:rgb(57,55,91);

}

.menu-open-btn-anchor {
	position:absolute;
	width:100%;
	height:0;
	left:0;
	top:-21.5px;
	overflow-y:visible;
	text-align:center;
}

.menu-open-btn-anchor .menu-open-btn {
	width: 47px;
	height: 46px;
	margin: 0 auto;
}

.drama-brief-wrap {
	position:absolute;
	right:0;
	top:0;
	width:370px;
	height:100%;
	overflow-y: auto;
	background-color:rgb(44,48,79);
	color:white;
}

.drama-selector {
	position: relative;
	top: 0px;
	height:100%;
	width: 100%;
	padding: 60px 0px 20px 20px;
}

.drama-menu-anchor {
	position:absolute;
	width:100%;
	height:0;
	overflow-y:visible;
}

#booking-dropdown-panel {
	position: relative;
    height: auto;
    width: 100%;
	z-index: 1;
}

.menu-drama-list {
	position:relative;
	width:100%;
	height:100%;
	padding:81px 0 107px;
	background-color:rgb(36,40,63);
}

.menu-drama-list .list-submit {
	position:absolute;
	bottom:48px;
	width:100%;
	text-align:center;
}

.list-item-block {
	position:relative;
	width:100%;
	padding:11px 18px;
	line-height:28px;
	text-align:left;
}

.list-single-drama,
.list-combo-block {
	margin-bottom:3px;
	background-color:rgb(44,48,79);
}

.list-drama-checkbox {
	display: none;
}

.list-drama-checkbox + .list-drama-status {
	position:relative;
	width:20px;
	margin-right:11px;
	display:inline-block;
}

.list-drama-checkbox + div.list-drama-status img {
	display: none;
}

.list-drama-checkbox:checked + div.list-drama-status img {
	display: block;
}

.list-combo-block .list-combo-info {
	margin-left:49px;
	padding: 16px 18px 7px 0;
	line-height:20px;
	border-top:1px solid rgb(65,65,122);
}

#select-drama-done {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	width: 93px;
	height: 33px;
	line-height: 31px;
	vertical-align: middle;
	border-radius: 14.5px;
	font-size: 14px;
	border:0;
	color: white;
	background-color: rgb(65,65,122);
}

.menu-drama-list .list-header-name,
#drama-drawer .drawer-header-name {
	position:relative;
	display:inline-block;
	margin-bottom: 0;
}

.combo-block .drawer-header-name{
	margin:0 18px 0 19px;
	line-height:50px;
}

.booking-candidates-list {
    position: relative;
    height: 100%;
    overflow:auto;
	max-height: 538px;
}

.booking-candidates-list label {
	cursor: pointer;
	margin-bottom: 0;
}

.drawer-item-block {
	position:relative;
	width:100%;
	padding:11px 38px 11px 19px;
	margin-bottom: 3px;
	line-height:28px;
	text-align:left;
	cursor: pointer;
}

.drawer-item-block .drawer-arrow {
	position:absolute;
	height:100%;
	top:0;
	right:24.5px;
	padding-top: 10px;
	display:inline-block;
}

.drawer-item-block.combo-block {
	padding:0;
}

.combo-drama-group {
	width:100%;
	padding:16px 18px 21px 19px;
	font-size:13px;
	color:#808080;
	background-color:#24283f;
}


.combo-drama-group .base-limit {
	text-align:center;
	font-size:12px;
	color:#cccccc;
}

.combo2drama {
    position: relative;
}

.combo2drama label {
	margin-bottom: 0;
	font-weight: normal;
}

.combo2drama .select-icon {
	position:relative;
	width:20px;
	margin-right:7px;
	text-align:center;
	display:inline-block;
}

.combo2drama .select-icon img {
	display: none;
}

.combo2drama input[type=checkbox]:checked + div.select-icon img {
	display: block;
}

.combo2checkbox {
	display: none;
}

.combo2drama input[type=checkbox]:checked + div + span {
	color: #cccccc;
}

.drawer-item-block.selected-drama-processing {
	border-radius: 14px;
	background-color: rgb(65,65,122);
}

.drawer-item-block .current-combo-icon {
	position:absolute;
	right:18px;
	top:0;
	width:20px;
	height:50px;
	line-height:50px;
	text-align:center;
}

.drawer-item-block .current-combo-icon img {
	visibility: hidden;
}

.drawer-item-block.selected-combo-processing .current-combo-icon img {
	visibility: visible;
}

.drama-brief-head {
	position:relative;
	width:100%;
	min-height: 318px;
	padding:32px 31px 19px 31px;
	background-color:rgb(60,58,102);
}

.drama-brief-head div {
	width:100%;
	font-size:18px;
	margin-top:19px;
	color:white;
}

.drama-brief-head img {
	width: 100%;
}

.drama-brief-info {
	width:100%;
	min-height: 56.5px;
	padding:22.5px 31px 10px 31px;
	line-height:24px;
	color:white;
	background-color:rgb(57,55,91);
}

.drama-brief-info div {
	width:24px;
	height:24px;
	margin-right: 10px;
	text-align:center;
	display:inline-block;
}

.drama-brief-info.info-above-age {
	min-height: 46.5px;
	padding-top: 0;
	padding-bottom: 22.5px;
}

.drama-brief-info.info-above-age +div {
	width:100%;
	min-height:374px;
	padding:24px 31px 30px;
	overflow-y:auto;
}

.drama-block{
    text-align:center;
}
.drama-block label b {
    font-size: 2em;
}

.drama-block:hover{
    background-color: #E6FFFA;
}

.input-group{
    width:100px;
    margin:5px auto;
}

.drama-selector .dropdown {
    position: absolute;
    top:20px;
    left: 20px;
}

#drama-drawer ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.booking-item-remove-anchor {
	position:relative;
	width:0;
	height:0;
	display:inline-block;
}

.booking-drawer-remove {
    position: absolute;
    display: none;
	left: -20px;
	top:-20px;
	width: auto;
	height: 100%;
}

.combo-block .booking-drawer-remove {
	left: 0;
}

.drawer-item-block.selected-drama-processing .booking-drawer-remove,
.drawer-item-block.selected-combo-processing .booking-drawer-remove{
	display: block;
}


.booking-drawer-remove:hover {
    background-color: #FF9933;
}

.booking-drawer-remove span {
    margin-left: -7px;
}

#drama-discount-info {
    position: relative;
    height: 100px;
    overflow: auto;
}

.booking-progressing {
    position: relative;
    width: 100%;
	height:100%;
	background-color: rgb(230,230,230);
}

.booking-indicator-wrap {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:183px;
	pointer-events:none;
}

.booking-progressing .indicator-bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:183px;
	background-color:#e6e6e6;
}

.booking-indicator {
    width: 100%;
	position: relative;
	width: 400px;
	height: 100%;
	margin: 0 auto;
}

.progress-item {
	position:relative;
	display:inline-block;
	height:100%;
	font-size:100px;
	pointer-events: auto;
}

.progress-item#process-price {
	position:absolute;
	right:0;
	top:0;
}

.booking-indicator .current-step-bg {
	position:absolute;
	left:-8.5px;
	bottom:0;
}

.booking-indicator .icon-wrap {
	position:relative;
	width:48px;
	height:48px;
	line-height:14px;
	margin:101px 0 auto 0;
	display:inline-block;
	text-align:center;
}

.booking-indicator .icon-wrap img {
	position:absolute;
	top:0;
	left:0;
}

.booking-indicator .progress-disabled .current-step-bg,
.booking-indicator .progress-success .current-step-bg {
	display: none;
}

.booking-indicator .progress-active .current-step-bg {
	display: block;
}

.booking-indicator .progress-disabled .process-icon-disable,
.booking-indicator .progress-disabled .process-icon-finish {
	position: relative;
}

.booking-indicator .progress-disabled .process-icon-disable {
	display: block;
}

.booking-indicator .progress-disabled .process-icon-finish {
	display: none;
}

.booking-indicator .progress-active .process-icon-disable,
.booking-indicator .progress-success .process-icon-disable {
	display: none;
}

.booking-indicator .progress-active .process-icon-finish,
.booking-indicator .progress-success .process-icon-finish {
	display: block;
}

.booking-indicator .icon-wrap div {
	position:absolute;
	width:36px;
}

#process-date .icon-wrap div {
	margin:4px auto auto 6px;
}

#process-seat .icon-wrap div {
	margin:8px auto auto 7.5px;
}

#process-price .icon-wrap div {
	margin:8px auto auto 3.5px;
}

.booking-indicator .middle-line-wrap {
	position:relative;
	width:108px;
	height:48px;
	margin:101px 0 auto;
	text-align:center;
	display:inline-block;
}

#process-seat .middle-line-wrap {
	width: auto;
}
.booking-indicator .middle-line {
	position:relative;
	width:72px;
	height:2px;
	margin:23px auto auto 3px;
	background-color:rgb(182,182,182);
}

.booking-indicator .progress-success .middle-line {
	background-color:rgb(65,65,122);
}

.progress-disabled,
.progress-active {
	cursor: not-allowed;
}

#booking-area {
    position: relative;
	height:100%;
	padding-top:183px;
    white-space: nowrap;
    overflow: auto;
	text-align: center;
	overflow:visible;
}

#booking-area .process-back-btn {
	position:absolute;
	top:20px;
	left:24px;
	height:24px;
	width:24px;
}

#booking-area .process-title {
	position:absolute;
	top:44px;
	width:100%;
	height:20px;
	text-align:center;
	font-size:18px;
	color:rgb(65,65,122);
}

#booking-area .process-content-bg {
	width:100%;
	height:100%;
	background-color:#f2f2f2;
	overflow-y:auto;
}

#booking-area .process-content-empty {
	padding-top:97px;
	text-align:center;
	font-size:18px;
}

#booking-area .month-block::before {
	content: '';
	display: block;
	height: 26px;
}
#booking-area .month-block {
	position:relative;
	height:24px;
	width:170px;
	margin:0 auto;
}

#booking-area .month-ctl {
	width:24px;
	height:100%;
	text-align:center;
	display:inline-block;
	cursor: pointer;
}

#booking-area .month-title {
	width:78px;
	height:100%;
	margin:0 22px;
	display:inline-block;
	vertical-align: middle;
	color: rgb(65,65,122);
}

.ticket-calendar-wrap {
	padding-top: 28px;
}

rect.day-basic {
    stroke-width:0;
    fill:transparent;
}

rect.day-avail {
    fill:#ceceea;
}

rect.day-select {
    fill:#41417a;
}

#booking-area text.day-text {
	pointer-events:none;
}

#booking-area text.day-text-select {
	fill:white;
}

#day-list {
    position: relative;
	width:100%;
	height:27px;
	padding-left:77px;
	margin-top:35.5px;
	text-align:left;
}

#day-list .time-icon {
	position:relative;
	width:24px;
	height:100%;
	display:inline-block;
	vertical-align: top;
}

#day-list .dropdown-block {
	position:relative;
	width:232px;
	height:100%;
	margin-left:11px;
	line-height:27px;
	display:inline-block;
	cursor:pointer;
	color:rgb(65,65,122);
	background-color:rgb(206,206,234);
}

#day-list .dropdown-block p {
	margin-bottom:0;
	margin-left:11px;
	vertical-align:middle;
}

#day-list .dropdown-arrow-block {
	position:absolute;
	width:24px;
	text-align:center;
	top:0;
	right:6px;
}

#day-list .dropdown-list-wrap {
	position:relative;
	height:0;
	width:100%;
	overflow-y:visible;
	cursor: default;
}

#day-list .dropdown-list {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	padding:8px 0 8px 0;
	z-index:1;
	display:none;
}

#day-list label {
	display:block;
	font-weight: normal;
	cursor: pointer;
}

#day-list label:hover {
	background-color: rgb(227,227,255);
}

#day-list input {
	display: none;
}

#day-list .selected-item {
	overflow-x: hidden;
	margin-right: 30px;
}

#day-list .selected-item:hover {
	overflow-x: visible;
}

#day-list .dropdown-item {
	padding: 0px 6px 0px 11px;
	overflow-x: hidden;
}

#day-list .dropdown-item:hover {
	overflow-x: visible;
}

.seat-map-container {
	position:relative;
	padding:29px 195px 135.5px 24px;
}

#seat-map {
	background-color: #C2C2C2;
}

rect.seat-block {
    stroke:#FFF;
    cursor: pointer;
}

rect.seat-block-disabled {
    cursor: not-allowed;
}

rect.seat-block-select {
    stroke:#333;
}

.seat-info-block {
	position:absolute;
	width:140px;
	height:100%;
	top:0;
	right:31px;
	padding-top: 54px;
}

.seat-type-count {
	position: relative;
	height: 27px;
	line-height: 27px;
	margin-bottom: 14.5px;
	padding-left: 14.5px;
	text-align: left;
	vertical-align: middle;
	background-color: rgb(230,230,230);
	color: rgb(65,65,122);
}

.seat-type-count .count-num {
	position:absolute;
	right:0;
	top:0;
	width:32px;
	height:100%;
	line-height:27px;
	text-align:center;
	vertical-align:middle;
}

.seat-type-count .color-strip {
	position:absolute;
	right:32px;
	top:0;
	width:6px;
	height:100%;
}

.seat-zoom-block {
	position:absolute;
	left:-24px;
	bottom:135.5px;
	width:44px;
	line-height:0;
	text-align:center;
}

.seat-zoom-block .zoom-reset {
	width:100%;
	height:12px;
	margin:11px auto;
	line-height:12px;
	font-size:11px;
	vertical-align:middle;
}

.seat-map-hint {
	position:relative;
	margin:21px auto auto 6px;
	font-size:13px;
	text-align:left;
	color:rgb(65,65,122);
}

.ticket-type-wrap {
	padding-top:29px;
	text-align:left;
	overflow: auto;
	color:rgb(65,65,122);
}

.ticket-type-container {
	position:relative;
	margin:0 41px;
	padding-bottom:171.5px;
	min-height: 583px;
}

.ticket-type-container .drama-info {
	width:100%;
	font-size:13px;
	margin-bottom:12px;
	padding-left:15px;
}

.ticket-type-block {
    position: relative;
}

.ticket-type-block .sub-block {
	position:relative;
	width:100%;
	border-radius:15px;
	padding:18px 28px 23px 0px;
	margin-bottom:6px;
	background-color:white;
}

.ticket-type-block .sub-block table {
	margin:11px 23px 28px 10px;
}

.ticket-type-block .sub-block-header {
	height:29.5px;
	line-height:17.5px;
	width:100%;
	padding-bottom:12px;
	padding-left:10px;
	border-bottom:1px solid #f2f2f2;
	font-size:14px;
	vertical-align:middle;
}

.ticket-type-block .ticket-type-name {
	padding-left:13px;
}

.ticket-type-block .select-bg {
	position: relative;
	background-color: #f2f2f2;
	height: 100%;
}

.ticket-type-block td {
	padding-left:32px;
}

.ticket-type-block select {
	background-color: transparent;
	border-width:0;
	max-width: 100px;
	font-size: 13px;
	line-height: 24px;
	border-right: 6px solid transparent;
	border-left: 3px solid transparent;
	background-image: url("../img/ticket_btn_dropdown_arrow.png");
	background-repeat: no-repeat;
	background-position: center right;
	padding-left: 8px;
	padding-right: 8px;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.ticket-type-block td.discount-code {
	vertical-align: middle;
}

.ticket-type-block input[type=text] {
	width: 60px;
	height: 23px;
	border-width:0;
	background-color:#f2f2f2;
}

.ticket-price-group {
	position:absolute;
	left:11px;
	bottom:62.5px;
	line-height:27px;
	text-align:left;
}

.ticket-price-group .price-block {
	height:27px;
	vertical-align:middle;
	margin-bottom:17px;
}

.ticket-price-group .sum-block {
	margin-bottom:6px;
}

.ticket-price-group span {
	display:inline-block;
	height:100%;
	width:78px;
	margin-left:15px;
	text-align:center;
	background-color:rgb(206,206,234);
}

.booking-btn-group {
	position: absolute;
	right: 61px;
	bottom: 62.5px;
}

.booking-btn-group-1-wrap {
	position:relative;
	bottom:-24.5px;
	float:right;
	height:96px;
}

.booking-btn-group-final-wrap {
    position: absolute;
    right: -41px;
    bottom: 0;
}

.booking-btn-group .dialog-close {
	position: relative;
	display: inline-block;
	margin-right: 26px;
	cursor: pointer;
	color: rgb(153,153,153);
}

.btn-prev {
    right: 40px;
}

.booking-btn-group .btn-next {
	position: relative;
	display: inline-block;
	width: 93px;
	height: 33px;
	line-height: 33px;
	border-radius: 14.5px;
	font-size: 14px;
	color: white;
	background-color: transparent;
	cursor: not-allowed;
}

.booking-btn-group .btn-next-enable {
	background-color: rgb(65,65,122);
	cursor: pointer;
}

.booking-btn-group .btn-cart {
	width: 143px;
	background-color: rgb(65,65,122);
	cursor: pointer;
	text-align: center;
}

.booking-btn-group .btn-cart img {
	margin-left: 7px;
	vertical-align: middle;
}

.booking-btn-group .btn-conti {
	background-color: rgb(65,65,122);
	cursor: pointer;
}

@media (max-width: 768px) and (min-width:415px) {
	.phone {
		display: none;
	}

	.booking-frame-wrap {
		width: 100%;
	}

	.booking-frame {
		padding:0;
	}

	.booking-ctrl-wrap {
		z-index: 1;
		background-color: white;
	}

	.mobile-hide-brief {
		position: absolute;
		bottom: 63px;
		width: 100%;
	}

	.mobile-hide-brief div {
		position: relative;
		margin:0 auto;
		width: 93px;
		height: 33px;
		line-height: 33px;
		background-color: #41417A;
		border-radius: 14px;
		text-align: center;
		cursor: pointer;
	}
}

@media (max-width: 414px) {
	.tablet {
		display: none;
	}
	.dialog-booking .login-close {
		display: none;
	}

	.booking-progressing.mobile-step0,
	.mobile-step0 #booking-area .process-content-bg {
		height: 0;
	}

	.booking-frame-wrap,
	.booking-ctrl-wrap,
	.booking-drawer-wrap,
	.drama-brief-wrap {
		width: 100%;
	}

	.booking-drawer-wrap {
		color: #41417a;
		background-color: #F2F2F2;
	}

	.booking-frame {
		top:0;
		right:0;
		bottom: 0;
		left:0;
		padding:0;
	}

	.booking-ctrl-wrap {
		top:100px;
		right:0;
		bottom: 0;
		width: 100%;
		height: auto;
	}

	.drawer-head {
		height: 45px;
		line-height: 45px;
		background-color: transparent;
		border-radius: unset;
	}

	#drama-selected-block {
		width: auto;
		padding: 48px 0 48px;
		margin:0 16px;
	}

	#drama-selected-block .selected-empty {
		position: relative;
		margin-top:76px;
		text-align: center;
	}

	.drawer-item-block {
		width: auto;
		padding: 19px 20px 19px 20px;
		background-color: white;
		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.drawer-item-block .drawer-arrow {
		right: 0;
		top:0;
		width: 39px;
		padding: 29px 16px 0 16px;
		background-color: white;
		line-height: 10px;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
		border-left: 1px solid #F2F2F2;
	}

	.drawer-item-block.selected-drama-processing .drawer-arrow {
		background-color: #3C3A66;
	}

	.drawer-item-block.selected-drama-processing {
		background-color: white;
		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
	}

	.combo-block .drawer-header-name {
		margin-left: 20px;
	}

	.combo-drama-group {
		padding-left: 20px;
		border-top: 1px solid #F2F2F2;
		color: #CCC;
		background-color: white;
	}

	.combo-drama-group label {
		display: block;
		line-height: 24px;
		vertical-align: middle;
	}

	.combo2drama .select-icon {
		width: 24px;
		height: 24px;
		margin-right: 10px;
		float: left;
	}

	.combo-drama-group label span {
		vertical-align: middle;
	}

	.combo2drama input[type="checkbox"]:checked + div + span {
		color: #41417A;
	}

	.booking-item-remove-anchor {
		display: none;
	}

	.drama-brief-wrap {
		position: fixed;
		bottom:0;
		left:0;
		display: none;
		overflow: hidden;
		z-index: 1;
		padding:30px 20px 20px 20px;
		background-color: rgba(0,0,0,0.7);
	}

	.brief-mobile-wrap {
		width: 100%;
		height: 100%;
		overflow:scroll;
	}

	.brief-mobile-wrap .close-brief {
		position: relative;
		text-align: right;
		padding-right: 13px;
		padding-bottom: 13px;
	}

	.drama-brief-head {
		padding-left: 20px;
		padding-right: 20px;
		background-color: #2C304F;
	}

	.drama-brief-info {
		color: #333333;
		background-color: #E6E6E6;
		padding-left: 20px;
		font-size: 14px;
	}

	.drama-brief-info.info-above-age + div {
		padding-bottom: 78px;
		padding-left: 16px;
		padding-right: 16px;
		color: #333;
		background-color: white;
		font-size: 12px;
		line-height: 20px;
	}

	.mobile-hide-brief {
		position: fixed;
		bottom: 20px;
		left:20px;
		right: 20px;
		width: auto;
		height: 48px;
		line-height: 48px;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
		background-color: #41417A;
	}

	.drama-menu-anchor {
		color: white;
	}

	.menu-open-btn-anchor .menu-open-btn {
		position: absolute;
		right: 16px;
	}

	.drama-menu-head {
		height: 48px;
		line-height: 48px;
		padding-top: 0;
		font-size: 14px;
		vertical-align: middle;
		background-color: transparent;
	}

	.menu-drama-list {
		padding: 48px 0 48px 0;
		background-color: #24283f;
	}

	.menu-drama-list .list-submit {
		bottom:0;
	}
	#select-drama-done {
		width: 100%;
		height: 48px;
		line-height: 48px;
		border-radius: unset;
	}
	.booking-progressing {
		position: absolute;
	}

	#booking-area {
		padding-top: 100px;
	}

	.booking-progressing .indicator-bg {
		height: 100px;
		background-color: white;
	}

	.booking-indicator-wrap {
		height: 64px;
		top:36px;
	}

	.booking-indicator {
		width: 288px;
	}

	.progress-item {
		font-size: 24px;
	}

	.booking-indicator .current-step-bg {
		left: -6px;
		top:18px;
		bottom: auto;
	}

	.booking-indicator .icon-wrap div {
		width: 24px;
	}

	#process-date .icon-wrap div,
	#process-seat .icon-wrap div,
	#process-price .icon-wrap div {
		margin: auto;
	}

	.booking-indicator .icon-wrap {
		vertical-align: top;
		margin-top: 24px;
		/*text-align: center;*/
		/*vertical-align: middle;*/
		width: 24px;
		height: 24px;
	}

	.booking-indicator .icon-wrap img {
		top:2px;
		left: 3px;
		width: 18px;
		height: 20px;
	}

	#process-zero .icon-wrap img {
		top:0;
		left: 0;
		width: 24px;
		height: 24px;
	}

	.booking-indicator .middle-line-wrap,
	#process-seat .middle-line-wrap {
		width: 54px;
		height: 100%;
		margin-top: 0;
	}

	.booking-indicator .middle-line {
		width: 24px;
		margin:35px auto auto auto;
	}

	#process-price.progress-item {
		right:auto;
	}

	#booking-area .process-title {
		top:20px;
		font-size: 17px;
		height: 20px;
		pointer-events: none;
	}

	#booking-area .month-block::before {
		display: none;
	}

	#booking-area .month-block {
		width: 100%;
		height: 39px;
		background-color: #E6E6E6;
	}
	.ticket-calendar-wrap {
		padding:0 32px;
		background-color: white;
	}

	#booking-area .month-title {
		position: relative;
		line-height: 39px;
		vertical-align: middle;
	}
	#booking-area .month-ctl {
		line-height: 35px;
	}

	#booking-area .month-ctl img {
		vertical-align: middle;
	}

	#booking-area .month-title {
		font-size: 14px;
	}

	#day-list {
		height: 0;
		margin-top:0;
		padding: 0 32px;
		margin-left: 0;
		text-align: center;
	}

	#day-list .dropdown-block {
		width: 100%;
		top:-16px;
		margin-left: 0;
		background-color: transparent;
	}
	#day-list .selected-item,
	#day-list .dropdown-arrow-block {
		display: none;
	}

	#day-list .dropdown-list {
		display: block;
		padding: 0;
		z-index: 0;
		padding-bottom: 68px;
	}

	#day-list .dropdown-item {
		height: 32px;
		margin-top:4px;
		font-size: 14px;
		background-color: #CECEEA;
	}

	#day-list .dropdown-item.select {
		color: white;
		background-color: #41417A;
	}

	.booking-btn-group {
		position: fixed;
		top:70px;
		right: 20px;
		pointer-events: none;
	}

	.booking-btn-group div{
		pointer-events: auto;
	}

	.booking-btn-group .dialog-close {
		position: absolute;
		right: 0;
		top:0;
	}

	.booking-btn-group .btn-next {
		display: none;
	}

	.booking-btn-group .btn-next-enable {
		position: fixed;;
		bottom: 0;
		left:0;
		width: 100%;
		height: 48px;
		display: block;
		line-height: 48px;
		border-radius: unset;
	}

	.booking-btn-group .btn-next-enable img {
		vertical-align:middle;
		margin-right:13px;
	}

	.seat-map-container {
		padding: 20px 32px 0 20px;
	}

	#seat-map {
		background-color: #CCC;
	}

	.seat-map-hint {
		text-align: center;
	}

	.seat-info-block {
		position: relative;
		width: 100%;
		height: auto;
		right: 0;
		padding:0 32px 48px 32px;
		margin-top: 20px;
		text-align: left;
	}

	.seat-type-count {
		width: 47%;
		max-width: 140px;
	}

	.seat-info-block :nth-child(2n).seat-type-count {
		float: right;
		top:-41.5px;
	}

	.seat-info-block :nth-child(2n+1).seat-type-count {
		display: block;
	}

	.seat-zoom-block {
		left: 10px;
		top:-94px;
		bottom:auto;
	}

	.seat-zoom-block div {
		display: none;
	}

	.seat-zoom-block .zoom-reset {
		display: block;
		width: 50px;
		height: 18px;
		line-height: 18px;
		border-radius: 8px;
		color: white;
		background-color:#41417A;
		vertical-align: middle;
	}

	.ticket-type-container {
		margin: 0 20px;
		padding-bottom: 48px;
		min-height: 0;
	}

	.ticket-type-container .drama-info {
		font-size: 14px;
		text-align: center;
	}

	.ticket-type-block .sub-block {
		padding-left: 15px;
		padding-right: 15px;
	}

	.ticket-type-block .sub-block table {
		width: 100%;
	}

	.ticket-type-block .ticket-type-name {
		padding-left: 0;
	}

	.ticket-type-block .ticket-type-name + td {
		padding-left: 44px;
	}

	#ticket-type-form .mobile-block {
		display: block;
		margin-right:30px;
		margin-bottom: 12px;
	}

	.ticket-type-block select {
		width: 100%;
		max-width: unset;
		padding-left: 6px;
	}

	.ticket-price-group {
		position: relative;
		bottom: 0;
		margin-top: 26px;
		text-align: right;
		padding-right: 30px;
	}

	.booking-btn-group-final-wrap {
		right: -16px;
		left: -16px;
	}

	.booking-btn-group-final-wrap .booking-btn-group {
		width: 100%;
		bottom: 0;
		right: 0;
	}

	.booking-btn-group-final-wrap .btn-next {
		position: absolute;
		display: block;
		bottom: 0;
		width: 100%;
		height: 48px;
		line-height: 48px;
		vertical-align: middle;
		text-align: center;
		border-radius: unset;
	}

	.booking-btn-group-final-wrap .btn-cart img {
		vertical-align: middle;
		margin-right: 13px;
	}
}

@media (max-width: 320px) {
	ticket-calendar-wrap {
		padding:0 16px;
	}

	#day-list {
		padding: 0;
	}

	.seat-map-container {
		padding: 16px 16px 0 16px;
	}

	.seat-info-block {
		padding-left: 0;
		padding-right: 0;
	}

	.ticket-type-container {
		margin: 0 16px;
	}

	.ticket-type-block .sub-block {
		padding-left: 10px;
		padding-right: 5px;
	}

	#ticket-type-form .mobile-block {
		margin-right: 20px;
	}

	.ticket-price-group {
		padding-right: 20px;
	}

	.seat-type-count {
		width: 49%;
		max-width: 140px;
	}
}

.dialog-wrap.is-app {
	top:0;
}

.is-app .not-app,
.is-app .booking-btn-group .dialog-close {
	display: none;
}

.is-app .ticket-type-block .select-bg .arrow-block {
	padding-top:8px;
	padding-left: 0;
}

@media (max-width:768px) and (min-width:415px) {

	.is-app .drawer-item-block .drawer-arrow {
		padding-top: 20px;
	}


}

@media (max-width:414px) {
	.is-app #day-list .dropdown-block {
		top:0;
	}
}

/*     ## ######## ##     ## ########  ######## ########
###   ### ##       ###   ### ##     ## ##       ##     ##
#### #### ##       #### #### ##     ## ##       ##     ##
## ### ## ######   ## ### ## ########  ######   ########
##     ## ##       ##     ## ##     ## ##       ##   ##
##     ## ##       ##     ## ##     ## ##       ##    ##
##     ## ######## ##     ## ########  ######## ##     #*/

.member-menu {
	text-align: center;
	height: 534px;
	border-radius: 2px;
	margin-bottom: 95px;
}

.member-menu .member-header {
	position: relative;
	width: 100%;
	height: 137px;
	padding-top: 44px;
	margin-bottom: 12px;
	font-size: 22px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background-color: rgb(255, 236, 87);
}

.member-menu .member-header .member-title + p {
	font-size: 17px;
	margin-top: 16px;
}

.member-menu .member-list-item {
	position:relative;
	overflow-x: visible;
	width:215px;
	line-height:64px;
	vertical-align:middle;
	margin:0 auto;
	font-size: 17px;
	color: rgb(77,77,77);
	border-bottom:1px solid rgb(230, 230, 230);
}

.member-menu .member-list-item a {
	color: rgb(77,77,77);
}

.member-menu .member-list-item p {
	position: relative;;
	display:inline-block;
	white-space: nowrap;
	margin-bottom: 0;
}

.member-menu .member-list-item p.buyable {
	position: absolute;
}
.logout-btn {
	position: absolute;
	width: 73px;
	height: 33px;
	right: 16px;
	bottom: 14px;
	line-height: 30px;
	border-radius: 14.5px;
	font-size: 14px;
	color: white;
	background-color: rgb(102, 102, 102);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
}

.logout-btn:hover {
	background-color:rgb(0, 160, 255);
}

.dialog-shopping-record {
	text-align: center;
}

.ajax-container-title {
	position: absolute;
	top:-32px;
	text-align: center;
	width: 100%;
	font-size: 17px;
	color: white;
	white-space: nowrap;
}

.member-data-input {
	position: relative;
	margin: auto;
	width: 330px;
	text-align: left;
	font-size: 14px;
}

.member-type {
	margin-bottom: 42px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.member-btn {
	position: relative;
	display: inline-block;
	height: 33px;
	padding:0;
	margin: 0;
	border: 0;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}

.member-cancel {
	width: 68px;
	background: transparent;
	box-shadow: unset;
	color: #959596;
}

.member-submit {
	width: 93px;
	border-radius: 14.5px;
	box-sizing: 0 0 10px 0 rgba(0,0,0,0.4);
	background-color: #0074C4;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	color: white;
}

.shopping-record-btn-group {
	position: relative;
	height: 102px;
	padding-top: 45px;
	text-align: center;
}

.dialog-shopping-record .shopping-record-btn {
	display: inline-block;
	width: 90px;
	height: 28.5px;
	line-height: 24.5px;
	border: unset;
	background-color: transparent;
	font-size: 17px;
	vertical-align: middle;
	color: rgb(51,51,51);
}

.dialog-shopping-record .back-menu .shopping-record-btn {
	width: auto;
}

.shopping-record-btn-group .back-menu {
	position: absolute;
	left: 0;
	top:43px;
	line-height: 28.5px;
	vertical-align: middle;
}

.shopping-record-btn-group .back-menu+button {
	margin-right: 93px;
}

.dialog-shopping-record button.tab-active {
	border-bottom:2px solid rgb(0, 160,255);
}

.dialog-shopping-record .shopping-record-btn .rotate-180 {
	margin-right: 18px;
}

.shopping-record-wrap {
	position:relative;
	margin:0 auto;
	width:1260px;
	text-align:left;
}

.shopping-record-wrap table {
	border: unset;
}

.shopping-record-wrap table thead tr {
	height: 40px;
	background-color: rgb(102,102,102);
}

.shopping-record-wrap table thead th {
	border: unset;
	padding: 0 5px;
	line-height: 40px;
}

.shopping-record-wrap table thead th input[type=checkbox] {
	margin-left: 15px;
	opacity: 0.2;
}

.shopping-record-wrap .check-box-header .radio-img-container {
	left: -16px;
	top: -16px;
}

.shopping-record-wrap  .table-striped > tbody > tr:nth-of-type(n) {
	background-color: #F2F2F2;
}

.shopping-record-wrap table tbody td {
	padding: 24px 5px;
	border: unset;
	border-top: 1px solid white;
	white-space: normal;
	line-height: 24px;
}

.shopping-record-wrap table tbody td input[type=checkbox] {
	margin-left: 15px;
	opacity: 0;
}

.shopping-record-wrap .item-checkbox .radio-img-container {
	left: -17px;
	top: -17px;
}

.ticket-sell-index .give-btn-wrap {
	position: relative;
	margin:40px auto 100px;
	text-align: center;
}

.ticket-sell-index .give-btn-wrap button {
	line-height: 16px;
	font-size: 14px;
	width: 93px;
	height: 33px;
	border-radius: 14.5px;
	background-color: rgb(0,160,255);
	color: white;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
}

.buycard-title {
	position: relative;
	padding-top: 40px;
	padding-bottom: 16px;
	font-size: 22px;
}

.buycard-frame-container {
	position: absolute;
	top:91px;
	bottom:0px;
	width: 100%;
	overflow-y: hidden;
}

.buycard-frame-bg {
	position: relative;
	margin: 0 auto 0;
	width: 1000px;
	height: 100%;
	background-color: white;
}

.buycard-frame {
	position: absolute;
	margin-top: 0;
	width: 100%;
	height: 100%;
	max-height: 689px;
	padding: 56px 145px 136px 145px;
	top: 0;
	overflow-y: auto;
}

.buycard-input {
	position: relative;
	margin: auto;
	width: 710px;
	text-align: left;
	font-size: 14px;
}

.buycard-frame input[type=text] {
	width: 100%;
	border: unset;
	box-shadow: unset;
	padding-left: 16px;
	border-radius: 2px;
	height: 40px;
	background-color: rgb(239, 239, 239);
	font-size: 16px;
}

.buycard-frame label {
	color: rgb(153, 153, 153);
	margin-bottom: 3px !important;
	font-weight:normal;
}

.buycard-frame .select2-selection--single,
.buycard-frame .form-control {
	border: unset  !important;
	box-shadow: unset  !important;
	color: black  !important;
	background-color: rgb(239, 239, 239)  !important;
	border-radius: 2px  !important;
	border:none;
	height: 40px !important;
}

.buycard-frame .select2-selection__arrow {
	border: unset  !important;
	opacity: 0;
}

.buycard-frame .dropdown-arrow {
	position: absolute;
	right: 11px;
	top: 0;
	display: inline-block;
	line-height: 72px;
	vertical-align: middle;
	pointer-events: none;
}

@-moz-document url-prefix() {
	.buycard-frame .dropdown-arrow {
		line-height: 84px;
	}
}

.buycard-frame .has-success .control-label {
	color:rgb(153, 153, 153) !important;
}

.buycard-frame .has-success .form-control {
	box-shadow: unset;
	border-color: black;
}

.buycard-frame .form-group {
	height: 84px;
	margin-bottom: 0;
}

.buycard-frame .has-error .form-control {
	border: 1px solid rgb(249, 91, 93) !important;
	box-shadow: unset;
}

.buycard-frame .has-error .control-label,
.buycard-frame .has-error .help-block {
	color: rgb(249, 91, 93);
}

.buycard-frame .birth label {
	width:100%;
}

.buycard-frame .birth .form-group label {
	position: absolute;
	display: block;
	width: 30px;
	height: 40px;
	right: 0;
	padding-right: 10px;
	padding-top: 12px;
	text-align: right;
	pointer-events: none;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	background-color: rgb(239, 239, 239);
}

@-moz-document url-prefix() {
	.buycard-frame .birth .form-group label {
		padding-top: 10px;
	}
}

.buycard-frame .birth .form-group.has-error label {
	border-top:  1px solid rgb(249, 91, 93);
	border-right:  1px solid rgb(249, 91, 93);
	border-bottom:  1px solid rgb(249, 91, 93);
}

.buycard-frame .birth .form-group label + select {
	border-right: 2px solid transparent !important;
}

.buycard-frame .birth .has-success .form-control {
	border-color: black;
}

.buycard-frame .birth .form-control:focus {
	background-color: rgb(239, 239, 239);
	border-radius: 2px;
	border:1px solid black;
	color: black;
}

.buycard-frame .birth .form-group {
	position: relative;
	overflow-x: visible;
	width: 94px;
	height: 86px;
}

.buycard-frame .birth label + .form-group {
	width: 127px;
	margin-right: 4px;
}

.buycard-frame .birth .help-block {
	white-space: nowrap;
}

.buycard-blk {
	position: relative;
	display: inline-block;
	width: 330px;
}

.buycard-blk + div {
	position: absolute;
	display: inline-block;
	width: 330px;
	right: 0;
}

.buycard-blk select.form-control {
	width: 100%;
}

.buycard-blk .birth :nth-child(4) {
	float: right;
}

.buycard-input-name {
	display: inline-block;
	width: 224px;
}

.buycard-input-name+div {
	position: absolute;
	width: 94px;
	right: 0;
}

.buycard-frame  .group-login-btn {
	position: relative;
	height: auto;
	margin: 19px 0 0 0;
	text-align: center;
	vertical-align: middle;
}

.buycard-frame .buycard-btn {
	position: relative;
	margin: 0;
	line-height: 30px;
	background-color: transparent;
	box-shadow: unset;
	color: rgb(149, 149, 150);
}

.buycard-frame .buycard-btn:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,0.4);
	color: white;
}

.buycard-frame .buycard-cancel {
	width: 68px;
	background: transparent;
	box-shadow: unset;
	color: #959596;
}

.buycard-frame .buycard-submit {
	width: 93px;
	border-radius: 14.5px;
	background-color: #0074C4;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	color: white;
}

.buycard-frame .member-content {
    height: 600px;
    margin:auto;
    padding-left: 300px;
}

.buycard-info-body::before {
	content: '';
	display: block;
	height: 689px;
	width: 100%;
	pointer-events: none;
}

.buycard-info-body {
	position: relative;
	height: 100%;
	pointer-events: none;
	overflow-y: scroll;
}

.buycard-info-body .scroll-btn-wrap button {
	position: fixed;
	top: 810px;
	width: 56px;
	height: 28px;
	border-radius: 28px 28px 0 0;
	text-align: center;
	vertical-align: middle;
	border-style: none;
	background-color: rgb(35, 232, 194);
	z-index: 3;
	pointer-events: auto;
}

.buycard-info-body .scroll-btn-wrap button {
	pointer-events: auto;
}

.buycard-info-body .scroll-btn-wrap button div {
	position: absolute;
	top:14px;
	left: 0;
	text-align: center;
	width: 100%;
}

.buycard-info-body .scroll-btn-wrap button div img {
	vertical-align: top;
}

.buycard-info-body .scroll-btn-wrap,
#buycard-info-close {
	-webkit-transition: opacity 0.4s, visibility 0.4s;
	-moz-transition: opacity 0.4s, visibility 0.4s;
	transition: opacity 0.4s, visibility 0.4s;
}

.buycard-info-body .scroll-btn-wrap {
	margin-right: 56px;
}

#buycard-info-close {
	opacity: 0;
	visibility: hidden;
}

.buycard-info-body.has-shadow .scroll-btn-wrap {
	opacity: 0;
	visibility: hidden;
}

.buycard-info-body.has-shadow .buycard-info-content-wrap{
	box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.3);
}

.buycard-info-content-wrap {
	position: relative;
	height: 689px;
	overflow-y: auto;
	pointer-events: auto;
	background-color: rgb(35, 232, 194);
	z-index: 2;
}

.support-card .buycard-info-body .scroll-btn-wrap button,
.support-card .buycard-info-content-wrap {
	background-color: rgb(255,202,185);
}

.buycard-info-content-wrap .buycard-info-content {
	position: relative;
	margin-top: 36px;
	width: 100%;
}

.buycard-info-body .buycard-info-spacer {
	position: relative;
	height: 104px;
	pointer-events: none;
	display: block;
	background-color: transparent;
}

.member-side-card-wrap {
    position: absolute;
    left: 0px;
    top:0px;
    width: 300px;
    height: 100%;
    padding: 20px;

}

.member-side-card {
    position: relative;
    top: 0px;
    height:100%;
    width: 100%;
    padding: 20px;
    text-align: center;
    background-color: rgba(0, 102, 255,0.3);
}

.member-portrait {
    height: 220px;
    width:220px;
    border-radius: 120px;
    background-color: rgba(255,255,255,0.8);
    line-height: 220px;
    vertical-align: middle;
}

.member-profiles {
    position: relative;
    height: 100%;
    width: 100%;
    padding:100px 20px 20px 0px;
}

.member-profiles nav {
    position: absolute;
    width: 100%;
    top:20px;
}

.member-profiles button.close {
    position: absolute;
    right: 10px;
    top: -35px;
    font-size: 4em;
}

@-moz-document url-prefix() {
    .member-profiles button.close {
        top:-50px;
    }
}

#member-data {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: rgba(147, 147, 147,0.3);
	text-align: left;
	font-size: 1.5em;
}

.profile-left-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 20px 300px 20px 20px;
}

.profile-left-container {
	position: relative;
	left: 0;
	right:0;
	height: 100%;
	background-color: rgb(255, 222, 201);
}

.profile-left-wrap+div {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	top:0;
	padding: 20px;
}

.profile-left-wrap+div .input-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.profile-left-wrap+div .input-container input {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.profile-left-container .data {
	position: relative;
	width: 100%;
}

.profile-left-container .data .title {
	position: absolute;;
	display: inline-block;
	width: 140px;
	left: 0;
}

.profile-left-container .data .title+div {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left: 140px;
}

.btn-member-submit {
    margin-top: 20px;
    width: 120px;
}

#site-contact {
    padding:40px;
}

.member-data-frame-container {
	bottom: 91px;
}

@media (max-width:1024px) {
	.buycard-title {
		background-color: white;
		z-index: 1;
	}

	.buycard-frame-container {
		top:0;
	}

	.buycard-frame-bg {
		width: 100%;

	}

	.buycard-frame {
		width: 100%;
		height: 100%;
		max-height: 780px;
		padding-top:134px;
		padding-left:38px;
		padding-right:38px;
	}

	.buycard-input {
		width: 100%;
		max-width: 622px;
		font-size: 13px;
	}

	.buycard-blk,
	.buycard-blk + div {
		width: 48%;
		width: calc(50% - 19px);
		max-width: 292px;
	}

	.buycard-frame .select2-selection--single,
	.buycard-frame .form-control {
		height: 36px !important;
	}

	.buycard-frame .dropdown-arrow {
		line-height: 78px;
	}

	.buycard-frame input[type="text"] {
		padding-left:14px;
		font-size: 14.5px;
	}

	.buycard-input-name {
		max-width: 197px;
		width: 60%;
		width: calc(70% - 6px);
	}

	.buycard-input-name+div {
		top:0;
		width: 26px;
		width: calc(30% - 6px);
		max-width: 85px;
	}

	.buycard-frame .birth .form-group {
		display: inline-block;
	}

	.buycard-frame .birth label + .form-group {
		width: 38%;
		width: calc(40% - 8px);
		max-width: 112px;
		margin-right: 5px;
	}

	.buycard-blk .birth :nth-child(3),
	.buycard-blk .birth :nth-child(4) {
		width: 28%;
		width: calc(30% - 3px);
		max-width: 83px;
	}

	.buycard-frame .birth .form-group label {
		height: 36px;
	}

	.buycard-info-body::before {
		height: 780px;
	}

	.buycard-info-content-wrap {
		height: 780px;
	}

	.shopping-record-wrap {
		width: 100%;
	}

	.shopping-record-btn-group {
		padding-top: 51px;
	}

	.shopping-record-btn-group .back-menu {
		left: 24px;
		top:24px;
		line-height: 0;
	}

	.shopping-record-wrap #container {
		padding-left: 36.5px;
		padding-right: 36.5px;
		font-size: 14px;
	}

	.shopping-record-wrap table {
		border-collapse: separate;
		margin-bottom: 0;
	}

	.dialog-shopping-record table thead tr {
		color: white;
	}

	.dialog-shopping-record table .table-block {
		display: block;
	}

	.dialog-shopping-record table .check-box-header {
		width: 50px;
		padding:0 0 0 24px;
	}

	.shopping-record-wrap table thead th input[type="checkbox"] {
		vertical-align: middle;
	}

	.dialog-shopping-record table .order-number-header {
		width: 170px;
		padding-left: 4px;
	}

	.dialog-shopping-record table .drama-name-header {
		color: transparent;
	}

	.dialog-shopping-record table .drama-name-header::before,
	.dialog-shopping-record table .table-block::before {
		content: attr(data-title);
		display: inline-block;
	}

	.dialog-shopping-record table .drama-name-header::before {
		width: 92px;
		padding-left: 20px;
		color: white;
	}

	.shopping-record-wrap  .table-striped > tbody > tr:nth-of-type(n) {
		border-top: 8px solid transparent;
		background-color: transparent;
	}

	.shopping-record-wrap table tbody td {
		border-top: unset;
		background-color: #F2F2F2;
	}

	.dialog-shopping-record table .table-block {
		padding:8px 24px 0 0;
		height: 32px;
	}

	.dialog-shopping-record table .table-block::before {
		width: 128px;
		padding-left: 24px;
	}

	.dialog-shopping-record table tbody .item-checkbox,
	.dialog-shopping-record table tbody .order-number,
	.dialog-shopping-record table tbody .drama-name {
		border-top: 8px solid white;
	}

	.dialog-shopping-record table tbody .item-checkbox {
		padding:24px 0 0 24px;
	}

	.shopping-record-wrap table thead th input[type="checkbox"],
	.shopping-record-wrap table tbody td input[type="checkbox"] {
		margin:2px;
	}

	.shopping-record-wrap .item-checkbox .radio-img-container {
		top: -14px;
	}

	.dialog-shopping-record table tbody .order-number {
		padding:24px 0 0 6px;
		height: 48px;
		line-height: 24px;
		font-size: 15px;
	}

	.dialog-shopping-record table tbody .drama-name {
		padding-top: 24px;
		height: 48px;
	}

	.dialog-shopping-record table tbody .ticke-status {
		height: 56px;
		padding-bottom: 24px;
	}

	.ticket-sell-index .give-btn-wrap {
		position: fixed;
		bottom: 35px;
		left: 0;
		right: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 54px;
		pointer-events: none;
	}

	.ticket-sell-index .give-btn-wrap button {
		pointer-events: auto;
	}

	.dialog-shopping-record .goods-sell-index table .order-number-header {
		width: 224px;
		padding-left: 54px;
	}

	.dialog-shopping-record .goods-sell-index table tbody .order-number {
		padding-left: 54px;
	}

	.member-data-frame-container {
		bottom: 0;
	}

	.member-data-frame {
		padding-top: 80px;
	}

	.member-data-input {
		width: 292px;
	}

	.member-data-input .buycard-blk {
		max-width: 100%;
	}
}

@media (min-width:415px) and (max-height:979px) {
	.buycard-info-body .scroll-btn-wrap button {
		top:auto;
		bottom:142px;
	}

	.buycard-info-body::before,
	.buycard-info-content-wrap {
		height: 85%;
		height: calc(100% - 117px);
	}

	.buycard-frame .group-login-btn {
		margin-bottom:140px;
	}
}

@media (max-width:414px) {
	.buycard-title {
		padding-top: 12px;
		padding-bottom: 31px;
		height: 22px;
		line-height: 22px;
		vertical-align: middle;
		font-size: 17px;
	}
	.member-menu {
		position: relative;
		width: 275px;
		height: auto;
		margin-top: 70px;
		margin-bottom: 20px;
		padding-top:17px;
		overflow-y: visible;
		background-color: white;
	}
	.member-menu .member-header {
		position: absolute;
		top:-51px;
		left: 20px;
		width: 124px;
		height: 38px;
		line-height: 38px;
		margin-top: 0;
		padding-top: 0;
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
		border-bottom-right-radius: 2px;
		font-size: 17px;
		text-align: center;
		color: white;
		background-color: #00A0FF;
	}

	.member-menu .member-list-item {
		line-height: 51px;
	}

	.logout-btn {
		position: relative;
		width: 100%;
		height: auto;
		right: 0;
		bottom:0;
		margin-top:22px;
		padding-top: 16px;
		padding-bottom: 16px;
		line-height: 18px;
		background-color:rgb(0, 160, 255);
		border-radius: unset;
		box-shadow: unset;
	}

	.no-underline:hover {
		text-decoration: none;
	}

	.buycard-frame {
		padding-top: 68px;
		padding-left: 0;
		padding-right: 0;
	}

	.buycard-blk,
	.buycard-blk + div {
		width: 100%;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 14px;
		padding-right: 14px;
	}

	.buycard-blk {
		display: block;
	}

	.buycard-blk + div {
		position: relative;
		display: block;
	}

	.buycard-frame .form-group {
		height: 75px;
	}

	.buycard-input-name + div {
		right: 14px;
	}

	.buycard-blk + div #cardform-zip_code {
		width: 85px;
	}

	.buycard-frame .dropdown-arrow {
		right: 25px;
		line-height: 66px;
	}

	.buycard-frame .birth .form-group label {
		padding-top: 9px;
	}

	.buycard-frame .birth .form-group {
		height: 59px;
	}

	.buycard-frame .group-login-btn {
		text-align: left;
		margin-bottom: 60px;
	}

	.buycard-frame .buycard-btn {
		vertical-align: middle;
		text-align: center;
		line-height: 44px;
		color:white;
		background-color: rgb(0, 160, 255);
	}

	.buycard-frame .buycard-btn:hover {
		box-shadow: unset;
	}

	.buycard-frame .member-btn {
		width: 50%;
		height: 48px;
		vertical-align: middle;
		text-align: center;
		line-height: 44px;
		color:white;
		border-radius: unset;
		box-shadow: unset;
	}

	.buycard-frame .buycard-cancel,
	.buycard-frame .member-cancel {
		background-color: #666666;
	}

	.buycard-frame .group-login-btn :nth-child(2) {
		position: relative;
		float: right;
		border-left: 1px solid white;
	}


	.buycard-info-body::before,
	.buycard-info-content-wrap {
		height: 630px;
	}

	.buycard-info-content-wrap .buycard-info-content {
		margin-top: 20px;
	}

	.buycard-info-body .scroll-btn-wrap button {
		top:661px;
	}

	.dialog-shopping-record .ajax-container-title {
		top:0;
		width: 100%;
		height: 54px;
		line-height: 54px;
		color: white;
		background-color: #00A0FF;
		z-index: 1;
	}

	.dialog-shopping-record .login-close {
		z-index: 2;
	}

	.shopping-record-btn-group {
		height: auto;
		z-index: 1;
	}

	.shopping-record-btn-group .back-menu {
		position: fixed;
		left: 16px;
		top:62px;
	}

	.shopping-record-btn-group .back-menu button {
		padding-left: 0;
		padding-right: 0;
	}

	.shopping-record-btn-group .back-menu img {
		margin-right: 0;
	}

	.dialog-shopping-record .shopping-record-tab-btn {
		position: fixed;
		width: 50%;
		height: 48px;
		line-height: 48px;
		padding-left: 0;
		padding-right: 0;
		background-color: white;

	}
	.shopping-record-btn-group .back-menu + button {
		left:0;
	}

	.shopping-record-btn-group .back-menu + button {
		margin-right: 0;
	}

	.shopping-record-btn-group button:nth-child(3) {
		float: right;
	}

	.shopping-record-wrap #container {
		max-width: 382px;
		margin: 73px auto 88px;
		padding-left: 16px;
		padding-right: 16px;
	}

	.dialog-shopping-record table .check-box-header {
		width: 44px;
	}

	.dialog-shopping-record table .order-number-header {
		width: auto;
	}

	.dialog-shopping-record table .order-number-header div {
		position: relative;
		left: -30px;
	}

	.dialog-shopping-record table .drama-name-header {
		display: none;
	}

	.shopping-record-wrap table tbody td {
		background-color: white;
	}

	.shopping-record-wrap .item-checkbox .radio-img-container {
		top: -17px;
	}

	.dialog-shopping-record table tbody .item-checkbox {
		position: relative;
		padding: 16px 2px 16px 14px;
		line-height: 16px;
	}

	.dialog-shopping-record table tbody .item-checkbox label {
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		padding-top: 16px;
		padding-bottom: 16px;
		line-height: 16px;
		background-color: #F2F2F2;
	}

	.dialog-shopping-record table tbody .order-number {
		height: auto;
		display: block;
		padding-top: 16px;
		padding-bottom: 16px;
		line-height: 16px;
		vertical-align: middle;
		background-color: #F2F2F2;
	}

	.dialog-shopping-record table tbody .order-number,
	.dialog-shopping-record table tbody .drama-name::before,
	.dialog-shopping-record table .table-block::before {
		padding-left: 8px;
	}

	.dialog-shopping-record table tbody .drama-name {
		padding-top: 16px;
		border-top: unset;
	}

	.dialog-shopping-record table tbody .drama-name,
	.dialog-shopping-record table .table-block {
		padding-bottom: 12px;
		line-height: 16px;
	}

	.dialog-shopping-record table tbody .ticke-status {
		padding-bottom: 16px;
	}

	.dialog-shopping-record table tbody .drama-name::before,
	.dialog-shopping-record table .table-block::before {
		width: 86px;
	}

	.ticket-sell-index .give-btn-wrap {
		bottom: 0;
		width: 100%;
		height: 48px;
		padding: 0;
		margin: 0;
		line-height: 48px;
	}

	.ticket-sell-index .give-btn-wrap button {
		width: 100%;
		height: 100%;
		border-radius: unset;
		box-shadow: unset;
	}

	.dialog-shopping-record .goods-sell-index table .order-number-header {
		padding-left: 16px;
	}

	.dialog-shopping-record .goods-sell-index table .order-number-header div {
		left: 0;
	}

	.dialog-shopping-record .goods-sell-index table tbody .order-number,
	.dialog-shopping-record .goods-sell-index table tbody .drama-name::before,
	.dialog-shopping-record .goods-sell-index table .table-block::before {
		padding-left: 44px;
	}

	.dialog-member .group-login-btn {
		margin-top: 0;
	}

	.member-data-frame {
		padding-top: 44px;
	}

	.member-type {
		margin-bottom: 12px;
		font-weight: normal;
		font-size: 12px;
	}
}

@media (max-width:414px) and (max-height:735px) {
	.buycard-info-body .scroll-btn-wrap button {
		top:auto;
		bottom: 55px;
	}

	.buycard-frame .group-login-btn {
		height: 48px;
		margin-bottom: 66px;
	}

	.buycard-info-body::before,
	.buycard-info-content-wrap {
		height: 90%;
		height: calc(100% - 66px);
	}
}

/*    ## ######## ##      ##  ######
###   ## ##       ##  ##  ## ##    ##
####  ## ##       ##  ##  ## ##
## ## ## ######   ##  ##  ##  ######
##  #### ##       ##  ##  ##       ##
##   ### ##       ##  ##  ## ##    ##
##    ## ########  ###  ###   #####*/

.news-bg-rwd {
	position: absolute;
	top:0;
	bottom: 0;
	width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    text-align: center;
}
@media (max-width: 320px) {
    .news-bg-rwd {
        background-image: url(../img/news_bg_iphone_320.jpg);
		background-position: center 48px;
		background-size: 100% auto;
    }
}
@media (min-width: 321px) {
    .news-bg-rwd {
        background-image: url(../img/news_bg_iphone_414.jpg);
		background-position: center 48px;
		background-size: 100% auto;
    }
}
@media (min-width: 415px) {
    .news-bg-rwd {
        background-image: url(../img/news_bg_ipad_768.jpg);
		background-position: 50% 140px;
		background-size: unset;
    }
}
@media (min-width: 769px) {
    .news-bg-rwd {
        background-image: url(../img/news_bg_1024.jpg);
		background-position: 50% 48px;
    }
}
@media (min-width: 1025px) {
    .news-bg-rwd {
        background-image: url(../img/news_bg_1336.jpg);
		background-position: 50% 123px;
    }
}
@media (min-width: 1367px) {
    .news-bg-rwd {
        background-image: url(../img/news_bg_1920.jpg);
		background-position: 50% 61px;
    }
}

.news-bg-rwd .container-main::before {
	content: " ";
	display: block;
	height: 100vh;
	pointer-events: none;
}

.news-bg-rwd .news-scroll-icon {
    position: fixed;
    left: 0;
    right: 0;
	top:888px;

    margin: auto;
    animation-duration: 0.5s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}

@media (max-height: 979px) {
	.news-bg-rwd .news-scroll-icon {
		top:auto;
		bottom: 70px;
		bottom: 83px;
	}
}

@media (max-width: 1366px) {
	.news-bg-rwd .news-scroll-icon {
		top:678px;
		bottom: auto;
	}
}

@media (max-height: 767px) {
	.news-bg-rwd .news-scroll-icon {
		top:auto;
		bottom: 76px;
	}
}

@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.news-effect-rwd {
    position: fixed;
    display: block;
    width: 440px;
    height: 746px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 440px;
	pointer-events: none;

	-moz-transition-property: left, top;
	-webkit-transition-property: left, top;
	-o-transition-property: left, top;
	transition-property: left, top;
	-moz-transition-duration: 3s;
	-webkit-transition-duration: 3s;
	-o-transition-duration: 3s;
	transition-duration: 3s;
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 769px) {
    .news-effect-rwd {
        background: url(../img/news_girl_1024.png) no-repeat;
		top: 105px;
		left: 146px;
    }

	.news-effect-rwd.pull-left {
		top: 165px;
		left: -132px;
	}
}
@media (min-width: 1025px) {
    .news-effect-rwd {
        background: url(../img/news_girl_1336.png) no-repeat;
		top: 176px;
		left: 342px;
    }

	.news-effect-rwd.pull-left {
		top: 198px;
		left: 50px;
	}
}
@media (min-width: 1367px) {
    .news-effect-rwd {
        background: url(../img/news_girl_1920.png) no-repeat;
		top: 132px;
		left: 506px;
    }

	.news-effect-rwd.pull-left {
		top: 198px;
		left: 50px;
	}
}

.news-list-wrap {
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow:auto;
}

.news-list-wrap::before {
	content: " ";
	display: block;
	height: 100vh;
	height: calc(100vh - 48px);
	width: 100%;
	pointer-events: auto;
}

.news-list-wrap::after {
	content: " ";
	display: block;
	height: 130px;
	min-height: 130px;
	height: calc(100vh - 800px);
}

@media ( max-width: 1366px ) {
	.news-list-wrap::after {
		height: calc( 100vh - 689px);
	}
}

@media (max-width: 1024px) {
	.news-list-wrap::after {
		height: calc( 100vh - 825px);
	}
}

#news-container {
    position: relative;
    height: 620px;
    background-color: rgba(255, 255, 255, 0.7);
    padding-top: 35px;
    padding-bottom: 35px;
    margin: 20px 0 0 0;
}

#news-container h2 {
    text-align: center;
    font-size: 17pt;
    margin-bottom: 24px;
    color: #333;
}

.news-list-nav {
    height: 63px;
    text-align: center;
    margin: auto;
    border-top: 1px solid #5889B5;
    border-bottom: 1px solid #5889B5;
	overflow-x: auto;
	overflow-y: hidden;
}
@media (max-width: 414px) {
    .news-list-nav {
        width: 100%;
    }
}
@media (min-width: 415px) {
    .news-list-nav {
		max-width: 650px;
    }
}
@media (min-width: 769px) {
    .news-list-nav {
		max-width: 900px;
    }
}
.news-list-nav ul {
    list-style-type: none;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    /* For IE, the outcast */
    zoom: 1;
    *display: inline;
	position: relative;
	height: 64px;
	white-space: nowrap;
}
.news-list-nav li {
    width: 140px;
	height: 64px;
	font-size: 15px;
}

.news-list-nav li.magic-line {
	height: 3px;
}

.news-list-nav ul li div {
    position: relative;
    display: inline-block;
    height: 100%;
    width: auto;
    padding: 0 10px;
    line-height: 63px;
}
.news-list-nav ul li div:hover {
    color: #333;
}
.news-list-nav .nav > li > a,
.news-list-nav .nav > li > a:hover,
.news-list-nav .nav > li > a:focus {
    color: #333;
    background-color: transparent;
}

.news-list-nav .nav > li > a,
.news-list-nav .nav > li > a:hover,
.news-list-nav .nav > li > a:focus,
.news-list-nav .nav .current_page_item a {
	height: 100%;
	line-height: 64px;
	padding:0;
	vertical-align: middle;
}

.news-list-nav .nav .current_page_item a {
    color: #333 !important;
}

#news-list {
    margin: auto;
}
@media (max-width: 415px) {
    #news-list {
        width: 100%;
    }
}
@media (min-width: 415px) {
    #news-list {
		max-width: 700px;
    }
}

#news-list .title{
	height: 40px;
}

#news-list .list-group-item {
    height: 45px;
    padding-top: 0px;
    padding-left: 35px;
    padding-right: 0px;
    font-size: 14pt;
    background-color: transparent;
    border-width: 0px;
}
@media (max-width: 415px) {
    #news-list .list-group-item {
        height: auto;
        padding-left: 0px;
    }
}

#news-list .list-group-item:hover {
    color: #5889B5;
}

#news-list .list-group-item div {
	position: absolute;
	display: inline-block;
}

#news-list .list-group-item span {
    display: inline-block;
}

#news-list .list-group-item .left {
	width: 17%;
	max-width: 130px;
}
#news-list .list-group-item .center {
	width: 59%;
	max-width: 414px;
}
#news-list .list-group-item .right {
	text-align: right;
}
@media (max-width: 415px) {
    #news-list .list-group-item .left {
        width: 25%;
    }
    #news-list .list-group-item .center {
        width: 60%;
    }
}

.news-pager {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 35px;
    font-size: 13pt;
}

.news-pager a {
    display: inline-block;
    width: 40px;
}

.news-pager a.inactive {
    cursor: not-allowed;
}

.news-pager span {
    display: inline-block;
    width: 90px;
}

.rotate-180 {
    -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg);        /* FF */
    -o-transform: rotate(180deg);          /* Opera */
    -ms-transform: rotate(180deg);         /* IE9 */
    transform: rotate(180deg);             /* W3C compliant browsers */
}

#news-detail {
    max-width: 700px;
    max-height: 670px;
    margin: auto;
    background-color: white;
}

.news-close {
    position: absolute;
    top: 24px;
    right: 25px;
    cursor: pointer;
    z-index: 1;
}

.news-dialog {
    margin: auto;
    padding-bottom: 50px;
    border-width: 0;
}
.news-dialog .news-wrap {
    overflow-y: auto;
    height: 100%;
}
.news-dialog .header {
	position: relative;
	width: 100%;
	margin-top: 68px;
}
.news-dialog .header div:nth-child(1) {
    margin-bottom: 14px;
    color: #5889B5;
	font-size: 14px;
}
.news-dialog .header div:nth-child(2) {
    margin-bottom: 14px;
    color: #333;
	font-size: 17px;
}
.news-dialog .header div:nth-child(3) {
    margin-bottom: 38px;
    color: #999;
	font-size: 14px;
}
.news-dialog .body {
	position: relative;
	padding: 0 55px;
	margin-bottom: 50px;
	text-align: left;
    word-wrap: break-word;
    word-break: normal;
}

@media (max-width:414px) {

	.news-bg-rwd .news-scroll-icon {
		top:auto;
		bottom: 82px;
	}

	#news-container {
		padding-top: 0;
		margin-top: 0;
		background-color: white;
		height: auto;
	}

	#news-container h2 {
		display: none;
	}

	.news-list-wrap::before {
		height: 100%;
	}

	.news-list-wrap::after {
		min-height: 60px;
	}

	.news-list-nav {
		border-top: 0;
		border-bottom: 0;
	}

	.news-list-nav ul {
		display: block;
	}

	.news-list-nav,
	.news-list-nav ul,
	.news-list-nav li {
		height: 50px;
	}

	.news-list-nav .nav > li > a,
	.news-list-nav .nav > li > a:hover,
	.news-list-nav .nav > li > a:focus,
	.news-list-nav .nav .current_page_item a {
		line-height: 50px;
	}

	.news-list-nav .nav > li > a {
		position: relative;
		color: #A3E4F7;
	}

	.news-list-nav .nav > li > a:hover {
		color: #00B7ED;
	}

	.news-list-nav .nav .current_page_item a {
		color: #00B7ED !important;
		font-weight: bold;
	}

	.news-list-nav li.magic-line {
		margin-top: 38px;
		background-color: #00B7ED;
	}

	#news-list {
		padding-left: 32px;
		padding-right: 32px;
	}

	#news-list .title {
		height: 32px;
	}

	#news-list .list-group-item {
		text-align: left;
		display: block;
		text-align: left;
	}

	#news-list .list-group-item .left,
	#news-list .list-group-item .right {
		height: 13px;
		margin-bottom: 7px;
	}

	#news-list .list-group-item .left {
		display: table-cell;
		width: 50px;
		vertical-align: top;
		font-size: 12px;
		color: #00B7ED;
	}

	#news-list .list-group-item .center {
		display: block;
		width: auto;
		margin-top: 7px;
		margin-bottom: 24px;
		margin-left: 66px;
		font-size: 14px;
		color: #333333;
	}

	#news-list .list-group-item .right {
		position: absolute;
		display: block;
		left: 71px;
		top:0;
		font-size: 12px;
		color: #808080;
	}

	.news-close {
		top:12.5px;
		right: auto;
		left: 32px;
	}

	#news-detail {
		max-height: none;
		top:50px;
		bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.news-dialog {
		padding-bottom: 0;
	}

	.news-dialog .body {
		padding-left: 32px;
		padding-right: 32px;
		margin-bottom: 38px;
	}

	.news-dialog .header {
		margin-top: 36.5px;
	}

	.news-dialog .header div:nth-child(1) {
		margin-bottom: 24px;
	}

	.news-dialog .header div:nth-child(2) {
		font-size: 16px;
	}

	.news-dialog .header div:nth-child(3) {
		margin-bottom: 30px;
	}

	.news-effect-rwd {
		display: none;
	}
}

@media (max-width:320px) {
	.news-close {
		left: 20px;
	}

	#news-list {
		padding-left: 16px;
		padding-right: 16px;
	}

	.news-dialog .body {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 24px;
	}
}

/*  ###    ########   #######  ##     ## ########
  ## ##   ##     ## ##     ## ##     ##    ##
 ##   ##  ##     ## ##     ## ##     ##    ##
##     ## ########  ##     ## ##     ##    ##
######### ##     ## ##     ## ##     ##    ##
##     ## ##     ## ##     ## ##     ##    ##
##     ## ########   #######   #######     #*/
.about-bg1-rwd {
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    padding-top: 48px;
}
@media (max-width: 768px) {
    .about-bg1-rwd {
        background-image: url(../img/about_bg1_ipad.png);
        max-width: 768px;
        height: 1024px;
    }
}
@media (min-width: 769px) {
    .about-bg1-rwd {
        background-image: url(../img/about_bg1_1336.png);
        max-width: 1920px;
        height: 1520px;
    }
}
@media (min-width: 1367px) {
    .about-bg1-rwd {
        background-image: url(../img/about_bg1_1920.png);
        max-width: 1920px;
        height: 1960px;
    }
}

.about-bg2-rwd {
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}
@media (max-width: 768px) {
    .about-bg2-rwd {
        background-image: url(../img/about_bg2_ipad_768.jpg);
        max-width: 769px;
        height: 1025px;
        padding-top: 140px;
    }
}
@media (min-width: 769px) {
    .about-bg2-rwd {
        background-image: url(../img/about_bg2_1336.jpg);
        max-width: 1490px;
        height: 760px;
        padding-top: 140px;
    }
}
@media (min-width: 1367px) {
    .about-bg2-rwd {
        background-image: url(../img/about_bg2_1920.jpg);
        max-width: 1920px;
        height: 980px;
        padding-top: 190px;
    }
}

.about-bg3-rwd {
    background-color: #131338;
    margin: auto;
}
@media (max-width: 768px) {
    .about-bg3-rwd {
        max-width: 769px;
        height: 1025px;
        padding-top: 140px;
    }
}
@media (min-width: 769px) {
    .about-bg3-rwd {
        max-width: 1490px;
        height: 760px;
        padding-top: 140px;
    }
}
@media (min-width: 1367px) {
    .about-bg3-rwd {
        max-width: 1920px;
        height: 980px;
        padding-top: 190px;
    }
}

.about-bg4-rwd {
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    padding-top: 80px;
}
@media (max-width: 768px) {
    .about-bg4-rwd {
        background-image: url(../img/about_bg4_ipad.jpg);
        max-width: 769px;
        height: 1025px;
        padding-top: 170px;
    }
}
@media (min-width: 769px) {
    .about-bg4-rwd {
        background-image: url(../img/about_bg4_1336.jpg);
        max-width: 1490px;
        height: 760px;
        padding-top: 170px;
    }
}
@media (min-width: 1367px) {
    .about-bg4-rwd {
        background-image: url(../img/about_bg4_1920.jpg);
        max-width: 1920px;
        height: 980px;
        padding-top: 220px;
    }
}

.about-bg5-rwd {
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    padding-top: 80px;
}
@media (max-width: 768px) {
    .about-bg5-rwd {
        background-image: url(../img/about_bg5_ipad.jpg);
        max-width: 768px;
        height: 1024px;
        padding-top: 170px;
    }
}
@media (min-width: 769px) {
    .about-bg5-rwd {
        background-image: url(../img/about_bg5_1336.jpg);
        max-width: 1490px;
        height: 760px;
        padding-top: 170px;
    }
}
@media (min-width: 1367px) {
    .about-bg5-rwd {
        background-image: url(../img/about_bg5_1920.jpg);
        max-width: 1920px;
        height: 980px;
        padding-top: 220px;
    }
}

.about-banner-wrapper {
    height: 542px;
}
@media (max-width: 1366px) {
    .about-banner-wrapper {
        height: 357px;
    }
}

.about-banner {
    background-repeat: no-repeat;
    margin: 0 auto;
}
@media (max-width: 1366px) {
    .about-banner {
        background-image: url(../img/about_banner_1336_ipad.png);
        background-position-y: -14px;
        max-width: 800px;
        height: 315px;
    }
}
@media (min-width: 1367px) {
    .about-banner {
        background-image: url(../img/about_banner_1920.png);
        background-position-y: -21px;
        max-width: 1260px;
        height: 500px;
    }
}

.navbar-about {
    margin: 0 auto;
    background-color: rgba(240,20,100,0.3);
    font-size: 17pt;
    text-align: center;
	overflow-x: auto;
	overflow-y: hidden;
}
@media (max-width: 1366px) {
    .navbar-about {
        height: 72px;
        max-width: 800px;
        padding-top: 11px;
        margin-top: -30px;
    }
}
@media (min-width: 1367px) {
    .navbar-about {
        height: 92px;
        max-width: 1260px;
        padding-top: 21px;
        margin-top: -50px;
    }
}

.navbar-about a {
    color: white !important;
}

.navbar-anim {
    outline: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.nav-about-center {
    display: inline-block;
    float: none;
}

.navbar-about-sticky {
    position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background-color: rgba(0,116,194,0.3);
    font-size: 17pt;
    z-index: 10;
    text-align: center;
	overflow-x: auto;
	overflow-y: hidden;
}
@media (max-width: 1366px) {
    .navbar-about-sticky {
        height: 72px;
        padding-top: 11px;
    }
}
@media (min-width: 1367px) {
    .navbar-about-sticky {
        height: 92px;
        padding-top: 21px;
    }
}

.navbar-about-sticky a {
    color: white !important;
}

.about-content-1 {
    margin: 50px auto 100px auto;
    overflow: auto;
}
@media (max-width: 768px) {
    .about-content-1 {
        max-width: 580px;
        height: 500px;
    }
}
@media (min-width: 769px) {
    .about-content-1 {
        max-width: 630px;
        height: 845px;
    }
}
@media (min-width: 1367px) {
    .about-content-1 {
        max-width: 800px;
        height: 1070px;
        margin-top: 80px;
    }
}

.about-content-2 {
    max-width: 630px;
    height: 380px;
    margin: 0 auto;
    overflow: auto;
}
@media (max-width: 768px) {
    .about-content-2 {
        max-width: 580px;
    }
}

.about-content-3 {
    max-width: 630px;
    height: 380px;
    margin: 0 auto;
    overflow: auto;
}
@media (max-width: 768px) {
    .about-content-3 {
        max-width: 580px;
    }
}

.about-content-4 {
    margin: 0 auto;
    overflow: auto;
}
@media (max-width: 768px) {
    .about-content-4 {
        max-width: 550px;
        height: 560px;
    }
}
@media (min-width: 769px) {
    .about-content-4 {
        max-width: 630px;
        height: 330px;
    }
}
@media (min-width: 1367px) {
    .about-content-4 {
        max-width: 800px;
        height: 390px;
    }
}

.about-content-5 {
    max-width: 800px;
    height: 540px;
    margin: 0 auto;
    overflow: auto;
}
@media (max-width: 768px) {
    .about-content-5 {
        max-width: 550px;
        height: 560px;
    }
}
@media (min-width: 769px) {
    .about-content-5 {
        max-width: 630px;
        height: 330px;
    }
}
@media (min-width: 1367px) {
    .about-content-5 {
        max-width: 800px;
        height: 390px;
    }
}

.about-bg2-rwd h2,
.about-bg3-rwd h2 {
    margin-bottom: 23px !important;
    font-size: 24pt !important;
    color: #FF7D55;
}
.about-bg2-rwd .cd-timeline-navigation a,
.about-bg3-rwd .cd-timeline-navigation a {
    border: 2px solid #FF7D55;
}
.about-bg2-rwd .cd-timeline-navigation a::after,
.about-bg3-rwd .cd-timeline-navigation a::after {
    background-image: url(../img/about_arrow_btn_1.png);
}
.about-bg2-rwd .cd-timeline-navigation a.inactive {
    border: 2px solid #6CD4DC;
}
.about-bg2-rwd .cd-timeline-navigation a.inactive::after,
.about-bg3-rwd .cd-timeline-navigation a.inactive::after {
    background-image: url(../img/about_arrow_btn_2.png);
    background-position: 0;
}
.about-bg2-rwd .cd-horizontal-timeline .events {
    background: #6CD4DC;
}
.about-bg2-rwd .cd-horizontal-timeline .events a {
    font-size: 15pt;
    color: #68594F;
}
.about-bg2-rwd .cd-horizontal-timeline .events a::after {
    border: 2px solid #6CD4DC;
    background-color: #91EFE7;
}
.about-bg2-rwd .cd-horizontal-timeline .events a.older-event::after,
.about-bg3-rwd .cd-horizontal-timeline .events a.older-event::after {
    border-color: #FF7D55;
}
.about-bg2-rwd .cd-horizontal-timeline .events a.selected::after,
.about-bg3-rwd .cd-horizontal-timeline .events a.selected::after {
    background-color: #FF7D55;
    border-color: #FF7D55;
}
.about-bg2-rwd .cd-horizontal-timeline .filling-line,
.about-bg3-rwd .cd-horizontal-timeline .filling-line {
    background-color: #FF7D55;
}
.about-bg2-rwd .no-touch .cd-timeline-navigation a:hover,
.about-bg3-rwd .no-touch .cd-timeline-navigation a:hover {
    border-color: #FF7D55;
}
.about-bg2-rwd .no-touch .cd-horizontal-timeline .events a:hover::after,
.about-bg3-rwd .no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #FF7D55;
    border-color: #FF7D55;
}

.about-bg3-rwd .cd-timeline-navigation a.inactive {
    border: 2px solid #13426B;
}
.about-bg3-rwd .cd-timeline-navigation a.inactive::after {
    background-image: url(../img/about_arrow_btn_2_a.png);
    background-position: 0;
}
.about-bg3-rwd .cd-horizontal-timeline .events {
    background: #13426B;
}
.about-bg3-rwd .cd-horizontal-timeline .events a {
    font-size: 15pt;
    color: white;
}
.about-bg3-rwd .cd-horizontal-timeline .events a::after {
    border: 2px solid #13426B;
    background-color: #131338;
}

.cd-horizontal-timeline,
.cd-horizontal-timeline .events-content {
    height: 100% !important;
}

.cd-horizontal-timeline .timeline {
    position: absolute !important;
    left: 0;
    right: 0;
    z-index: 100;
}

.cd-horizontal-timeline .events-content li > div:nth-child(3) {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding-top: 130px;
}

.about-bg2-rwd .about-effect-rwd-1-1 {
    background-image: url(../img/about_cloud_1_super_1336_768.png);
    width: 261px;
    height: 373px;

    top: 40px;
    left: 1150px;
    right: 0;
}
@media (min-width: 1367px) {
    .about-bg2-rwd .about-effect-rwd-1-1 {
        background-image: url(../img/about_cloud_1_super_1920.png);
        width: 336px;
        height: 481px;
    }
}

.about-bg2-rwd .about-effect-rwd-1-2 {
    background-image: url(../img/about_cloud_1_768.png);
    width: 655px;
    height: 415px;

    top: 0;
    left: 0;
}
@media (min-width: 769px) {
    .about-bg2-rwd .about-effect-rwd-1-2 {
        background-image: url(../img/about_cloud_1_1336.png);
        width: 1188px;
        height: 490px;
    }
}
@media (min-width: 1367px) {
    .about-bg2-rwd .about-effect-rwd-1-2 {
        background-image: url(../img/about_cloud_1_1920.png);
        width: 1531px;
        height: 632px;
    }
}

.about-bg2-rwd .about-effect-rwd-2-1 {
    background-image: url(../img/about_cloud_2_dog_1336_768.png);
    width: 362px;
    height: 221px;

    top: 400px;
    left: -1000px;
    right: 0;
}
@media (min-width: 1367px) {
    .about-bg2-rwd .about-effect-rwd-2-1 {
        background-image: url(../img/about_cloud_2_dog_1920.png);
        width: 466px;
        height: 285px;
    }
}

.about-bg2-rwd .about-effect-rwd-2-2 {
    background-image: url(../img/about_cloud_2_768.png);
    width: 459px;
    height: 484px;

    top: 0;
    left: 0;
}
@media (min-width: 769px) {
    .about-bg2-rwd .about-effect-rwd-2-2 {
        background-image: url(../img/about_cloud_2_1336.png);
        width: 1475px;
        height: 484px;
    }
}
@media (min-width: 1367px) {
    .about-bg2-rwd .about-effect-rwd-2-2 {
        background-image: url(../img/about_cloud_2_1920.png);
        width: 1902px;
        height: 625px;
    }
}

.about-bg2-rwd .about-effect-rwd-3-1 {
    background-image: url(../img/about_cloud_3_girl_1336_768.png);
    width: 162px;
    height: 145px;

    top: 80px;
    left: -1150px;
    right: 0;
}
@media (min-width: 1367px) {
    .about-bg2-rwd .about-effect-rwd-3-1 {
        background-image: url(../img/about_cloud_3_girl_1920.png);
        width: 209px;
        height: 187px;
    }
}

.about-bg2-rwd .about-effect-rwd-3-2 {
    background-image: url(../img/about_cloud_3_768.png);
    width: 852px;
    height: 712px;

    top: 0;
    left: 0;
}
@media (min-width: 769px) {
    .about-bg2-rwd .about-effect-rwd-3-2 {
        background-image: url(../img/about_cloud_3_1336.png);
        width: 1436px;
        height: 506px;
    }
}
@media (min-width: 1367px) {
    .about-bg2-rwd .about-effect-rwd-3-2 {
        background-image: url(../img/about_cloud_3_1920.png);
        width: 1852px;
        height: 652px;
    }
}

.about-bg3-rwd .about-effect-rwd-1-1 {
    background-image: url(../img/about_star_1_girl_1336.png);
    width: 1069px;
    height: 178px;

    top: 250px;
    left: 0;
    right: 0;
}
@media (min-width: 1367px) {
    .about-bg3-rwd .about-effect-rwd-1-1 {
        background-image: url(../img/about_star_1_girl_1920.png);
        width: 1378px;
        height: 231px;
    }
}

.about-bg3-rwd .about-effect-rwd-1-2 {
    background-image: url(../img/about_star_1_768.png);
    width: 756px;
    height: 571px;

    top: 0;
    left: 0;
}
@media (min-width: 769px) {
    .about-bg3-rwd .about-effect-rwd-1-2 {
        background-image: url(../img/about_star_1_1336.png);
        width: 1419px;
        height: 507px;
    }
}
@media (min-width: 1367px) {
    .about-bg3-rwd .about-effect-rwd-1-2 {
        background-image: url(../img/about_star_1_1920.png);
        width: 1830px;
        height: 654px;
    }
}

.about-bg3-rwd .about-effect-rwd-2-1 {
    background-image: url(../img/about_star_2_boy_1336.png);
    width: 1057px;
    height: 261px;

    top: 170px;
    left: 10px;
    right: 0;
}
@media (min-width: 1367px) {
    .about-bg3-rwd .about-effect-rwd-2-1 {
        background-image: url(../img/about_star_2_boy_1920.png);
        width: 1362px;
        height: 336px;
    }
}

.about-bg3-rwd .about-effect-rwd-2-2 {
    background-image: url(../img/about_star_2_768.png);
    width: 745px;
    height: 469px;

    top: 0;
    left: 0;
}
@media (min-width: 769px) {
    .about-bg3-rwd .about-effect-rwd-2-2 {
        background-image: url(../img/about_star_2_1336.png);
        width: 1396px;
        height: 517px;
    }
}
@media (min-width: 1367px) {
    .about-bg3-rwd .about-effect-rwd-2-2 {
        background-image: url(../img/about_star_2_1920.png);
        width: 1800px;
        height: 666px;
    }
}

.about-bg3-rwd .about-effect-rwd-3-1 {
    background-image: url(../img/about_star_3_girl_1336.png);
    width: 1053px;
    height: 209px;

    top: 250px;
    left: 0;
    right: 0;
}
@media (min-width: 1367px) {
    .about-bg3-rwd .about-effect-rwd-3-1 {
        background-image: url(../img/about_star_3_girl_1920.png);
        width: 1359px;
        height: 270px;
    }
}

.about-bg3-rwd .about-effect-rwd-3-2 {
    background-image: url(../img/about_star_3_768.png);
    width: 748px;
    height: 519px;

    top: 0;
    left: 0;
}
@media (min-width: 769px) {
    .about-bg3-rwd .about-effect-rwd-3-2 {
        background-image: url(../img/about_star_3_1336.png);
        width: 1396px;
        height: 517px;
    }
}
@media (min-width: 1367px) {
    .about-bg3-rwd .about-effect-rwd-3-2 {
        background-image: url(../img/about_star_3_1920.png);
        width: 1800px;
        height: 666px;
    }
}

.about-effect {
    position: absolute !important;
    max-width: 100% !important;
    background-repeat: no-repeat;

/*    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    animation-duration: .8s;*/
}

@media (max-width:414px) {
	.nav-about-center {
		position: relative;
		display: block;
		white-space: nowrap;
	}

	.navbar-about,
	.navbar-about-sticky {
		height: 50px;
		padding-top: 0;
		font-size: 15px;
	}

	#nav-about .magic-line {
		margin-top: 36px;
	}

	.cd-horizontal-timeline .events-content li > div:nth-child(3) {
		padding-top: 80px;
	}

	.about-content-1,
	.about-bg4-rwd,
	.about-bg5-rwd {
		padding-left: 32px;
		padding-right: 32px;
	}

	.about-bg2-rwd,
	.about-bg3-rwd {
		padding-left: 16px;
		padding-right: 16px;
	}

	.about-bg2-rwd,
	.about-bg3-rwd {
		padding-top: 120px;
	}

	.about-bg2-rwd .cd-horizontal-timeline .timeline,
	.about-bg3-rwd .cd-horizontal-timeline .timeline {
		width: auto;
		left: 16px;
		right: 16px;
	}

	.about-bg2-rwd .cd-horizontal-timeline .events-content,
	.about-bg3-rwd .cd-horizontal-timeline .events-content {
		padding-left: 16px;
		padding-right: 16px;
	}

	.about-content-2,
	.about-content-3 {
		height: 75vh;
	}
}

/*.selected .about-effect {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

.cd-horizontal-timeline .events-content li {
    -webkit-animation-duration: 1.0s !important;
    -moz-animation-duration: 1.0s !important;
    animation-duration: 1.0s !important;
}

.cd-horizontal-timeline .events-content li.enter-right .about-effect {
    -webkit-animation-name: cd-enter-right2;
    -moz-animation-name: cd-enter-right2;
    animation-name: cd-enter-right2;
}
.cd-horizontal-timeline .events-content li.enter-left .about-effect {
    -webkit-animation-name: cd-enter-left2;
    -moz-animation-name: cd-enter-left2;
    animation-name: cd-enter-left2;
}

@-webkit-keyframes cd-enter-right2 {
  0% {
    -webkit-transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right2 {
  0% {
    -moz-transform: translateX(0%);
  }
  50% {
    -moz-transform: translateX(50%);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right2 {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left2 {
  0% {
    -webkit-transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left2 {
  0% {
    -moz-transform: translateX(0%);
  }
  50% {
    -moz-transform: translateX(-50%);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left2 {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
*/

/*     ## ########    ###    ########  ########
##     ## ##         ## ##   ##     ##    ##
##     ## ##        ##   ##  ##     ##    ##
######### ######   ##     ## ########     ##
##     ## ##       ######### ##   ##      ##
##     ## ##       ##     ## ##    ##     ##
##     ## ######## ##     ## ##     ##    */
.heart-bg-rwd {
    margin: auto;
    padding-top: 48px;
    height: auto;
}
@media (max-width: 768px) {
    .heart-bg-rwd {
        background-image: url(../img/heart_bg_768.png);
        max-width: 768px;
        padding-bottom: 34px;
    }
}
@media (min-width: 769px) {
    .heart-bg-rwd {
        background-image: url(../img/heart_bg_1024.png);
        max-width: 1024px;
        padding-bottom: 48px;
    }
}
@media (min-width: 1025px) {
    .heart-bg-rwd {
        background-image: url(../img/heart_bg_1336.png);
        max-width: 1330px;
        padding-bottom: 76px;
    }
}
@media (min-width: 1367px) {
    .heart-bg-rwd {
        background-image: url(../img/heart_bg_1920.png);
        max-width: 1920px;
        padding-bottom: 76px;
    }
}

.heart-banner {
    background-repeat: no-repeat;
    margin: 0 auto;
}
@media (max-width: 320px) {
    .heart-banner {
        background-image: url(../img/heart_banner_1336.png);
        background-position-x: 75%;
        background-position-y: -14px;
        max-width: 800px;
        height: 341px;
    }
}
@media (min-width: 321px) {
    .heart-banner {
        background-image: url(../img/heart_banner_1336.png);
        background-position-x: 90%;
        background-position-y: -14px;
        max-width: 800px;
        height: 341px;
    }
}
@media (min-width: 415px) {
    .heart-banner {
        background-position-x: 0;
    }
}
@media (min-width: 1367px) {
    .heart-banner {
        background-image: url(../img/heart_banner_1920.png);
        background-position-y: -20px;
        max-width: 1260px;
        height: 540px;
    }
}

.navbar-heart {
    margin: 0 auto;
    background-color: rgba(255,111,77,0.8);
	font-size: 17px;
    text-align: center;
	overflow-x: auto;
	overflow-y: hidden;
}
@media (max-width: 1366px) {
    .navbar-heart {
        height: 72px;
        max-width: 800px;
        padding-top: 11px;
        margin-top: -59px;
    }
}
@media (min-width: 1367px) {
    .navbar-heart {
        height: 92px;
        max-width: 1260px;
        padding-top: 21px;
        margin-top: -92px;
    }
}

.navbar-heart a {
    color: white !important;
}
.navbar-heart .magic-line {
    background: #FFFF7B !important;
}

.nav-heart-center {
    display: inline-block;
    float: none;
	position: relative;
	white-space: nowrap;
}

.heart-content {
}

.heart-content .heart-page {
    margin: 0 auto;
    background-color: white;
}
@media (max-width: 320px) {
    .heart-content .heart-page {
        max-width: 288px;
        padding: 32px 24px 32px 24px;
		margin:32px 16px 16px;
    }
}
@media (min-width: 321px) {
    .heart-content .heart-page {
        max-width: 360px;
        padding: 32px 30px 32px 30px;
		margin:32px 27px 16px;
    }
}
@media (min-width: 415px) {
    .heart-content .heart-page {
        max-width: 682px;
        padding: 50px 66px 84px 66px;
        margin-bottom: 24px;
    }
}
@media (min-width: 769px) {
    .heart-content .heart-page {
        max-width: 800px;
        padding: 80px 85px 132px 85px;
        margin-bottom: 24px;
		margin-left: auto;
		margin-right: auto;
    }
}
@media (min-width: 1025px) {
    .heart-content .heart-page {
        max-width: 800px;
        padding: 80px 85px 132px 85px;
        margin-bottom: 24px;
    }
}
@media (min-width: 1367px) {
    .heart-content .heart-page {
        max-width: 1260px;
        padding: 80px 230px 132px 230px;
        margin-bottom: 32px;
    }
}

.heart-content .heart-title {
    font-size: 17pt;
    font-weight: bold;
    margin-bottom: 20px;
}

.heart-content .heart-section {
}

@media (max-width:414px) {
	.navbar-heart {
		padding-top: 0;
		height: 50px;
		line-height: 50px;
		font-size: 15px;
		background-color: white;
		border-bottom: 1px solid #DE5829;
	}

	.navbar-heart a {
		color: #333333 !important;
	}

	.nav-heart.navbar-nav > li > a {
		padding-top:0;
		padding-bottom: 0;
		line-height: 50px;
		vertical-align: middle;
	}

	.nav-heart.navbar-nav > li.current_page_item > a {
		background-color: #F2F2F2;
	}

	.navbar-heart .magic-line {
		background-color: #4BD0F9 !important;
	}

	.nav-heart-center {
		display: block;
	}
}

/*#####      ###    ##     ## ########
##    ##    ## ##   ###   ### ##
##         ##   ##  #### #### ##
##   #### ##     ## ## ### ## ######
##    ##  ######### ##     ## ##
##    ##  ##     ## ##     ## ##
 ######   ##     ## ##     ## #######*/
.game-bg-rwd {
    margin: auto;
    padding-top: 48px;
    height: auto;
}
@media (max-width: 768px) {
    .game-bg-rwd {
        background-image: url(../img/game_bg_768.png);
        max-width: 768px;
        padding-bottom: 34px;
    }
}
@media (min-width: 769px) {
    .game-bg-rwd {
        background-image: url(../img/game_bg_1024.png);
        max-width: 1024px;
        padding-bottom: 48px;
    }
}
@media (min-width: 1025px) {
    .game-bg-rwd {
        background-image: url(../img/game_bg_1336.png);
        max-width: 1330px;
        padding-bottom: 76px;
    }
}
@media (min-width: 1367px) {
    .game-bg-rwd {
        background-image: url(../img/game_bg_1920.png);
        max-width: 1920px;
        padding-bottom: 76px;
    }
}

.game-banner {
    max-width: 800px;
    margin: 0 auto;
}
.game-banner-img {
    position: relative;
    background-repeat: no-repeat;
}
@media (max-width: 414px) {
    .game-banner {
        height: 284px;
    }
    .game-banner-img {
        background-image: url(../img/game_banner_iphone.png);
        background-position-x: center;
        background-position-y: -23px;
        height: 375px;
    }
}
@media (min-width: 415px) {
    .game-banner {
        height: 284px;
    }
    .game-banner-img {
        background-image: url(../img/game_banner_768.png);
        background-position-x: center;
        background-position-y: -23px;
        height: 375px;
    }
}
@media (min-width: 769px) {
    .game-banner {
        height: 284px;
    }
    .game-banner-img {
        background-image: url(../img/game_banner_1336_1024.png);
        background-position-x: 0;
        background-position-y: -23px;
        height: 375px;
    }
}
@media (min-width: 1367px) {
    .game-banner {
        max-width: 1260px;
        height: 449px;
    }
    .game-banner-img {
        background-image: url(../img/game_banner_1920.png);
        background-position-x: 0;
        background-position-y: -35px;
        height: 590px;
    }
}

.navbar-game {
    margin: 0 auto;
    background-color: #00BE83;
    text-align: center;
	font-size: 17px;
	overflow-x: auto;
	overflow-y: hidden;
}
@media (max-width: 414px) {
    .navbar-game {
        height: 72px;
        max-width: 800px;
        padding-top: 11px;
    }
}
@media (min-width: 415px) {
    .navbar-game {
        height: 72px;
        max-width: 800px;
        padding-top: 11px;
    }
}
@media (min-width: 769px) {
    .navbar-game {
        height: 72px;
        max-width: 800px;
        padding-top: 11px;
    }
}
@media (min-width: 1367px) {
    .navbar-game {
        height: 92px;
        max-width: 1260px;
        padding-top: 21px;
    }
}

.navbar-game a {
    color: white !important;
}
.navbar-game .magic-line {
    background: #F8D900 !important;
}

.nav-game-center {
    display: inline-block;
    float: none;
}

@media (max-width:414px) {
	.navbar-game {
		padding-top: 0;
		height: 50px;
		line-height: 50px;
		background-color: white;
		font-size: 15px;
	}

	.nav-game-center {
		position: relative;
		display: block;
		white-space: nowrap;
	}

	.navbar-game a {
		color: #333333 !important;
	}

	.navbar-game .magic-line {
		background-color: #FFB206 !important;
	}

	.navbar-game .current_page_item {
		background-color: #F2F2F2;
	}

	.navbar-game .nav-game.navbar-nav > li {
		width: 50%;
	}

	.navbar-game .nav-game.navbar-nav > li > a {
		padding-top: 0;
		padding-bottom: 0;
		line-height: 50px;
	}
}

/*#####  ##          ###     ######   ######  ########   #######   #######  ##     ##
##    ## ##         ## ##   ##    ## ##    ## ##     ## ##     ## ##     ## ###   ###
##       ##        ##   ##  ##       ##       ##     ## ##     ## ##     ## #### ####
##       ##       ##     ##  ######   ######  ########  ##     ## ##     ## ## ### ##
##       ##       #########       ##       ## ##   ##   ##     ## ##     ## ##     ##
##    ## ##       ##     ## ##    ## ##    ## ##    ##  ##     ## ##     ## ##     ##
 ######  ######## ##     ##  ######   ######  ##     ##  #######   #######  ##     */
.classroom-bg-rwd {
    margin: auto;
    padding-top: 48px;
    height: auto;
}
@media (max-width: 768px) {
    .classroom-bg-rwd {
        background-image: url(../img/class_bg_768.png);
        max-width: 768px;
        padding-bottom: 34px;
    }
}
@media (min-width: 769px) {
    .classroom-bg-rwd {
        background-image: url(../img/class_bg_1024.png);
        max-width: 1024px;
        padding-bottom: 48px;
    }
}
@media (min-width: 1025px) {
    .classroom-bg-rwd {
        background-image: url(../img/class_bg_1336.png);
        max-width: 1330px;
        padding-bottom: 76px;
    }
}
@media (min-width: 1367px) {
    .classroom-bg-rwd {
        background-image: url(../img/class_bg_1920.png);
        max-width: 1920px;
        padding-bottom: 76px;
    }
}

.classroom-banner {
    background-repeat: no-repeat;
    margin: 0 auto;
}
@media (max-width: 320px) {
    .classroom-banner {
        background-image: url(../img/class_banner_1336.png);
        background-position-x: 82%;
        max-width: 801px;
        height: 284px;
    }
}
@media (min-width: 321px) {
    .classroom-banner {
        background-image: url(../img/class_banner_1336.png);
        background-position-x: 90%;
        max-width: 800px;
        height: 284px;
    }
}
@media (min-width: 415px) {
    .classroom-banner {
        background-position-x: 0;
    }
}
@media (min-width: 1367px) {
    .classroom-banner {
        background-image: url(../img/class_banner_1920.png);
        max-width: 1260px;
        height: 449px;
    }
}

.navbar-classroom {
    margin: 0 auto;
    background-color: #10C0E3;
    text-align: center;
	font-size: 17px;
	overflow-x: auto;
	overflow-y: hidden;
}
@media (max-width: 1366px) {
    .navbar-classroom {
        height: 72px;
        max-width: 800px;
        padding-top: 11px;
    }
}
@media (min-width: 1367px) {
    .navbar-classroom {
        height: 92px;
        max-width: 1260px;
        padding-top: 21px;
    }
}

.navbar-classroom a {
    color: white !important;
}
.navbar-classroom .magic-line {
    background: #F8D900 !important;
}

@media (max-width:414px) {
	.navbar-classroom {
		padding-top: 0;
		height: 50px;
		line-height: 50px;
		background-color: white;
		border-bottom: 1px solid #DE5829;
		font-size: 15px;
	}

	.navbar-classroom a {
		color: #333333 !important;
	}

	.navbar-classroom .magic-line {
		background-color: #FFA009 !important;
	}

	.navbar-classroom .current_page_item {
		background-color: #F2F2F2;
	}

	.navbar-classroom .nav-heart.navbar-nav > li {
		width: 50%;
	}
}

/*#####   #######  ##    ## ########    ###     ######  ########
##    ## ##     ## ###   ##    ##      ## ##   ##    ##    ##
##       ##     ## ####  ##    ##     ##   ##  ##          ##
##       ##     ## ## ## ##    ##    ##     ## ##          ##
##       ##     ## ##  ####    ##    ######### ##          ##
##    ## ##     ## ##   ###    ##    ##     ## ##    ##    ##
 ######   #######  ##    ##    ##    ##     ##  ######     */
#contact-form textarea {
	position: relative;
	width: 80%;
}

/*#####  ##     ##  #######  ########  ########  #### ##    ##  ######
##    ## ##     ## ##     ## ##     ## ##     ##  ##  ###   ## ##    ##
##       ##     ## ##     ## ##     ## ##     ##  ##  ####  ## ##
 ######  ######### ##     ## ########  ########   ##  ## ## ## ##   ####
      ## ##     ## ##     ## ##        ##         ##  ##  #### ##    ##
##    ## ##     ## ##     ## ##        ##         ##  ##   ### ##    ##
 ######  ##     ##  #######  ##        ##        #### ##    ##  ######*/

.dialog-shopping {
	overflow: hidden !important;
}

.shopping-close {
    position: fixed;
    top: 62px;
    right: 55px;
    cursor: pointer;
    z-index: 1;
}

.shopping-head {
    width: 100%;
	height: 250px;
    background-color: #B3B3B3;
}
@media (max-width: 320px) {
    .shopping-head {
        height: 158px;
    }
}

.shopping-search .input-group {
	margin-top:9px;
}
.shopping-search div input[type="text"] {
    width: 264px;
    height: 32px;
    padding-left: 40px;
    padding-right: 50px;
    color: #FFF;
    font-size: 15pt;
    background-color: #2E5AEE;
    border-radius: 25px !important;
    border: 1px solid #2E42EE
}
.shopping-search .input-group-addon {
    position: relative;
    color: #FFF;
	font-size: 15px;
    background-color: transparent;
    border-width: 0px;
    z-index: 5;
}

.shopping-search .input-group-addon.search-icon + div {
	position: relative;
	left:-10px;
}

.shopping-search .input-group-addon.search-icon {
	right:-30px;
}

.shopping-search .input-group-addon.search-btn {
	display: inherit;
	left: -54px;
	line-height: 16px;
	cursor: pointer;
}

.shopping-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}
.shopping-wrap .navbar {
    height: 50px;
    border-radius: 0;
    color: #fff;
    background-color: #2E5AEE;
}
.shopping-wrap .navbar a {
    color: #fff;
	font-size: 15px;
	padding-top: 14px;
	padding-bottom: 14px;
	line-height: 15px;
}

.shopping-wrap .navbar a img {
	margin-right: 10px;
	vertical-align: middle;
}

.shopping-wrap .nav > li > a:hover,
.shopping-wrap .nav > li > a:focus {
    background-color: #2E5AEE;
}
.shopping-wrap .nav .open > a,
.shopping-wrap .nav .open > a:hover,
.shopping-wrap .nav .open > a:focus {
    background-color: #2E5AEE;
}
.shopping-wrap .dropdown-menu {
    width: 237px;
    max-height: 500px;
    padding: 19px 0;
    background-color: #2E5AEE;
    border-width: 0;
    border-radius: 0;
    overflow: hidden;
    overflow-y: auto;
}
.shopping-wrap .dropdown-menu > li > a {
    padding: 3px 0 3px 63px;
}
.shopping-wrap .dropdown-menu > li > a:hover,
.shopping-wrap .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #2E42EE;
}

.shopping-cate {
	width: 237px;
    border-right: 1px solid #FFF;
}

.shopping-cate-item {
	position: relative;
	height: 46px;
	line-height: 60px;
	width: 100%;
	vertical-align: middle;
}

.shopping-cate-item:hover {
	background-color: rgb(255, 252, 201);
}

.shopping-cate-item.selected-cate {
	background-color: #2E42EE;
}

#shopping-grid-container {
	left: 0px;
	top:0px;
	height: calc(100% - 70px);
    padding-top: 30px;
	overflow-y: auto;
}

#shopping-grid {
    max-width: 810px;
    margin: auto;
}

.shopping-item {
	width: 260px;
	height: auto;
	margin-bottom: 16px;
	padding-bottom: 15px;
	background-color: #F2F2F2;
	border-radius: 3px;
	overflow: hidden;
}

.shopping-item > div {
	margin-bottom: 10px;
}

.shopping-item.shopping-select {
    opacity: 0.6;
}
.shopping-item div img {
	width: 260px;
	height: 175px;
	margin-bottom: 10px;
}
.shopping-item-text {
    padding-left: 10px;
    text-align: left;
}
.shopping-item-text:nth-child(2) {
    font-size: 14pt;
}
.shopping-item-text:nth-child(3) {
    font-size: 17pt;
}

#shopping-detail-wrap {
	position: relative;
	top: 0%;
	width: 100%;
	height: 100%;
	background-color: white;
	-webkit-transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 10;
}
#shopping-detail-wrap.shopping-detail-show {
    top: -100% !important;
}
#shopping-detail-wrap > div {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
#shopping-detail-wrap > div > div {
    max-width: 970px;
    margin: auto;
    padding-bottom: 100px;
}

.shopping-detail-top {
	width: 100%;
	padding: 80px 35px;
	text-align: left;
    overflow: auto;
}

.shopping-detail-top > img {
    width: 450px;
    height: 500px;
    float: left;
}

.shopping-detail-top div.shopping-price-count {
	padding: 24px 36px;
	font-size: 16px;
    float: left;
}
.shopping-detail-top div.shopping-price-count select {
	display: block;
    width: 250px;
    height: 36px;
    margin-bottom: 48px;
}
.shopping-detail-top div.shopping-price-count p:nth-child(1) {
    margin-bottom: 16px;
    font-size: 20pt;
}
.shopping-detail-top div.shopping-price-count p:nth-child(2) {
    margin-bottom: 32px;
    font-size: 20pt;
}
.shopping-detail-top div.shopping-price-count p:nth-child(3) {
    margin-bottom: 10px;
    font-size: 17pt;
}
.shopping-detail-top div.shopping-price-count p:nth-child(4) {
    margin-bottom: 32px;
    font-size: 17pt;
}

.shopping-detail-top div.shopping-price-count p:nth-child(3) span,
.shopping-detail-top div.shopping-price-count p:nth-child(4) span {
	font-size: 14px;
}

.shopping-detail-top div.shopping-price-count .btn {
    width: 143px;
    height: 33px;
    line-height: 13px;
    text-align: center;
    font-size: 14px;
    border-radius: 20px;
    box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.5);
    background-color: #2E5AEE;
}
.shopping-detail-top div.shopping-price-count .btn > span {
    vertical-align: super;
}

.shopping-detail-top div.shopping-price-count .btn::after {
	content: url(../img/ticket_icon_cart.png);
	display: inline-block;
	margin-left: 4px;
}

.shopping-detail-top+div {
	padding: 0 35px;
    margin: auto;
	text-align: left;
}

@media (max-width:1024px) {
	.shopping-detail-top,
	.shopping-detail-top + div {
		padding-left: 77px;
		padding-right: 77px;
	}
}

@media (max-width:768px) {
	#shopping-grid-container {
		max-width: 530px;
		margin-left: auto;
		margin-right: auto;
	}

	.shopping-detail-top #form-count {
		position: relative;
	}

	.shopping-detail-top,
	.shopping-detail-top + div {
		padding-left: 0;
		padding-right: 0;
		width: auto;
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
	}

	.shopping-detail-top div.shopping-price-count {
		width: 100%;
		padding: 44px 12px 0;
	}

	.shopping-detail-top div.shopping-price-count select {
		display: inline-block;
		margin-bottom: 0;
	}

	.shopping-detail-top div.shopping-price-count .btn {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.navbar-nav .open .dropdown-menu {
		background-color: #2E5AEE;
	}
}

@media (max-width:414px) {
	.dialog-shopping .login-close {
		top:12px;
	}

	.shopping-wrap .navbar {
		margin-bottom: 0;
	}

	.shopping-wrap .navbar a {
		padding-left: 29px;
		text-align: left;
	}

	.shopping-wrap .navbar .navbar-nav{
		margin: 0;
	}

	.shopping-cate {
		width: auto;
		margin-right: 130px;
		z-index: 1;
	}

	.shopping-wrap .dropdown-menu {
		max-height: 330px;
	}

	.navbar-nav .open .dropdown-menu > li > a {
		padding-left: 64px;
	}

	.shopping-search .input-group-addon {
		position: absolute;
		display: block;
		width: 82px;
		height: 50px;
	}

	.shopping-cate + li {
		position: absolute;
		top:0;
		width: 100%;
	}

	#shopping-search .input-group {
		margin:0;
		display: block;
		width: 100%;
		height: 50px;
	}

	#shopping-search .input-group.show-search .search-icon {
		background-color: #2E42EE;
	}

	#shopping-search .input-group.show-search .search-icon + div {
		display: block;
	}

	.shopping-search .input-group-addon.search-icon {
		top:0;
		line-height: 38px;
		vertical-align: middle;
		right:48px;
		cursor: pointer;
	}

	.shopping-search .input-group-addon.search-icon + div {
		position: relative;;
		top:50px;
		width: 100%;
		height: 64px;
		padding:16px 28px;
		z-index: 2;
		background-color: #2E42EE;
		display: none;
	}

	.shopping-search div input[type="text"] {
		width: 100%;
		padding:0 54px 4px 35px;
		color: #333333;
		background-color: white;
	}

	.shopping-search .input-group-addon.search-btn {
		right: 0;
		left: auto;
		top:0;
		margin-right: 28px;
		padding:0;
		width: 54px;
		height: 64px;
		line-height: 64px;
		text-align: left;
		color: #2E42EE;
	}

	.shopping-wrap .nav .open > a {
		background-color: #2E42EE;
	}

	.shopping-wrap .nav .open > a::after {
		content:url(../img/drama_close_btn.png);
		position: absolute;
		right: 0;
		top: 0;
		width: 48px;
		height: 48px;
		display: block;
		line-height: 40px;
		text-align: center;
		background-color: #273EC4;
	}

	#shopping-grid-container {
		max-width: 100%;
		padding-top: 32px;
		height: calc( 100% - 50px);
	}

	#shopping-grid {
		max-width: 260px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 50px;
		padding-bottom: calc(0);
	}

	.shopping-item {
		margin-bottom: 10px;
	}

	#shopping-detail-wrap > div > div {
		padding-bottom: 98px;
	}

	.shopping-detail-top {
		padding-top:0;
		padding-bottom: 0;
	}

	.shopping-detail-top + div {
		padding:0 47px;
	}

	.shopping-detail-top > img {
		width: 100%;
		height: auto;
	}

	.shopping-detail-top div.shopping-price-count {
		padding:16px 48px 24px;
	}

	.shopping-detail-top div.shopping-price-count p:nth-child(1),
	.shopping-detail-top div.shopping-price-count p:nth-child(2) {
		font-size: 17px;
		margin-bottom: 12px;
	}

	.shopping-detail-top div.shopping-price-count p:nth-child(2) {
		margin-bottom: 22px;
	}

	.shopping-detail-top div.shopping-price-count p:nth-child(3),
	.shopping-detail-top div.shopping-price-count p:nth-child(4) {
		margin-bottom: 8px;
		font-size:15px;
	}

	.shopping-detail-top div.shopping-price-count p:nth-child(4) {
		margin-bottom: 22px;
	}

	.shopping-detail-top div.shopping-price-count p:nth-child(3) span,
	.shopping-detail-top div.shopping-price-count p:nth-child(4) span {
		font-size: 12px;
	}

	.shopping-detail-top div.shopping-price-count .btn {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 48px;
		border-radius: unset;
		box-shadow: unset;
	}

	.shopping-detail-top div.shopping-price-count .btn::before {
		content: url(../img/ticket_icon_cart.png);
		display: inline-block;
		margin-right: 14px;
	}

	.shopping-detail-top div.shopping-price-count .btn::after {
		content: " ";
		display: none;
		margin-left: 0;
	}

	@media (max-width:320px) {
		.shopping-detail-top div.shopping-price-count,
		.shopping-detail-top + div {
			padding-left: 32px;
			padding-right: 32px;
		}
	}
}

/*#####     ###    ########  ########
##    ##   ## ##   ##     ##    ##
##        ##   ##  ##     ##    ##
##       ##     ## ########     ##
##       ######### ##   ##      ##
##    ## ##     ## ##    ##     ##
 ######  ##     ## ##     ##    */

.dialog-site-cart {
    height: 100%;
    overflow:auto;
	background-color: white;
}

#cart-wrap {
	position: relative;
	width: auto;
	max-width: 1330px;
	height: auto;
	left: 0;
	right: 0;
	margin: 69px auto auto auto;
	padding-left: 35px;
	padding-right: 35px;
	text-align: left;
	font-size: 14px;
}

.cart-tabel-title-wrap,
.cart-data-title-wrap {
	width: 100%;
	height: 51px;
	margin-top:51px;
	text-align: left;
	color: rgb(51,51,51);
	font-size: 17px;
}

.cart-tabel-title-wrap p,
.cart-data-title-wrap p {
	margin-bottom: 0;
}

.cart-tabel-title-wrap p::before,
.cart-data-title-wrap p::before {
	content:"";
	display: inline-block;
	border-style: solid;
	border-color: transparent transparent transparent rgb(0,165,137);
	border-width: 7.5px 0 7.5px 11px;
	width: 0;
	height: 0;
	margin: auto 14px auto 7px;
}

.shopping-cart-table {
	border: unset;
	width: 100%;
}

.shopping-cart-table thead tr {
	background-color: rgb(115,99,87);
	color: white;
	line-height: 40px;
}

.shopping-cart-table thead tr th:nth-child(1)  {
	width: 143px;
}

.shopping-cart-table thead tr th:nth-child(2)  {
	width: 283px;
}

.shopping-cart-table thead tr :nth-child(3)  {
	width: 143px;
}

.shopping-cart-table thead tr :nth-child(4)  {
	width: 73px;
}

.shopping-cart-table thead tr :nth-child(5)  {
	width: 108px;
}

.shopping-cart-table thead tr :nth-child(6)  {
	width: 73px;
}

.shopping-cart-table thead tr :nth-child(7)  {
	width: 108px;
}

.shopping-cart-table thead tr th:nth-child(8)  {
	width: 105px;
}

.shopping-cart-table thead th {
	padding-left: 32px;
}

.shopping-cart-table tbody tr {
	background-color: rgb(247,247,247);
	color: rgb(51,51,51);
	line-height: 24px;
}

.shopping-cart-table tbody td {
	padding: 24px 0 24px 32px;
	white-space: normal;
}

.shopping-cart-table .cart-net-price {
	padding-bottom: 16px;
}

.shopping-cart-table .price-sum {
	border-top: 1px solid rgb(155,99,87);
}

.shopping-cart-table #price-sum {
	color: rgb(0,165,137);
	font-size: 16px;
}

.cart-caption-left {
    text-align: left;
    font-size: 2em;
}

.cart-item-row-first,
.shopping-cart-table .cart-net-price {
	 border-top: 1px solid white;
}

.cart-item-remove {
	position: relative;
	height: 100%;
	width: 100%;
	line-height: 1px;
	cursor: pointer;
	background-color: transparent;
}

.cart-item-remove img {
	position: relative;
	margin: auto 4px auto 25px;
}

.shopping-cart-info-container {
	position: relative;
	margin-bottom: 51px;
}

.shopping-cart-info-container .data-title {
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	padding-left: 32px;
	background-color: rgb(115,99,87);
	color: white;
}

.shopping-cart-info-container label,
.cart-input-group span {
	margin-top: 24px;
	margin-bottom: 0;
	line-height: 20px;
	vertical-align: top;
	color: rgb(149,149,150);
}

.cart-input-group span {
	display: inline-block;
	margin-left: 4px;
}
.shopping-cart-info-container input[type=text],
.cart-find form > div input {
	width: 100%;
	height: 36px;
	line-height: 36px;
	background-color: white;
	color:rgb(51,51,51);
	border: 1px solid rgb(204,204,204);
	border-radius: 2px;
	padding-left: 16px;
}

.cart-input-group {
	position: relative;
	margin: 0 32px;
}

.cart-receiver-data-block {
	position: relative;
	display: inline-block;
	width: 49%;
}

.cart-receiver-data-block + div {
	position: absolute;
	right: 0;
	top:51px;
	width: 49%;
}

.cart-input-name {
	position: relative;
	display: inline-block;
	width: 49%;
}

.cart-input-name+div {
	position: absolute;
	right: 0;
	top:0;
	width: 49%;
}

.radio-image-off,
.radio-image-on {
	position: absolute;
	left: 0;
	top:0;
	pointer-events: none;
}

.radio-img-container {
	position: relative;
	display: inline-block;
}

input[type=checkbox]:checked +div .radio-image-off {
	display: none;
}

.cart-input-group .receive-news {
	margin-bottom: 36px;
	line-height: 44px;
	vertical-align: middle;
}

.cart-input-group .receive-news label,
.cart-input-group .receive-news input[type=checkbox] {
	line-height: 44px;
	vertical-align: middle;
	margin-top: 0;
}

.cart-input-group .receive-news input[type=checkbox] {
	margin: auto 10px auto 5px;
	opacity: 0;
}

.cart-input-group .receive-news .radio-img-container {
	left:-30px;
	top:-12px;
}

.cart-shipping-block,
.cart-shipping-block label {
	margin-top: 0;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
}
.cart-shipping-block {
	margin-top: 44px;
	margin-bottom: 44px;
	height: 38px;
}

.cart-shipping-block .pay-method-container {
	border-top:1px solid rgb(204,204,204);
	border-bottom:1px solid rgb(204,204,204);
}

.cart-shipping-block .pay-method {
	position: relative;
	display: inline-block;
	padding-right: 22px;
	border-right:1px solid rgb(204,204,204);
}

.cart-shipping-block .pay-method + div {
	position: relative;
	display: inline-block;
	padding-left: 22px;
}

.cart-shipping-block input[type=radio] {
	margin: 0 16px 0 48px;
	opacity: 0;
}

input[type=radio]:checked +div .radio-image-off {
	display: none;
}

.cart-shipping-block .radio-img-container {
	position: absolute;
	top:10px;
	left: 48px;
	pointer-events: none;
}

.cart-input-group .dropdown-block,
.cart-input-group .dropdown-list label {
	height:36px;
	line-height:36px;
}

.cart-input-group .dropdown-block {
	position:relative;
	width:49%;
	border:1px solid rgb(204,204,204);
	border-radius:2px;
	vertical-align:middle;
	margin-top:44px;
}

.cart-input-group .dropdown-block p {
	margin-left:16px;
	margin-bottom: 0;
}

.cart-input-group .dropdown-block .dropdown-arrow-block {
	position:absolute;
	right:9px;
	top:0;
}

.cart-input-group .dropdown-block .dropdown-list-wrap {
	position:relative;
	height:0;
	width:100%;
	overflow-y:visible;
}

.cart-input-group .dropdown-list {
	position:absolute;
	top:-1px;
	left: -1px;
	padding: 12px 0;
	z-index: 1;
	background-color: white;
	border: 1px solid rgb(204,204,204);
}

.cart-input-group .dropdown-list input[type=radio]{
	display: none;
}

.cart-input-group .dropdown-list label {
	display: block;
	color: black;
	font-weight: normal;
	margin-top: 0;
}

.cart-input-group .dropdown-list label:hover {
	background-color: rgb(156,223,181);
}

.cart-input-group .dropdown-list label .dropdown-item {
	position: relative;
	padding-left:16px;
	width: 270px;
}

.cart-notation-block {
	margin-top:51px;
	padding: 24px 32px 100px;
	width:100%;
	background-color:rgba(198,156,109,0.25);
	color:rgb(102,102,102);
}

.cart-notation-block .notation-title {
	position: relative;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	margin-bottom: 24px;
	text-align: center;
}

.cart-notation-block .notation-title p {
	margin: unset;
	font-size: 17px;
}

.cart-notation-block .checkout-wrap {
	position:relative;
	width:100%;
	margin-top:60px;
	text-align:center;
}

#shopping-complete-btn-block .finish-btn,
.checkout-wrap #checkout-btn,
.cart-find .cart-find-submit,
.single-order-btn {
	width: 93px;
	height: 33px;
	margin: 0 auto;
	line-height: 30px;
	border-radius: 14.5px;
	cursor: pointer;
	font-size: 14px;
	color: white;
	background-color: rgb(102,102,102);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
}

#shopping-complete-btn-block .finish-btn:hover,
.checkout-wrap #checkout-btn:hover {
	background-color: rgb(0,165,137);
}

.cart-find {
	position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 37px;
    font-size: 14pt;
}
.cart-find h3 {
    height: 40px;
    padding-left: 32px;
    margin-bottom: 24px;
    color: white;
    background-color: #26C6A7;
    line-height: 40px;
}
.cart-find form > div {
    float: left;
    margin-left: 32px;
	width: 25%;
}
.cart-find form > div > p {
    height: 20px;
}
.cart-find form .cart-find-submit {
    margin-top: 20px;
    margin-left: -50px;
    text-align: center;
    background-color: #00A589;
}

.dialog-top-close-container {
	position:relative;
	height:0px;
	margin:auto;
}

.up-right-close {
    position: absolute;
    top:-20px;
    right: 0px;
    font-size: 8em;
	z-index: 1;
}

.up-right-close2 {
    position: absolute;
    top:0px;
    right: 10px;
    font-size: 8em;
}

#checkout-complete-header {
    position: relative;
    text-align: left;
    padding: 0px 40px;
}

#checkout-day {
    position: absolute;
	right: 0;
}

#shopping-complete-btn-block {
    position: relative;
    left: 0px;
    right: 0px;
    padding-bottom: 20px;
	text-align: center;
}

/*@media screen and (min-width: 1000px) {*/
    div.open-menu{
        display:none;
    }
/*}*/

/*@media screen and (max-width: 999px) {*/
    /*div.container-main{*/
        /*display: block;*/
        /*position: static;*/
    /*}*/
    .container-pendding {
        transition: padding-left 0.2s ease;
        padding-left: 0px;
    }
/*}*/

.finish-method-description {
	margin-left: 30px;
}

.sigle-order-table,
.single-order-info {
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


.single-order-no,
.order-date {
	color: rgb(51,51,51);
	font-size: 17px;
}

.single-order-no {
	width: auto;
	display: inline-block;
}

.order-date {
	float: right;
}

.single-order-info table {
	font-size: 14px;
}

.single-order-info table tr td:nth-child(1){
	padding-left: 32px;
	padding-right: 12px;
}

.single-order-info table td {
	height: 32px;
}

.single-order-btn {
	margin:58px 25px 25px;
	display: inline-block;
	background-color: #00A589;
	box-shadow: unset;
}

@media (max-width: 768px) {

	#cart-wrap {
		width: 100%;
		margin-top: 78px;
		margin-left: auto;
		margin-right: auto;
		padding:0 36.5px;
	}

	.cart-find {
		margin-bottom: 24px;
	}

	.cart-find form > div {
		width: 42%;
	}

	.cart-find form > div > p {
		font-size: 14px;
	}

	.cart-find form input {
		font-size: 14px;
	}

	.cart-find form .row div {
		width: 50%;
		float: left;
	}

	.cart-find form .cart-find-submit {
		margin-left: 32px;
	}

	.shopping-cart-table thead tr th:nth-child(2)  {
		width: 366px;
	}

	.shopping-cart-table thead tr th:nth-child(8) {
		width: 44px;
		padding-left: 0;
	}

	.shopping-cart-table thead th,
	.shopping-cart-table tbody td {
		padding-left: 24px;
	}

	.shopping-cart-table tbody td {
		height: 32px;
		padding-top:4px;
		padding-bottom:4px;
	}

	.cart-item-row-first {
		border-top: 8px solid white;
	}

	.shopping-cart-table tbody tr td:nth-child(1) {
		padding-top:24px;
	}

	.shopping-cart-table tbody tr .price-per-item {
		height: 52px;
		padding-bottom:24px;
	}

	.shopping-cart-table tbody tr td:nth-child(2),
	.shopping-cart-table tbody tr td:nth-child(3),
	.shopping-cart-table tbody tr td:nth-child(4),
	.shopping-cart-table tbody tr td:nth-child(5),
	.shopping-cart-table tbody tr td:nth-child(6),
	.shopping-cart-table tbody tr td:nth-child(7){
		display: block;
	}

	.shopping-cart-table tbody tr td:nth-child(8) {
		padding-left: 0;
	}

	.cart-item-remove img {
		margin: 0 24px 0 0;
	}

	.shopping-cart-table thead tr th:nth-child(2)::before,
	.shopping-cart-table tbody tr td:nth-child(2)::before,
	.shopping-cart-table tbody tr td:nth-child(3)::before,
	.shopping-cart-table tbody tr td:nth-child(4)::before,
	.shopping-cart-table tbody tr td:nth-child(5)::before,
	.shopping-cart-table tbody tr td:nth-child(6)::before,
	.shopping-cart-table tbody tr td:nth-child(7)::before {
		content: attr(data-title);
		display: inline-block;
		width: 70px;
		height: 24px;
		margin-right: 24px;
		color: black;
		font-size: 14px;
	}

	.shopping-cart-table thead tr th:nth-child(2)::before {
		color:white;
	}

	.shopping-cart-table tbody tr.calc-row {
		background-color:white;
	}

	.shopping-cart-table tbody tr.calc-row td:nth-child(1) {
		padding:0;
		height: 24px;
	}

	.shopping-cart-table tbody tr #net-price {
		height: 24px;
		padding-top:0;
		padding-bottom:0;
		margin-top:8px;
		margin-bottom:8px;
	}

	.shopping-cart-table tbody tr #ship-fee {
		height: 24px;
		padding-top:0;
		padding-bottom: 0;
		margin-bottom:12px;
	}

	.shopping-cart-table tbody tr #price-sum {
		height: 24px;
		padding-top:0;
		padding-bottom: 0;
		margin-top:12px;
	}

	.shopping-cart-table tbody tr.calc-row.row-sum {
		border-top: 1px solid #736357;
	}

	.shopping-cart-table tbody .calc-row.row-sum td {
		border-top: unset;
	}

	.price-count-cell {
		display: none;
	}

	.price-count-space,
	.price-count-cell {
		display: none !important;
	}

	.price-count-cell .price-value {
		display: inline !important;
	}

	.cart-net-price.price-value {
		padding-bottom:0 !important;
	}

	.cart-receiver-data-block {
		width: 100%;
	}

	.shopping-cart-info-container {
		margin-bottom: 64px;
	}

	.cart-input-name,
	.cart-input-name + div {
		width: 49%;
	}

	.cart-receiver-data-block + div {
		position: relative;
		width: 100%;
		top:0;
		margin-top: 24px;
	}

	.cart-input-group .receive-news {
		line-height: 20px;
		margin-bottom: 0;
	}

	.cart-input-group .receive-news label,
	.cart-input-group .receive-news input[type=checkbox] {
		margin-top: 12px;
		line-height: 20px;
	}

	.cart-input-group .receive-news .radio-img-container {
		top:-5px;
	}

	.cart-shipping-block {
		position: relative;
		margin-top: 32px;
		margin-bottom: 36px;
	}

	.cart-shipping-block .pay-method-container {
		position: relative;
		margin-top: 24px;
		margin-bottom: 12px;
	}

	.cart-input-group .dropdown-block {
		margin-top: 32px;
	}

	.cart-notation-block {
		padding-left: 36.5px;
		padding-right: 36.5px;
	}
}

@media (max-width: 414px) {
	#cart-wrap {
		/*padding: 0 32px;*/
		padding: 0;
		font-size: 13px;
		background-color: white;
	}

	.dialog-site-cart .ajax-container-title {
		top:0;
		padding-top: 20px;
		font-size: 17px;
		color: black;
	}

	.dialog-site-cart .login-close {
		top:16px;
		right: 16px;
	}

	.cart-find {
		padding-left: 32px;
		padding-right: 32px;
	}

	.cart-data-wrap {
		padding: 0 32px;
	}

	.cart-find form {
		padding-left: 8px;
		padding-right: 8px;
	}

	.cart-find form > div {
		float: none;
		margin-left: 0;
		width: 100%;
	}

	.cart-find form .cart-find-submit {
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}

	.cart-tabel-title-wrap,
	.cart-data-title-wrap {
		margin-top: 40px;
		padding-left: 16px;
		font-size: 15px;
		height: 40px;
		vertical-align: middle;
		line-height: 40px;
		color: white;
		background-color: #736357;
	}

	.cart-tabel-title-wrap p::before,
	.cart-data-title-wrap p::before {
		display: none;
	}

	.shopping-cart-table thead {
		display: none;
	}

	.shopping-cart-table tbody tr td:nth-child(1) {
		display: block;
		height: 48px;
		line-height: 48px;
		padding-top: 0;
		vertical-align: middle;
		font-size: 15px;
		background-color: #F2F2F2;
	}

	.cart-item-remove {
		position: relative;
		top:-4;
		width: auto;
		height: 48px;
		padding-top: 14px;
		padding-right: 14px;
		background-color: #F2F2F2;
	}

	.cart-item-remove img {
		margin-right: 0;
	}

	.cart-item-row-first .item-remove-cell {
		padding-top: 0;
		vertical-align: top;
	}

	.shopping-cart-table tbody td {
		height: auto;
		margin-bottom:12px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.shopping-cart-table tbody tr td:nth-child(1),
	.shopping-cart-table tbody tr td.price-per-item {
		margin-bottom: 16px;
	}

	.shopping-cart-table tbody tr td:nth-child(2)::before,
	.shopping-cart-table tbody tr td:nth-child(3)::before,
	.shopping-cart-table tbody tr td:nth-child(4)::before,
	.shopping-cart-table tbody tr td:nth-child(5)::before,
	.shopping-cart-table tbody tr td:nth-child(6)::before,
	.shopping-cart-table tbody tr td:nth-child(7)::before {
		width: 80px;
		margin-right: 20px;
	}

	.shopping-cart-table tbody tr .price-per-item {
		height: auto;
		padding-bottom: 0;
	}

	.shopping-cart-table tbody tr.calc-row td:nth-child(1) {
		display: none;
	}

	.shopping-cart-table tr.phone {
		line-height: 0;
		background-color: transparent;
	}

	.shopping-cart-table tbody tr.phone td:nth-child(1) {
		display: block;
		height: 0;
		margin-bottom: 8px;
	}

	.calc-row.row-net-price {
		margin-top: 8px;
		border-top: 1px solid #736357;
		border-left: 1px solid #736357;
		border-right: 1px solid #736357;
	}

	.shopping-cart-table tbody tr #net-price {
		height: 16px;
		margin-top: 16px;
		margin-bottom: 12px;
	}

	.calc-row.row-net-price + tr {
		border-left: 1px solid #736357;
		border-right: 1px solid #736357;
	}

	.shopping-cart-table tbody tr.calc-row.row-sum {
		border: 1px solid #736357;
	}

	.shopping-cart-table tbody tr #price-sum {
		margin-bottom: 16px;
	}

	.shopping-cart-info-container {
		margin-bottom: 40px;
	}

	.cart-data-title-wrap {
		display: none;
	}

	.cart-receiver-data-block,
	.cart-receiver-data-block + div {
		margin-top: 40px;
	}

	.cart-input-group {
		margin-left: 8px;
		margin-right: 8px;
	}
	.cart-input-name,
	.cart-input-name + div {
		width: 100%;
	}

	.cart-input-name + div {
		position: relative;
	}

	.shopping-cart-info-container label,
	.cart-input-group span {
		margin-top: 16px;
	}

	.cart-input-group .receive-news label,
	.cart-input-group .receive-news input[type="checkbox"] {
		margin-top:10px;
	}

	.cart-shipping-block {
		margin-top: 16px;
		margin-bottom: 24px;
	}

	.cart-shipping-block .pay-method-container {
		margin-top: 0;
		margin-bottom: 16px;
		border-bottom: unset;
	}

	.cart-shipping-block .pay-method {
		display: block;
		border-right: unset;
		border-bottom: 1px solid rgb(204,204,204);
	}

	.cart-shipping-block {
		height: auto;
	}

	.cart-shipping-block input[type="radio"] {
		margin-left: 15px;
		margin-right: 12px;
	}

	.cart-shipping-block .radio-img-container {
		left:16px;
	}

	.cart-shipping-block label {
		height: auto;
		line-height: 13px;
		margin-top: 0;
	}
	.cart-shipping-block .pay-method-label {
		height: 38px;
		line-height: 38px;
		vertical-align: middle;
	}

	.cart-shipping-block .pay-method + div {
		padding-left:43px;
		margin-bottom: 16px;
	}

	.cart-input-group .dropdown-block {
		margin-top: 16px;
		width: 100%;
	}

	.cart-notation-block .notation-title {
		margin-bottom: 0;
		height: 40px;
		line-height: 40px;
		vertical-align: middle;
	}

	.cart-notation-block {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.cart-notation-block .notation-title + div {
		padding-left: 32px;
		padding-right: 32px;
		padding-bottom: 40px;
	}

	.cart-notation-block .checkout-wrap {
		margin-top: 0;
	}

	.checkout-wrap #checkout-btn,
	#shopping-complete-btn-block .finish-btn {
		width: 100%;
		height: 60px;
		line-height: 60px;
		border-radius: unset;
		vertical-align: middle;
	}

	#checkout-day {
		right: 32px;
		padding-right: 16px;
	}

	#result-container .shopping-cart-table .cart-caption-center,
	.finish-method-description {
		margin-top: 16px;
		margin-bottom: 16px;
	}

	#shopping-complete-btn-block {
		padding-bottom: 0;
	}

	#cart-wrap.single-order-wrap {
		padding: 0 32px;
		margin-top: 40px;
	}

	.single-order-no,
	.order-date {
		font-size: 15px;
		height: 40px;
	}

	.order-date {
		float: none;
		margin-top: 0;
	}

	.sigle-order-table .cart-tabel-title-wrap  {
		margin-top: 0;
	}

	.single-order-info-phone {
		position: relative;
		width: 100%;
		height: 40px;
		margin-top: 40px;
		margin-bottom: 24px;
		line-height: 40px;
		vertical-align: middle;
		padding-left: 32px;
		background-color: rgb(115,99,87);
		color: white;
	}

	.single-order-info table tr td:nth-child(1) {
		padding-left: 0;
	}

	.single-order-btn {
		margin: 0;
		width: 50%;
		height: 60px;
		line-height: 60px;
		display: inline-block;
		border-radius: unset;
	}

	.single-order-link-1 .single-order-btn {
		width: 100%;
		display: block;
	}

	.single-order-link-2 .single-order-btn {
		float: left;
		border-right: 1px solid white;
	}
}

@media (max-width: 320px) {
	#cart-wrap {
		padding: 0;
	}

	.cart-find {
		padding-left: 16px;
		padding-right: 16px;
	}

	.cart-data-wrap {
		padding: 0 16px;
	}

	.cart-notation-block .notation-title + div {
		padding-left: 16px;
		padding-right: 16px;
	}

	#checkout-day {
		right: 16px;
	}
}

.is-app .cart-input-group .dropdown-block .dropdown-arrow-block {
	padding-top: 15px;
}

 @media (max-width: 414px) {

	.is-app .cart-shipping-block .pay-method + div {
		padding-top:10px;
	}
 }

/*#     ## ######## ##    ## ##     ##
###   ### ##       ###   ## ##     ##
#### #### ##       ####  ## ##     ##
## ### ## ######   ## ## ## ##     ##
##     ## ##       ##  #### ##     ##
##     ## ##       ##   ### ##     ##
##     ## ######## ##    ##  ######*/

.main-menu-container {
	position: fixed;
	top:0;
	width: 100%;
    height: 48px;
    background-color: rgb(51, 51, 51);
	z-index: 800;
}

.main-menu-wrap {
	position: relative;
	margin: auto;
	height: 0;
	max-width: 1326px;
	padding: 0 35px 0 35px;
	text-align: left;
}

.nav-main {
	position: fixed;
	top:0;
	text-align: center;
	z-index: 850;
}

#main-menu-btn {
	position: absolute;;
	display: inline-block;
	top:0;
	width: 84px;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	color: white;
	font-size: 17px;
	z-index: 850;
}

.cd-primary-nav.fade-in {
	overflow-y: auto;
}

.main-menu-right {
	position: absolute;
	display: inline-block;
	top:0;
	right: 35px;
	margin-left: auto;s
	height: 48px;
	line-height: 48px;
}

.main-menu-right div {
	position: relative;
	display: inline-block;
	width: 43px;
	text-align: right;
    vertical-align: sub;
}

.main-menu-right div:nth-child(3) {
    vertical-align: middle;
}

.cd-overlay-nav, .cd-overlay-content,
.cd-overlay-content-blk {

	position: relative;
	top: 6px;
	left: 40px;
	height: 4px;
	width: 4px;
	z-index: 840;
	transform: translateX(-20px) translateY(20px);
	webkit-transform: translateX(-20px) translateY(20px);
	moz-transform: translateX(-20px) translateY(20px);
	ms-transform: translateX(-20px) translateY(20px);
	o-transform: translateX(-20px) translateY(20px);
}

.cd-overlay-content-blk {
	position: absolute;
}

.cd-overlay-content,
.cd-overlay-content-blk {
	z-index: 860;
}

#cd-overlay-content-1 {
    left:203px;
    top:127px;
}

#cd-overlay-content-2 {
	left: 200px;
	top:383px;
}

#cd-overlay-content-3 {
	left: 390px;
	top:194px;
}

#cd-overlay-content-4 {
	left:286px;
	top:273px;
}

#cd-overlay-content-5 {
	left: 337px;
	top:540px;
}

#cd-overlay-content-6 {
	left:94px;
	top:160px;
}

.cd-overlay-nav span, .cd-overlay-content span,
.cd-overlay-content-blk span {
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	background-color: rgb(255,255,255);
}

.cd-overlay-nav span {
	background-color: rgb(46, 74, 236);
}

.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden,
.cd-overlay-content-blk.is-hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-primary-nav {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}

.cd-primary-nav::before {
	content: "";
	display: block;
	height: 80px;
	pointer-events: none;
	background-color: transparent;
}

@media (max-height: 768px) {
	.cd-primary-nav::before {
		height: 32px;
	}
}

.cd-primary-nav .block-1 {
	position: relative;
	margin: 0 auto;
	width: 502px;
	pointer-events: auto;
}
.cd-primary-nav .block-1 .menu-bg-1-rwd {
    background-position: center;
    background-repeat: no-repeat;
}


.cd-primary-nav .block-1 .block-2 {
	position: absolute;
	right: 50px;
	bottom: -178px;
}

@media (max-width: 1366px) {
    .cd-primary-nav .block-1 .menu-bg-1-rwd {
        background-image: url(../img/menu_group_1_bg_980.png);
        width: 452px;
        height: 527px;
    }

	.cd-primary-nav .block-1 .block-2 {
		right:92px;
		bottom:-160px;
	}
}
@media (min-width: 1367px) {
    .cd-primary-nav .block-1 .menu-bg-1-rwd {
        background-image: url(../img/menu_group_1_bg.png);
        width: 502px;
        height: 586px;
    }
}

/*@media (max-width: 980px) {
    .cd-primary-nav .block-1 .block-2 {
        right: -35px;
        bottom: 30px;
    }
}*/

@media (max-height: 580px) {
    .cd-primary-nav .block-1 .block-2 {
        right: -35px;
        bottom: 30px;
		margin-bottom: 0;
    }
}

.cd-primary-nav .block-1 .block-2 .menu-bg-2-rwd {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/menu_group_2_bg_980.png);
    width: 201px;
    height: 210px;
}
@media (min-width: 1367px) {
    .cd-primary-nav .block-1 .block-2 .menu-bg-2-rwd {
        background-image: url(../img/menu_group_2_bg.png);
        width: 207px;
        height: 224px;
    }
}

@media (max-width: 414px) {
	.cd-primary-nav .block-1 .menu-bg-1-rwd,
	.cd-primary-nav .block-1 .block-2 .menu-bg-2-rwd {
		display: none;
		background-image: none;
	}
}

.cd-primary-nav .block-1 .block-2 + div a img {
	position: absolute;
	top:249px;
	left: 194px;
}
@media (min-width: 1367px) {
    .cd-primary-nav .block-1 .block-2 + div a img {
		top:294px;
		left: 228px;
    }
}

.cd-primary-nav .block-1 .block-2 a img {
	position: absolute;
	bottom:-47px;
	padding-bottom: 50px;
}

.cd-primary-nav .block-1 .block-2 a .primary-fb-btn {
	right: 161px;
}

.cd-primary-nav .block-1 .block-2 a .primary-email-btn {
	right: 104px;
}

@media (max-width: 1366px) {
	.cd-primary-nav .block-1 .block-2 a img {
		bottom: -62px;
	}

	.cd-primary-nav .block-1 .block-2 a .primary-fb-btn {
		right: 133px;
	}

	.cd-primary-nav .block-1 .block-2 a .primary-email-btn {
		right:82px;
	}
}

.cd-primary-nav a{
	color: #0074C8;
}

.cd-primary-nav .block-1 .link-group {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
	line-height: 48px;
	text-align: left;
	vertical-align: middle;
}

.cd-primary-nav .block-1 .link-group-1 {
    left: 135px;
    top: 65px;
}
@media (min-width: 1367px) {
    .cd-primary-nav .block-1 .link-group-1 {
        left: 150px;
        top: 75px;
    }
}

.cd-primary-nav .block-1 .link-group-2 {
	text-align: right;
	left: 120px;
    top: 340px;
}
@media (min-width: 1367px) {
    .cd-primary-nav .block-1 .link-group-2 {
        left: 148px;
        top: 384px;
    }
}

.cd-primary-nav .block-1 .link-group-3 {
    left: 170px;
    top: 437px;
}
@media (min-width: 1367px) {
    .cd-primary-nav .block-1 .link-group-3 {
        left: 182px;
        top: 480px;
    }
}

.cd-primary-nav .block-1 .link-group-4 {
    left: 340px;
    top: 192px;
}
@media (min-width: 1367px) {
    .cd-primary-nav .block-1 .link-group-4 {
        left: 372px;
        top: 216px;
    }
}

.cd-primary-nav .block-1 .block-2 .link-group {
	left: 33px;
	top: 42px;
}

.cd-primary-nav.fade-in {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 414px) {
	#main-menu-btn span {
		display: none;
	}

	.cd-primary-nav::before {
		height: 47px;
	}

	.cd-primary-nav .block-1 {
		width: auto;
		padding: 0 63px 96.5px 0;
		margin-left: 63px;
	}

	.cd-primary-nav .block-1 .block-calendar {
		display: none;
	}

	.cd-primary-nav a {
		vertical-align: top;
		color: white;
	}

	.cd-primary-nav .group-title {
		height: 17px;
		line-height: 17px;
		margin-top: 3px;
		margin-bottom: 27px;
		color: #64D5FF;
	}

	.cd-primary-nav .block-1 .link-group {
		position: relative;
		left: auto;
		top: auto;
		text-align: center;
	}

	.cd-primary-nav .block-1 .link-group-1,
	.cd-primary-nav .block-1 .link-group-2,
	.cd-primary-nav .block-1 .link-group-3 {
		line-height: 17px;
	}

	.cd-primary-nav .block-1 .link-group-1 br,
	.cd-primary-nav .block-1 .link-group-2 br {
		line-height: 52px;
	}

	.cd-primary-nav .block-1 .link-group-1 {
		margin:0 auto 38px auto;
	}

	.cd-primary-nav .block-1 .link-group-2 {
		margin: 0 auto 0 auto;
	}

	.cd-primary-nav .block-1 .link-group-3 {
		padding-top: 35px;
		margin-bottom: 50px;
	}

	.cd-primary-nav .block-1 .link-group-4,
	.cd-primary-nav .block-1 .block-2 .link-group {
		width: 50%;
		height:49px;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
	}

	.cd-primary-nav .block-1 .link-group-4 {
		padding-left: 9.5px;
		text-align: left;
	}

	.cd-primary-nav .block-1 .link-group-4::after {
		content: " ";
		display: inline-block;
		position: absolute;
		height: 12px;
		width: 1px;
		right: 0;
		top:18px;
		background-color: #64D5FF;
	}

	.cd-primary-nav .block-1 .block-2 {
		position: relative;
		right: 0;
		left: 0;
		bottom: 0;
		width: auto;
		height: 0;
	}

	.cd-primary-nav .block-1 .block-2 .link-group {
		left: auto;
		top:auto;
		padding-right: 9.5px;
		float: right;
		text-align: right;
	}

	.cd-primary-nav .block-1 .link-group-4 .menu-icon-ticket,
	.cd-primary-nav .block-2 .menu-icon-shop {
		display: inline-block;
		height: 1em;
		width: 22px;
		background-position: center;
		background-repeat: no-repeat;
	}

	.cd-primary-nav .block-1 .link-group-4 .menu-icon-ticket {
		background-image: url(../img/menu_ticket_btn_mobile.png);
	}

	.cd-primary-nav .block-2 .menu-icon-shop {
		background-image: url(../img/menu_shopping_btn_mobile.png);
	}

	.cd-primary-nav .block-1 .block-2 a img {
		padding-bottom: 0;
	}

	.cd-primary-nav .block-1 .block-2 a .primary-fb-btn,
	.cd-primary-nav .block-1 .block-2 a .primary-email-btn {
		position: relative;
		bottom: auto;
		right: auto;
	}

	.cd-primary-nav .block-1 .block-2 .main-menu-fb-block,
	.cd-primary-nav .block-1 .block-2 .main-menu-contact-block {
		width: 50%;
		display: inline-block;
		margin-top: 87px;
		margin-bottom: 38px;
	}

	.cd-primary-nav .block-1 .block-2 .main-menu-fb-block {
		padding-right: 30px;
		text-align: right;
	}

	.cd-primary-nav .block-1 .block-2 .main-menu-contact-block {
		position: absolute;
		top:0;
		right: 0;
		padding-top: 3px;
		padding-left: 30px;
		text-align: left;
	}

	#cd-overlay-content-1,
	#cd-overlay-content-2 {
		left:162px;
	}

	#cd-overlay-content-1 {
		top:82px;
	}

	#cd-overlay-content-2 {
		top:283px;
	}

	#cd-overlay-content-3,
	#cd-overlay-content-5 {
		top:420px;
	}

	#cd-overlay-content-3 {
		left:88px;
	}

	#cd-overlay-content-5 {
		left:262px;
	}

	#cd-overlay-content-4 {
		display: none;
	}

	#cd-overlay-content-6 {
		left:202px;
		top:74px;
	}
}

@media (max-width: 320px) {
	.cd-primary-nav::before {
		height: 48px;
	}

	.cd-primary-nav .group-title {
		margin-top: 2px;
		margin-bottom: 23.5px;
	}

	.cd-primary-nav .block-1 {
		margin-left: 40px;
		margin-right: 0;
		padding-right: 40px;
		padding-bottom: 96.5px;
	}
	.cd-primary-nav .block-1 .link-group {
		font-size: 13.5px;
	}

	.cd-primary-nav .block-1 .link-group-1 br,
	.cd-primary-nav .block-1 .link-group-2 br {
		line-height:43.5px;
	}

	.cd-primary-nav .block-1 .link-group-3 {
		padding-top:30px;
		margin-bottom:42px;
	}

	.cd-primary-nav .block-1 .block-2 {
		margin-bottom: 0;
	}

	.cd-primary-nav .block-1 .link-group-4,
	.cd-primary-nav .block-1 .block-2 .link-group {
		height:41px;
		line-height:41px;
	}

	.cd-primary-nav .block-1 .block-2 .link-group {
		padding-right:8px;
	}

	.cd-primary-nav .block-1 .link-group-4 {
		padding-left:8px;
	}

	.cd-primary-nav .block-1 .block-2 .main-menu-fb-block,
	.cd-primary-nav .block-1 .block-2 .main-menu-contact-block {
		margin-top: 73px;
		margin-bottom: 50px;
	}

	.cd-primary-nav .block-1 .block-2 .main-menu-fb-block {
		padding-right:25px;
	}

	.cd-primary-nav .block-1 .block-2 .main-menu-contact-block {
		padding-left: 25px;
	}

	#cd-overlay-content-1,
	#cd-overlay-content-2 {
		left:138px;
	}

	#cd-overlay-content-1 {
		top:74px;
	}

	#cd-overlay-content-2 {
		top:274px;
	}

	#cd-overlay-content-3,
	#cd-overlay-content-5 {
		top:386px;
	}

	#cd-overlay-content-3 {
		left:80px;
	}

	#cd-overlay-content-5 {
		left:222px;
	}

	#cd-overlay-content-4 {
		display: none;
	}

	#cd-overlay-content-6 {
		left:174px;
		top:60px;
	}
}

/*
########  ########     ###    ##     ##    ###
##     ## ##     ##   ## ##   ###   ###   ## ##
##     ## ##     ##  ##   ##  #### ####  ##   ##
##     ## ########  ##     ## ## ### ## ##     ##
##     ## ##   ##   ######### ##     ## #########
##     ## ##    ##  ##     ## ##     ## ##     ##
########  ##     ## ##     ## ##     ## ##     ##*/
div.page-title {
	position: relative;
    margin: auto;
	max-width: 1442px;
	margin: 0 auto;
	padding: 17px 90px 13.5px 90px;
    height: 48px;
    line-height: 17px;
    text-align: center;
    vertical-align: middle;
	font-size: 17px;
	color: white;
}

div.banner-background {
    background-position: center top;
    background-repeat: no-repeat;
	height:517px;
	background-size: auto 100%;
	/*height: 328px;*/
}

div.content-wrap {
	position: relative;
	max-width: 977px;
    margin: auto;
	padding: 0 90px 0 90px;
}

div.cate-list-container {
	position: relative;
	overflow-y: visible;
	height: 0;
	/*max-width: 977px;*/
	max-width: 1436px;
	margin: auto;
	padding: 0 90px 0 90px;
}

div#show-drama-category {
    position: relative;
    /*top:-42px;*/
	top:-66px;
    height:36px;
    line-height: 36px;
    width: 260px;
    vertical-align: middle;
    padding: 0px 16px;
    color: white;
    background-color:#33aeed;
}

div#show-drama-category div {
    position: absolute;
    right: 16px;
    top:0px;
}

div.show-drama-category-min {
	position: absolute;
	display: none;
	z-index: 60;
	left: 16px;
	top:-26px;
	width: 40px;
	height: 40px;
	line-height: 36px;
	vertical-align: middle;
	text-align: center;
	border-radius: 20px;
	background-color: rgb(51, 174, 237);
}

div#cate-list {
    position: absolute;;
    float: left;
    top: -30px;
    width: 260px;
    z-index: 50;
    padding-top: 18px;
    background-color: #009efc;
}

div.cate-item {
	height: 46px;
	line-height: 46px;
	padding-left: 34px;
	vertical-align: middle;
	color: white;
	font-size: 1em;
}

#drama-detail {
	background-clip: padding-box;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0;
	/*overflow-y: auto;*/
	overflow-y: hidden;
}

#dialog-drama .dialog-top-close-container div {
	position: absolute;
	z-index: 2;
	top:59px;
	right: 59px;
	width: 48px;
	height: 48px;
	background-color: rgba(0, 0, 0, 0.7);
	background-position: center center;
	background-repeat: no-repeat;
}

.detail-middle {
	position: absolute;
	height: 100%;
	top:0;
	right:0;
	bottom: 0;
	left: 0;
	overflow-y: scroll;
}

.drama-detail-header-wrap {
	position: relative;
	width: 100%;
	height: 816px;
	overflow: hidden;
	background-color: rgb(0, 169, 141);
}

.drama-detail-header {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	color: white;
}

.drama-detail-header .header-right+div {
	position: absolute;
	top:0;
	right: 0;
	width: 400px;
	height: 100%;
	vertical-align: middle;
	font-size: 18pt;
	margin-right: 80%;
}

.drama-detail-header .header-right+div div {
	position: absolute;
	width: auto;
	margin: 0;
	top: 50%;
	right: 0;
	text-align: left;
	transform: translate(0,-50%);
}

.drama-detail-header .header-right {
	position: relative;
	height: 100%;
	margin-left: 30%;
	text-align: left;
	background-position: left center;
	background-size: auto 100%;
}

div.drama-detail-header div.header-right img {
	position: relative;
	height: 816px;
	width: auto;
}

div.drama-nav-blk {
	position: absolute;
	bottom: 0;
	width: 97px;
	height: 48px;
	margin-left: 30%;
	background-color: rgb(176, 176, 176);
}

div.drama-nav-blk div.drama-nav-btn {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 48px;
	line-height: 48px;
	vertical-align: middle;
	text-align: center;
	background-color: white;
}

div.drama-nav-blk div.drama-nav-btn:hover {
	background-color: rgb(216, 216, 216);
}

.drama-detail-body .scroll-btn-wrap {
	display: none;
	opacity: 0;
	-webkit-transition: opacity 0.4s, visibility 0.4s;
	-moz-transition: opacity 0.4s, visibility 0.4s;
	transition: opacity 0.4s, visibility 0.4s;
}
.drama-detail-info-wrap {
	position: absolute;
	height: 130px;
	width: 100%;
	background-color: rgb(244, 238, 202);
	z-index: 1;
}

.info-content+div.drama-detail-info-wrap {
	bottom: 0px;
}

.drama-info-blk {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 48px 90px;
	text-align: left;
	font-size: 14px;
}

.drama-info-blk div.info-group {
	position: relative;
	display: inline-block;
}

.drama-info-blk .info-group .info-item {
	position: relative;
	width: 100%;
}

.drama-info-blk .info-group .info-item .info-title {
	position: relative;
	display: inline-block;
}

.drama-info-blk .info-group .info-item .info-title+div {
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

div.drama-place-title {
	position: absolute;
	width: 80px;
}

div.drama-place-title+div {
	position: relative;
	display: inline-block;
	right: : 0;
	margin-left: 60px;
	top:0;
	width: auto;
}

div.drama-place-title+div div {
	position: relative;
	display: inline-block;
	margin-left: 22px;
}

.drama-info-content-wrap {
	position: relative;
	width: 100%;
	background-color: white;
}

.drama-info-content-wrap .info-content {
	position: relative;
	width: 980px;
	min-height: 100%;
	margin: 0 auto;
	padding: 178px 90px;
	text-align: left;
	font-size: 14px;
}

@media screen and (max-width: 1366px) and (min-width: 1000px){
	div.drama-detail-header {
		height: 554.5px;
	}

	div.drama-detail-header-wrap {
		height: 554px;
	}

	div.drama-detail-header div.header-right+div {
		/*line-height: 554px;*/
		/*text-align: left;*/
	}

	div.drama-detail-header div.header-right img {
		height: 554px;
	}
}

@media screen and (max-width: 1366px) {
	div.cate-list-container {
		padding: 0 35px 0 35px;
		max-width: 867px;
	}

	div#cate-list {
		top: -6px;
	}

	.page-title {
		max-width: 800px;
		margin: 0 auto;
		padding: 17px 35px 13.5px 35px;
	}

}

@media screen and (max-width: 1365px) and (min-width: 768px) {
	.page-title {
		text-align: center;
	}

	div.banner-background {
		height: 328px;
	}

	div#show-drama-category {
		top: -42px;
	}
	div.content-wrap {
		padding: 0 34px 0 34px;
		max-width: 868px;
	}

}

@media screen and (max-width: 999px){
	#drama-detail {
		position: relative;
		top:48px;
		right: 0;
		bottom: 0;
		left:0;
		height: 100%;
	}

	div.drama-detail-header-wrap {
		position: absolute;
		top:0;
		width: 100%;
		height: 100%;
	}

	div.drama-detail-header {
		width: 100%;
		height: 100%;
	}

	div.drama-detail-header div.header-right {
		width: 100%;
		height: 50%;
		margin: 0;
	}

	div.drama-detail-header div.header-right img {
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	div.drama-detail-header div.header-right + div {
		position: relative;
		width: 100%;
		height: 50%;
		/*padding: 0 78px;*/
	}

	.drama-detail-header .header-right+div div {
		width: 100%;
		text-align: center;
	}

	.drama-nav-blk {
		display: none;
	}

	.drama-detail-body.has-shadow .detail-scroll-down-wrap div {
		opacity: 0;
		visibility: hidden;
	}

	.drama-detail-body::before {
		content: '';
		display: block;
		height: 100%;
		width: 100%;
		pointer-events: none;
	}

	.drama-detail-body {
		position: relative;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
	}

	.drama-detail-body.has-shadow .drama-info-content-wrap{
		box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.3);
	}

	.drama-detail-body .scroll-btn-wrap {
		display: block;
		opacity: 1;
		position: relative;;
		text-align: center;
		width: 100%;
	}

	.drama-detail-body .scroll-btn-wrap button {
		position: fixed;;
		bottom: 35px;
		height: 24px;
		text-align: center;
		border-style: none;
		background-color: rgba(0,0,0,0);
	}

	.drama-detail-body.has-shadow .scroll-btn-wrap {
		opacity: 0;
		visibility: hidden;
	}

	.drama-info-content-wrap {
		/*height: 100%;*/
	}

	.drama-info-blk {
		width: 100%;
		padding-left: 78px;
		padding-right: 78px;
	}

	#dialog-drama .dialog-top-close-container div {
		top:61px;
		right: 35px;
		width: 24px;
		height: 24px;
		background-size: 50%;
		z-index: 2;
	}

	.drama-info-content-wrap .info-content {
		width: 100%;
		padding: 178px 43px 180px 43px;
	}
}

@media screen and (max-width: 767px) {
	#go-top {
		right: 16px;
	}

	.page-title {
		height: 50px;
	}

	.page-title h3{
		display: none;
	}

	div.banner-background {
		height: 328px;
	}

	div.content-wrap {
		max-width: 598.5px;
		top:-34px;
	}
	div#show-drama-category {
		display: none;
	}

	div.show-drama-category-min {
		display: block;
	}

	div.cate-list-container {
		top:-36px;
	}

	div.content-wrap {
		max-width: 260px;
		padding: 0;
	}

	div#container-drama h4 {
		text-align: center;
	}
}

@media screen and (max-width: 414px) {
	#dialog-drama .dialog-top-close-container div {
		right: 16px;
	}
	.drama-detail-header .header-right + div div {
		position: relative;
		top:35px;
		transform: translate(0, 0);
		text-align: left;
	}
	.drama-detail-body .scroll-btn-wrap button{
		bottom: 24px;
	}

	.drama-detail-info-wrap {
		height: 177px;
	}

	.drama-info-blk {
		padding-left: 32px;
		padding-right: 32px;
	}

	.info-content + div.drama-detail-info-wrap {
		height: 129px;
	}

	.drama-info-content-wrap .info-content {
		padding: 225px 32px 179px 32px;
	}

	div.drama-detail-header div.header-right + div {
		padding: 0 32px;
	}
}

@media screen and (max-width: 413px) {
	div#show-drama-category {
		display: none;
	}

	div.show-drama-category-min {
		display: block;
	}

	div.cate-list-container {
		padding: 0;
		margin: auto;
	}

	div.content-wrap {
		max-width: 260px;
		padding: 0;
	}

	div.cate-list-container {
		width: 100%;
	}

	div#cate-list {
		width: 100%;
	}

	div.cate-item {
		padding-left: 65px;
	}
}

div.cate-item input[type=checkbox]{
  display: none;
}

div.cate-item input[type=checkbox]:checked+label{
  color: yellow;
}

div.cate-item input[type=checkbox]+label>img{
  display: none;
}

div.cate-item input[type=checkbox]:checked+label>img{
  display: inline-block;
  margin-left: 9px;
}

div.submit-cate {
    position: relative;
    margin-top: 18px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    color: white;
}

div.submit-cate input {
    position: relative;
    width:100%;
    height: 100%;
    border:0px;
    background-color:rgb(0, 181, 170);
}

div.submit-cate div {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: middle;
    pointer-events: none;
}

div#container-drama h4 {
	position: relative;
	margin: 0;
	height: 48px;
	line-height: 48px;
	vertical-align: middle;
	font-size: 15px;
	color: white;
}

.drama-item {
    width: 260px;
    height: 225px;
    margin-bottom: 8.5px;
    background-color: rgb(255, 255, 255);
}
.js div.drama-grid div.drama-item {
	background-color: rgba(0, 0, 0, 0);
}

.js div.drama-grid .drama-item div.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: rgb(232, 232, 232);
}

.js div.drama-grid .drama-item div.bg div{
	position: absolute;
	top: 175px;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 0;
	background-color: rgb(255,255,255);
}

.js div.drama-grid div.drama-item div.curtain{
	position: absolute;
	top:0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: #000000;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0, -100%, 0);
}

.drama-item div.curtain::after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,1);
	content: '';
	top:-100%;
}

div.drama-grid div.animate div.curtain {
	-webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
	animation: swipeDown 1.5s cubic-bezier(0.6,0,0.4,1) forwards;
}
@-webkit-keyframes swipeDown {
	0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
	50%, 60% { -webkit-transform: translate3d(0,0,0); }
	100% { -webkit-transform: translate3d(0,100%,0); }
}
@keyframes swipeDown {
	50%, 60% { transform: translate(0); }
	100% { transform: translate3d(0,100%,0); }
}

div.drama-grid div.animate div.curtain::after {
	-webkit-animation: fadeOut 1.5s ease forwards;
	animation: fadeOut 1.5s ease forwards;
	-webkit-animation-delay: inherit;
	animation-delay: inherit;
}
@-webkit-keyframes fadeOut {
	0% {} /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
	50%, 60% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes fadeOut {
	50%, 60% { opacity: 1; }
	100% { opacity: 0; }
}

.js .drama-grid div.drama-item a div img,
.js .drama-grid div.drama-item svg,
.js .drama-grid div.drama-item div.name,
.js .drama-grid div.drama-item div.bg {
	visibility: hidden;
}

div.drama-item.animate a div img,
div.drama-item.animate svg,
div.drama-item.animate div.name,
div.drama-item.animate  div.bg {
	animation: showMe 1.5s step-end forwards;
}
@-webkit-keyframes showMe {
	from { visibility: hidden; }
	60%, 100% { visibility: visible; }
}
@keyframes showMe {
	from { visibility: hidden; }
	60%, 100% { visibility: visible; }
}

.js .drama-grid div.drama-item.shown a div img,
.js .drama-grid div.drama-item.shown svg,
.js .drama-grid div.drama-item.shown div.name,
.js .drama-grid div.drama-item.shown div.bg {
	visibility: visible;
}

.drama-item {
	overflow: hidden;
}

.drama-item a div img {
	transition: all 0.2s linear;
}

.drama-item a div img:hover {
	transform: scale(1.1);
}

.drama-item div.name{
	position: absolute;
	margin-left: 16px;
	width: 170px;
	height: 60px;
	line-height: 50px;
	vertical-align: middle;
	font-size: 14px;
	color: #808080;
	text-overflow: ellipsis;
	overflow: hidden;
}

.drama-item div.name::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
	line-height: 50px;
}

.drama-item div.name > span {
   display: block;
}

.drama-item div.name > span,
.drama-item div.name::after{
	-webkit-transition: -webkit-transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.drama-item:hover div.name::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	color: rgb(46, 90, 236);
}

.drama-item:hover div.name > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.drama-thumbnail {
    width:260px;
    height: 175px;
}

.booking-tickets {
	position: absolute;
	z-index: 1;
	right: 16px;
	bottom: 12px;
	height: 26px;
	line-height: 13px;
	vertical-align:middle;
	width: 52px;
	text-align: center;
	font-size: 14px;
	/*background-color: #2bd1c4;*/
	color: white;
	border-radius: 13px;
	box-shadow: 0 0 6px 0px rgba(43, 209, 196, 128);
	overflow: hidden;
}

.booking-tickets::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	opacity: 0;
	color:#2e5aec;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	line-height: 26px;
}

.booking-tickets > span {
	display: block;
}

.booking-tickets > span,
.booking-tickets::after{
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.booking-tickets:hover {
	color:#2e5aec;
	box-shadow: 0 0 6px 0px rgba(250, 204, 1, 128);
}

.booking-tickets:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.booking-tickets:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.booking-tickets+svg{
	position: absolute;
	right: 16px;
	bottom: 12px;
	fill:#2bd1c4;
}

.booking-tickets:hover+svg{
	fill:#facc01;
}

.calendar-grid {
    width: 700px;
    height: 700px;
    margin: auto;
}

.calendar-item {
    width: 100px;
    height: 100px;
    line-height: 100px;
    color: white;
    background-color: #3BCFE2;
    font-size: 18px;
}
.calendar-item > img {
    position: absolute;
    right: -26px;
    bottom: -21px;
}
.calendar-item.calendar-item-select {
    border: 4px solid rgba(255, 255, 255, 0.8);
    border-bottom: none;
}

.calendar-item-active {
    background-color: #3BCFE2;
}
.calendar-item-notice {
	background-color: #FBB03B;
}

.calendar-grid :nth-child(1) > .calendar-item,
.calendar-grid > .calendar-item:nth-child(1) {
    border-top-left-radius: 27px;
}
.calendar-grid :nth-child(7) > .calendar-item,
.calendar-grid > .calendar-item:nth-child(7) {
    border-top-right-radius: 27px;
}
.calendar-grid :nth-child(41) > .calendar-item,
.calendar-grid > .calendar-item:nth-child(41) {
    border-bottom-left-radius: 27px;
}
.calendar-grid :nth-child(47) > .calendar-item,
.calendar-grid > .calendar-item:nth-child(47) {
    border-bottom-right-radius: 27px;
}


.dialog-calendar {
    width: 100%;
    margin:auto;
    overflow-x:hidden;
    padding:20px;
}
.dialog-calendar .calendar-switch {
    width: 100px;
    background: none;
    border: none;
    box-shadow: none;
    color: #005B99;
}
.dialog-calendar .calendar-week {
    margin-top: 35px;
    margin-bottom: 20px;
}
.dialog-calendar .calendar-week span {
    display: inline-block;
    width: 100px;
    font-size: 14pt;
    color: #00448F;
    margin: 0 -2.5px;
}
.dialog-calendar .calendar-week span:nth-child(6),
.dialog-calendar .calendar-week span:nth-child(7) {
    color: #FF6860;
}

.calendar-content button.close {
    position: absolute;
    top:-50px;
    right: 0px;
    font-size: 8em;
}
@-moz-document url-prefix() {
    .calendar-content button.close {    top:-70px;    }
}

.calendar-info {
    width: 700px;
    height: auto;
    /*min-height: 200px;*/
    color: #1B435D;
    background-color: #F2F2F2;
    line-height: normal;
    text-align: left;
    display: none;
}
.calendar-info .calendar-info-top {
    /*min-height: 143px;*/
    padding-top: 27px;
    padding-bottom: 27px;
    font-size: 15pt;
}
.calendar-info .calendar-info-top > span {
    display: inline-block;
    width: 105px;
    float: left;
    text-align: center;
}
.calendar-info .calendar-info-top > div {
    width: 500px;
    margin-left: 105px;
}
.calendar-info .calendar-info-top > div > div+div {
    margin-top: 5px;
    font-size: 12pt;
}

.calendar-info .calendar-info-bottom {
    position: relative;
    min-height: 57px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 100px;
    font-size: 12pt;
    background-color: white;
}
.calendar-info .calendar-info-bottom > img {
    margin-right: 8px;
    vertical-align: middle;
}
.calendar-info .calendar-info-bottom > span {
    display: inline-block;
    max-width: 170px;
    margin-right: 22px;
    vertical-align: middle;
}
.calendar-info .calendar-info-bottom .btn {
    top: 0;
    bottom: 0;
    right: auto;
    margin: auto;
}


.calendar-billboard {
    width: 700px;
    min-height: 190px;
    padding: 27px;
    margin: 35px auto;
    color: #1B435D;
    background-color: #F2F2F2;
    border-radius: 27px;
    text-align: left;
    word-wrap: break-word;
    word-break: normal;
}

.info-hide {
    position: absolute;
    background: transparent;
    border:0px none;
    top:-30px;
    right: -5px;
    cursor:pointer;
    font-size: 2em;
    opacity: 0.5;
}

@media screen and (max-width: 414px) {
	.dialog-calendar .calendar-switch {
		width: 40px;
	}

	.dialog-calendar .calendar-week span {
		width: 40px;
		font-size: 14px;
	}

	.calendar-item {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}

	.calendar-item > img {
		width: 400%;
		height: auto;
	}

	.calendar-info {
		height: auto;
	}

	.calendar-grid,
	.calendar-info,
	.calendar-billboard {
		width: 280px;
	}

	.calendar-info .calendar-info-top {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 14px;
		line-height: 16px;
	}

	.calendar-info .calendar-info-top > span {
		width: 60px;
		padding-left: 20px;
		text-align: left;
	}

	.calendar-info .calendar-info-top > div {
		width: auto;
		margin-left: 70px;
	}

	.calendar-info .calendar-info-bottom {
		min-height:23px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 10px;
		font-size: 14px;
		line-height: 32px;
	}

	.calendar-info .calendar-info-bottom > img {
		margin-top: 8px;
		margin-right: 2px;
		margin-left: 10px;
		vertical-align: top;
	}

	.calendar-info .calendar-info-bottom > img:nth-child(1) {
		padding-left: 1px;
		padding-right: 1px;
	}

	.calendar-info .calendar-info-bottom > img:nth-child(7) {
		padding-left: 3px;
		padding-right: 3px;
	}

	.calendar-info .calendar-info-bottom > span {
		margin-right: 2px;
	}

	.calendar-grid :nth-child(1) > .calendar-item,
	.calendar-grid > .calendar-item:nth-child(1) {
		border-top-left-radius: 11px;
	}
	.calendar-grid :nth-child(7) > .calendar-item,
	.calendar-grid > .calendar-item:nth-child(7) {
		border-top-right-radius: 11px;
	}
	.calendar-grid :nth-child(41) > .calendar-item,
	.calendar-grid > .calendar-item:nth-child(41) {
		border-bottom-left-radius: 11px;
	}
	.calendar-grid :nth-child(47) > .calendar-item,
	.calendar-grid > .calendar-item:nth-child(47) {
		border-bottom-right-radius: 11px;
	}

}

.email-confirm-result {
	position: absolute;
	top:50%;
	width: 100%;
	line-height: 32px;
	font-size: 24px;
	text-align: center;
}

.email-confirm-result p {
	margin-bottom: 20px;
}

.request-password-wrap,
.reset-password-wrap {
	position: absolute;
	width: 100%;
	top:45%;
	text-align: center;
}

.request-password-container,
.reset-password-container {
	position: relative;
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.request-password-container h1,
.reset-password-container h1 {
	font-size: 24px;
}

.request-password-container h1+p,
.request-password-container input,
.reset-password-container h1+p,
.reset-password-container input {
	margin-top: 12px;
}

pre {
    overflow: auto;
    height: 100%;
    resize:both;
    text-align: left;
}

/* Add by Jack */
div.loading-ajax {
    background-color: #eee;
    background: transparent url('../img/loading-ajax.gif') 50% 50% no-repeat;
    opacity: 1;
    pointer-events: none;
}
div.loading-ajax * {
    opacity: .5;
}

.loading-btn {
    background: transparent url('../img/loading.gif') no-repeat scroll center center content-box !important;
    color: transparent !important;
    pointer-events: none;
}
@media (min-width: 769px) {
	.phone,
	.tablet {
		display: none;
	}
}

@media (max-width: 768px) and (min-width: 415px) {
	.desktop,
	.phone {
		display: none !important;
	}
}

@media (max-width: 414px) and (min-width: 320px) {
	.desktop,
	.tablet {
		display: none !important;
	}
}

@media (max-width:414px) {
	.wrap {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.footer {
		display: none;
		height: 46px;
	}
}