body {
    background: #FAFAFA;
}
ul {
    margin: 0;
}

a {
	color: black;
}
a:hover {
	text-decoration:none;
    cursor: pointer;
}
a:focus, a:link, a:visited, a:active {
    text-decoration: none;
	outline: none;
}
#top-nv-container {
    background: #000;
    width: 100%;
    height: 50px;
    padding: 0 0.75em 0 0.5em;
}
.w-100 {
	width: 100%;
}
.table-center {
	text-align: center;
	vertical-align: middle;
	margin: auto;
}
.logo-link {
    display: block;
    width: 134px;
    margin: 0px auto 0;
}
.logo-link:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.logo-link:active {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.hamburger {
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
}
.maria-logo {
    height: 40px;
    width: 134px;
    margin-top: 8px;
}
.search-icon {
    position: absolute;
    z-index: 15;
    right: 55px;
    top: 10px;
    width: 30px;
}
.search-icon:hover {
    cursor: pointer;
    opacity: 0.9;
}
.search-container {
    background: #000;
    width: 100%;
    height: 340px;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    padding-top: 60px;
    display: none;
}
.search-close-icon {
    position: absolute;
    right: 12px;
    top: 7px;
    width: 37px;
    display: none;
    z-index: 15;
    opacity: 0.95;
}
.search-close-icon:hover {
    opacity: 0.85;
    cursor: pointer;
}
.text-area {
    width: 94%;
    max-width: 700px;
    border-radius: 5px;
    padding: 0.5em 1em;
    display: block;
    margin: 0 auto;
}
.text-area:focus {
    outline: 1px solid #EE0936 !important;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(238, 9, 55, 1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(238, 9, 55, 1);
    box-shadow: 0px 0px 0px 3px rgba(238, 9, 55, 1);
    background: white;
}
.go-search-button {
    display: block;
    padding: 0.5em 2em;
    margin: 15px auto;
    border-radius: 5px;
}
.header-popular-search {
    font-size: 1.2em;
    color: #FFF;
    margin-left: 3%;
    padding-left: 1%;
    border-left: 4px solid #EE0936;
}
.popular-word-container {
    margin: 0 3%;
}
.popular-word-container ul {
    margin-bottom: 0 !important;
}
.popular-word-container li {
    display: inline-block;
    width: 19.5%;
}
.popular-word-container li a {
    display: block;
    color: white;
    margin-bottom: 1em;
}
.go-to-category a {
    display: block;
    color: white;
    font-size: 0.7em;
    width: 8em;
    margin: 0 auto;
    position: relative;
    bottom: 15px;
}
.go-to-category a:hover {
    cursor: pointer;
}
.user-and-shopping {
    background: #444;
}
.user-icon {
    width: 2.7em;
}
.shopping-icon {
    width: 2.2em;
}


.btn-maria-alt {
    color: #fff;
    background: #c20044;
    border-color: #c20044;
}
.btn-maria {
    color: #fff;
    background: #c20044;
    border-color: #c20044;
	padding: 7px 18px;
	border-radius: 3px;
}
.btn-maria:hover, .btn-maria:focus, .btn-maria:active, .btn-maria-alt:hover, .btn-maria-alt:focus, .btn-maria-alt:active {
    color: #fff !important;
    background: #6b023b !important;
    border-color: #6b023b !important;
}

.btn-maria-outline {
    color: #c20044;
    background: #ffffff;
    border-color: #c20044;
	padding: 7px 18px;
	border-radius: 3px;
}
.btn-maria-outline:hover, .btn-maria-outline:focus, .btn-maria-outline:active {
    color: #fff !important;
    background: #c20044 !important;
    border-color: #c20044 !important;
}

.user-link{
	float: left;
    width: 31%;
    box-sizing: border-box;
    padding: 1em 0.5em;
    margin: 0.75em 1%;
    font-size: 0.9em;
    background: #7d7979;
    color: white!important;
    text-align: center;
    border-radius: 5px;
}
.user-link:hover{opacity:0.7}


.btn-group .btn-maria {
	border-right: 1px solid #ccc;
}

.btn-group .btn-maria:last-child {
	border-right: none;
}



.user-and-shopping-lg {
    display: none;
}
button:focus {
    outline: none;
}
.top-nav {
    background: black;
    position: absolute;
    width: 100%;
    display: none;
    padding-top: 50px;
    top: 0;
    z-index: 5;
}
.top-nav li {
    border-bottom: 1px solid #555;
    width: 94%;
    margin: 0 auto;
}
.top-nav li:last-child {
    border: none;
}
.top-nav li a {
    color: white;
    display: block;
    text-align: center;
    font-size: 1.2em;
    padding: 1.15em;
}
.top-nav li a:hover {
    text-decoration: none;
    background: #BB0000;
}
footer {
    background: black;
    color: white;
}
footer li a {
    color: white;
    font-size: 1.1em;
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
footer a:hover {
    cursor: pointer;
    color: white;
    opacity: 0.7;
    text-decoration: none;
}
@media only screen and (min-width: 600px) {
    .user-and-shopping {
    font-size: 1em;
}
}.nav-lg {
    display: none;
}
@media only screen and (min-width: 780px) {
    .user-and-shopping {
    display: none;
}
.logo-link {
    position: absolute;
    left: 1%;
    top: 0;
    margin: 0;
}
.hamburger {
    display: none;
}
.user-and-shopping-lg {
    display: block;
    float: right;
    padding-left: 1em;
}
.user-and-shopping-lg li {
    display: inline-block;
}
.user-and-shopping-lg a {
    display: block;
    color: white;
    margin: 18px 2em 0 0;
    font-size: 0.8em;
}
.user-and-shopping-lg a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.nav-lg {
    display: block;
    border: 1px solid #222;
}
.nav-lg li a {
    display: block;
    color: white;
    background: #444;
    font-size: 1.0em;
    padding: 0.6em 0.25em;
    text-align: center;
    border: none;
    letter-spacing: 0.1em;
    border-right: 1px solid #AAA;
}
.first-link {
    border: none !important;
}
.nav-lg li a:hover {
    background: #EE0936;
    text-decoration: none;
}
.nav-lg li {
    display: inline-block;
    width: 12.5%;
    float: left;
}
.arrow-down {
    margin-left: 0.5em;
    width: 1em;
}
}.arrow-down {
    display: none;
}
.sub-nav {
    position: absolute;
    z-index: 5;
    top: 90px;
    left: 0;
    background: #777;
    width: 100%;
    display: none;
}
.sub-nav ul {
    margin: 0 auto;
    width: 98%;
    display: block;
}
.sub-nav li {
    display: inline-block;
    width: 33.333%;
}
.sub-nav li a {
    display: block;
    font-size: 1.0em;
    color: white;
    padding: 1em 2em;
    background: #777;
    border: none;
    margin-bottom: px;
}
.sub-nav li img {
    margin-top: 10px;
}
.sub-nav li a:hover {
    cursor: pointer;
    text-decoration: none;
    background: #BB04BF;
}
.sub-nav-all {
    display: none;
}
.sub-nav-all-title {
    font-size: 1.6em;
    font-weight: 600;
    border-left: 7px solid #FF1A8C;
    margin-left: 1%;
    padding: 0 1%;
    color: white;
    letter-spacing: 0.1em;
}
.sub-nav-rank li {
    width: 33.333%;
}
.disk-logo {
    width: 100px;
    display: block;
    margin: 0 auto;
}
.br-logo {
    margin-top: 20px;
}
.sub-nav-girl-image {
    width: 80px;
}
.sub-nav-icon {
    width: 50px;
}
@media only screen and (max-width: 628px) {
    .popular-word-container {
		display: none;
	}
	.search-container {
		height: 160px;
	}
	.header-popular-search, .go-to-category {
		display: none;
	}
}
@media only screen and (min-width: 940px) {
    .arrow-down {
		display: inline;
	}
}
@media screen and (min-width: 980px) {
    .maria-logo {
		margin-left: 2%;
	}
	.search-icon, .search-close-icon {
		right: 7%;
	}
	.user-and-shopping-lg {
		margin-right: 10%;
		font-size: 1.2em;
	}
}
.go-back-top a {
    border: 2px solid black;
    opacity: 0.7;
    position: fixed;
    right: 2%;
    bottom: 4%;
    padding: 1.15em 0.5em 0.75em 0.5em;
    border-radius: 10px;
    font-size: 0.9em;
    background: white;
}
.go-back-top a:hover, go-back-top a:active, go-back-top a:link {
    text-decoration: none !important;
    opacity: 1;
}
footer {
    background: black;
    color: white;
    padding: 12px 0 4px;
    margin-top: 20px;
}
footer li a {
    display: block;
    padding: 0.0em;
    padding: 0.5em 0;
    text-align: center;
    font-size: 1em;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: block;
}
.footer-maria {
    font-size: 1em;
    font-weight: 500;
    color: #EE0936;
    letter-spacing: 0.0.5em;
    text-align: center;
}
.twitter-and-other {
    text-align: center;
}
#mc_embed_signup {
    clear: left;
    font-size: 1em;
    width: 98%;
    margin: 20px auto 0;
}
@media only screen and (min-width: 700px) {
    footer ul {
    width: 100%;
    margin: 0 auto;
}
footer li {
    float: left;
    width: 33.333%;
    bordrer: none;
    outline: none;
}
.footer-maria {
    margin-top: 8em;
}
}@media only screen and (min-width: 1000px) {
    footer li {
    float: left;
    width: 16.666%;
    background: black;
}
.footer-maria {
    margin-top: 2em;
}
}#main-area {
    margin: 50px auto 30px;
}
#left-sidebar {
    display: none;
}
#front-banner-container {
    width: 98%;
    margin: 0 auto;
    border: 1px solid #E9E9E9;
    position: relative;
    z-index: 1;
    visibility: hidden;
}
.slick-initialized {
    visibility: visible !important;
}
.banner-link {
    display: block;
}
.banner-link:hover {
    opacity: 0.8;
}
.red-color-heading {
    font-weight: 500;
    background: rgba(238, 9, 54, 1);
    background: -moz-linear-gradient(top,  rgba(238, 9, 54, 1) 0%,  rgba(240, 110, 143, 1) 100%);
    background: -webkit-gradient(left top,  left bottom,  color-stop(0%,  rgba(238, 9, 54, 1)),  color-stop(100%,  rgba(240, 110, 143, 1)));
    background: -webkit-linear-gradient(top,  rgba(238, 9, 54, 1) 0%,  rgba(240, 110, 143, 1) 100%);
    background: -o-linear-gradient(top,  rgba(238, 9, 54, 1) 0%,  rgba(240, 110, 143, 1) 100%);
    background: -ms-linear-gradient(top,  rgba(238, 9, 54, 1) 0%,  rgba(240, 110, 143, 1) 100%);
    background: linear-gradient(to bottom,  rgba(238, 9, 54, 1) 0%,  rgba(240, 110, 143, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0936',  endColorstr='#f06e8f',  GradientType=0 );
    color: white;
    font-size: 1.2em;
    padding: 0.5em;
    letter-spacing: 0.05em;
    width: 100%;
    margin: 0 auto;
}
.arrow-heading {
    width: 1em;
}

.user-and-shopping-lg {
    display: none;
}
button:focus {
    outline: none;
}
.top-nav {
    background: black;
    position: absolute;
    width: 100%;
    display: none;
    padding-top: 50px;
    top: 0;
    z-index: 5;
}
.top-nav li {
    border-bottom: 1px solid #555;
    width: 94%;
    margin: 0 auto;
}
.top-nav li:last-child {
    border: none;
}
.top-nav li a {
    color: white;
    display: block;
    text-align: center;
    font-size: 1.2em;
    padding: 1.15em;
}
.top-nav li a:hover {
    text-decoration: none;
    background: #BB0000;
}
footer {
    background: black;
    color: white;
}
footer li a {
    color: white;
    font-size: 1.1em;
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
footer a:hover {
    cursor: pointer;
    color: white;
    opacity: 0.7;
    text-decoration: none;
}
@media only screen and (min-width: 600px) {
    .user-and-shopping {
		font-size: 1em;
	}
}
.nav-lg {
    display: none;
}
@media only screen and (min-width: 780px) {
    .user-and-shopping {
		display: none;
	}
	.logo-link {
		position: absolute;
		left: 1%;
		top: 0;
		margin: 0;
	}
	.hamburger {
		display: none;
	}
	.user-and-shopping-lg {
		display: block;
		float: right;
		padding-left: 1em;
	}
	.user-and-shopping-lg li {
		display: inline-block;
	}
	.user-and-shopping-lg a {
		display: block;
		color: white;
		margin: 18px 2em 0 0;
		font-size: 0.8em;
	}
	.user-and-shopping-lg a:hover {
		text-decoration: none;
		opacity: 0.8;
	}
	.nav-lg {
		display: block;
		border: 1px solid #222;
	}
	.nav-lg li a {
		display: block;
		color: white;
		background: #444;
		font-size: 1.0em;
		padding: 0.6em 0.25em;
		text-align: center;
		border: none;
		letter-spacing: 0.1em;
		border-right: 1px solid #AAA;
	}
	.first-link {
		border: none !important;
	}
	.nav-lg li a:hover {
		background: #EE0936;
		text-decoration: none;
	}
	.nav-lg li {
		display: inline-block;
		width: 12.5%;
		float: left;
	}
	.arrow-down {
		margin-left: 0.5em;
		width: 1em;
	}
}
.arrow-down {
    display: none;
}
.sub-nav {
    position: absolute;
    z-index: 5;
    top: 90px;
    left: 0;
    background: #777;
    width: 100%;
    display: none;
}
.sub-nav ul {
    margin: 0 auto;
    width: 98%;
    display: block;
}
.sub-nav li {
    display: inline-block;
    width: 33.333%
}
.sub-nav li a {
    display: block;
    font-size: 1.0em;
    color: white;
    padding: 1em 2em;
    background: #777;
    border: none;
    margin-bottom: px;
}
.sub-nav li img {
    margin-top: 10px;
}
.sub-nav li a:hover {
    cursor: pointer;
    text-decoration: none;
    background: #BB04BF;
}
.sub-nav-all {
    display: none;
}
.sub-nav-all-title {
    font-size: 1.6em;
    font-weight: 600;
    border-left: 7px solid #FF1A8C;
    margin-left: 1%;
    padding: 0 1%;
    color: white;
    letter-spacing: 0.1em;
}
.sub-nav-rank li {
    width: 33.333%;
}
.disk-logo {
    width: 100px;
    display: block;
    margin: 0 auto;
}
.br-logo {
    margin-top: 20px;
}
.sub-nav-girl-image {
    width: 80px;
}
.sub-nav-icon {
    width: 50px;
}
@media only screen and (max-width: 628px) {
    .popular-word-container {
		display: none;
	}
	.search-container {
		height: 160px;
	}
	.header-popular-search, .go-to-category {
		display: none;
	}
}
@media only screen and (min-width: 940px) {
    .arrow-down {
		display: inline;
	}
}
@media screen and (min-width: 980px) {
    .maria-logo {
		margin-left: 2%;
	}
	.search-icon, .search-close-icon {
		right: 7%;
	}
	.user-and-shopping-lg {
		margin-right: 10%;
		font-size: 1.2em;
	}
}
.go-back-top a {
    border: 2px solid black;
    opacity: 0.7;
    position: fixed;
    right: 2%;
    bottom: 4%;
    padding: 1.15em 0.5em 0.75em 0.5em;
    border-radius: 10px;
    font-size: 0.9em;
    background: white;
}
.go-back-top a:hover, go-back-top a:active, go-back-top a:link {
    text-decoration: none !important;
    opacity: 1;
}
footer {
    background: black;
    color: white;
    padding: 12px 0 4px;
    margin-top: 20px;
}
footer li a {
    display: block;
    padding: 0.0em;
    padding: 0.5em 0;
    text-align: center;
    font-size: 1em;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: block;
}
.footer-maria {
    font-size: 1em;
    font-weight: 500;
    color: #EE0936;
    letter-spacing: 0.0.5em;
    text-align: center;
}
.twitter-and-other {
    text-align: center;
}
#mc_embed_signup {
    clear: left;
    font-size: 1em;
    width: 98%;
    margin: 20px auto 0;
}
@media only screen and (min-width: 700px) {
    footer ul {
		width: 100%;
		margin: 0 auto;
	}
	footer li {
		float: left;
		width: 33.333%;
		bordrer: none;
		outline: none;
	}
	.footer-maria {
		margin-top: 8em;
	}
}
@media only screen and (min-width: 1000px) {
    footer li {
		float: left;
		width: 16.666%;
		background: black;
	}
	.footer-maria {
		margin-top: 2em;
	}
}
#main-area {
    margin: 50px auto 30px;
}
#left-sidebar {
    display: none;
}
#front-banner-container {
    width: 98%;
    margin: 0 auto;
    border: 1px solid #E9E9E9;
    position: relative;
    z-index: 1;
    visibility: hidden;
}
.slick-initialized {
    visibility: visible !important;
}
.banner-link {
    display: block;
}
.banner-link:hover {
    opacity: 0.8;
}
.red-color-heading {
    font-weight: 500;
    background: rgba(238, 9, 54, 1);
    background: -moz-linear-gradient(top,  rgba(238, 9, 54, 1) 0%,  rgba(240, 110, 143, 1) 100%);
    background: -webkit-gradient(left top,  left bottom,  color-stop(0%,  rgba(238, 9, 54, 1)),  color-stop(100%,  rgba(240, 110, 143, 1)));
    background: -webkit-linear-gradient(top,  rgba(238, 9, 54, 1) 0%,  rgba(240, 110, 143, 1) 100%);
    background: -o-linear-gradient(top,  rgba(238, 9, 54, 1) 0%,  rgba(240, 110, 143, 1) 100%);
    background: -ms-linear-gradient(top,  rgba(238, 9, 54, 1) 0%,  rgba(240, 110, 143, 1) 100%);
    background: linear-gradient(to bottom,  rgba(238, 9, 54, 1) 0%,  rgba(240, 110, 143, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0936',  endColorstr='#f06e8f',  GradientType=0 );
    color: white;
    font-size: 1.2em;
    padding: 0.5em;
    letter-spacing: 0.05em;
    width: 100%;
    margin: 0 auto;
}
.arrow-heading {
    width: 1em;
}

#update-info{
	margin:40px auto 10px;
	width:98%;
	overflow:hidden;
	background:white;
	border:1px solid #E9E9E9
}

.number-new-item{
	margin:0.5em auto 20px;
}

.number-heading {
	font-size:1.2em;
}

.each-new-item {
    margin: 5px 2em;
    list-style-type: square;
	font-size: 0.9em;
}

.update-list{
	height:10em;
	overflow:scroll;
	padding: 0 10px;
}

.update-link-em{
	font-weight:bold;
	color:#FF9171;
}

.update-link-date{
	color:black;
}

#new-title {
    margin-top: 60px;
    width: 98%;
    margin: 0 auto;
    background: white;
    border: 1px solid #E9E9E9;
}
.dvd-block {
    overflow: hidden;
    border-bottom: 1px solid #E9E9E9;
	position: relative;
}
.dvd-block:last-child {
    border-bottom: none;
}
.dvd-block-link {
    display: block;
    padding: 25px 10px 20px 10px;
    color: black;
}
.dvd-block-link:hover {
    text-decoration: none;
    background: #fde4e6;
}
.dvd-image-small {
	width: 100%;
    vertical-align: top;
}
.left-part {	
	position: relative;
    height: 139.85px;
    width: 210px;
    float: left;
}
.right-part {
    height: 155px;
    padding-left: 220px;
}
.dvd-title {
    font-size: 1.2em;
    margin-top: 0;
    height: 1.0em;
    overflow: hidden;
}
.tag-dvd {
    height: 1.6em;
    margin: 0.9em 0;
    overflow: hidden;
}
.tag-dvd li {
    display: inline-block;
    margin-right: 1em;
    background: #8C0343;
    opacity: 0.3;
    color: white;
    font-size: 0.9em;
    padding: 0.25em 0.5em;
    border-radius: 6px;
}
.dvd-format {
    height: 1.1em;
    overflow: hidden;
}
.dvd-format, .in-date {
    font-size: 1.0em;
    margin: 0.2em 0;
}
.price-number {
    color: #EE0936;
    font-size: 1.3em;
}
.swith-price {
	white-space: nowrap;
}
.see-more-new a {
    display: block;
    color: black;
    font-size: 1.2em;
    width: 8.7em;
    margin: 20px auto;
    padding: 0.75em;
    border: 1px solid #777;
    border-radius: 7px;
    text-align: center;
}
.see-more-new a:hover {
    text-decoration: none;
    background: #444444;
    color: white;
}
.ranking-container {
    background: white;
    border: 1px solid #E9E9E9;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
.rank-position {
    font-size: 1.2em;
    color: #F20C60;
    margin: 0 auto 10px;
    letter-spacing: 0.25em;
    padding: 0.1em 0;
}
.dvd-image-ranking {
    float: none;
    display: block;
    width: 110px;
    margin: 0 auto;
}
.ranking-title {
    display: block;
    margin: 10px auto;
    height: 2em;
    font-size: 1em;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ranking-dvd-block {
    padding: 0;
    text-align: center;
    height: auto;
    width: 98%;
    border-bottom: 1px solid #EEE;
}
.ranking-block-link {
    display: block;
    padding: 10px 2%;
}
.ranking-block-link:hover, .ranking-block-link:active {
    text-decoration: none;
    background: #fde4e6;
}
.week-ranking-title {
    font-size: 1.2em;
    text-align: center;
}
.go-to-ranking a {
    display: block;
    text-align: center;
    color: black;
    margin: 20px auto 15px;
}
.ranking-dvd-block {
    width: 48%;
    display: inline-block;
    border: none;
}
.twitter-container {
    display: none;
}
@media screen and (min-width: 700px) {
    #center-main-content {
		width: 73%;
		float: left;
		margin-right: 1%;
		padding: 0 20px;
	}
	#side-bar, #side-bar2 {
		width: 24%;
		float: left;
	}
	.twitter-container {
		margin: 40px 0 0;
		display: block;
	}
	.clearfix {
		clear: both;
	}
	.ranking-dvd-block {
		width: 98%;
		display: inline-block;
		border: none;
	}
	#main-area {
		width: 100%;
		padding: 0 1%;
	}
}
@media screen and (min-width: 980px) {
    #left-sidebar {
		width: 195px;
		margin-left: 1%;
		overflow: hidden;
		display: block;
		float: left;
	}
	#center-main-content {
		width: 60%;
		width: -webkit-calc(98% - 390px);
		width: calc(98% - 390px);
		margin: auto 0%;
	}
	#side-bar, #side-bar2 {
		width: 195px;
		margin-right: 1%
	}
}
#main-area {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
#left-sidebar {
    background: white;
    border: 1px solid #E9E9E9;
}
#left-sidebar a:hover {
    text-decoration: none;
    opacity: 0.6;
}
.second-container2 {
    width: 98%;
    padding: 0 1em;
    text-size: 0.9em;
}
.sub-cat {
    width: 98%;
    font-size: 1.2em;
    text-align: center;
    font-weight: 500;
    margin: 40px auto 0;
    border-bottom: 2px solid #777;
    padding: 0.25em;
}
.sub-cat:first-child, .sub-sub-cat:first-child {
    margin-top: 10px;
}
.studio-container ul {
    width: 98%;
    margin: 0 auto;
}
.studio-container li {
    display: inline-block;
    width: 48%;
}
.studio-container li a {
    display: block;
    text-align: center;
}
.search-word-container li {
    display:  inline-block;
    width:  46%;
    vertical-align: top;
    margin: auto 1%;
}
.search-word-container li a {
    color: black;
    margin: 0.5em auto;
    display: block;
    font-size: 1.0em;
}
.sub-sub-cat {
    margin: 30px auto 10px;
    font-size: 1.2em;
    border-left: 4px solid #EE0936;
    padding: 0 0.25em;
}
.series-container li a {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    color: black;
    vertical-align: top;
}
.series-container li {
    font-size: 0.9em;
    width: 49%;
    margin: auto 0.5% 10px;
    display: inline-block;
    height: 145px;
    float: left;
    padding: 0 1%;
}
.series-container li:last-child {
    margin-bottom: 60px;
}
.series-container li img {
    vertical-align: top;
}
.series-name {
    display: block;
    height: 2em;
}
.popular-actress, .search-word-container, series-container {
    width: 98%;
    margin: 0 auto;
    font-size: 0.9em;
}
.popular-actress a img {
    width: 100%;
}
.popular-actress li a {
    display: block;
    margin: 0.5em;
    color: black;
    vertical-align: top;
}
.popular-actress li {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    font-size: 1em;
}
.popular-actress ul {
    width: 100%;
    margin: 0 auto;
}
.actress-name {
    display: block;
    font-size: 1em;
}
.actress-list-go a {
    display: block;
    text-align: center;
    color: black;
    margin: 10px 30px;
    font-size: 1.1em;
}
.actress-list-go a:hover {
    opacity: 1;
    text-decoration: underline !important;
}
.box-formatting {
    background: white;
    border: 1px solid #E9E9E9;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
}
.box-formatting-noborder {
    border: none;
}
.update-info ul {
    list-style: circle !important;
}
.comment-limit {
    margin-bottom: 0;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.enlarge-image {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}
.active-page-nav {
    background: #888;
    color: white;
}
#dvd-info-container {
    background: white;
    margin-bottom: 40px;
}
.padding-noheading {
    clear: both;
    padding: 0 1%;
	position: relative;
}
.dvd-image-big {
    width: 98%;
    margin: 0 auto;
    display: block;
    margin: 20px auto 0;
}
.info-table {
    margin: 20px auto;
    width: 98%;
}
.info-table a, .link-to-faq {
    color: #F20C60;
    font-weight: 500;
}
.dvd-price-info {
    vertical-align: middle;
    margin-top: 10px;
    font-size: 2em;
    color: #F20C60;
    font-weight: 500;
}
.info-sub-heading {
    border-left: 5px solid #EE0936;
    padding-left: 0.5em;
    font-size: 1.3em;
    margin-left: 1%;
}
.info-title {
    margin-left: 0;
}
.check-faq {
    margin: 0 0 40px;
}
.desc-comment {
    width: 98%;
    margin: 0 auto 50px;
}
.input-area, .input-area2 {
    background: #F9F9F9;
    border: 1px solid #888;
    padding: 0.5em;
    border-radius: 4px;
    width: 98%;
    margin: 0 auto;
    display: block;
}
.input-area:focus, .input-area2:focus {
    outline: none;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(238, 9, 55, 0.83);
    -moz-box-shadow: 0px 0px 2px 1px rgba(238, 9, 55, 0.83);
    box-shadow: 0px 0px 2px 1px rgba(238, 9, 55, 0.83);
}
.email-container {
    margin-top: 10px;
}
.review-cap {
    display: block;
    margin-top: 0px;
    margin-left: 1%;
}
.text-heading {
    margin-top: 20px;
}
.r-submit-button {
    width: 6em;
    line-height: 2em;
    margin: 40px auto;
    text-align: center;
    display: block;
    border-radius: 3px;
}
.submit-button:hover {
    opacity: 0.7;
}
.sample-image-container {
    width: 98%;
    margin: 0 auto;
    text-align: center;
}
.sample-pic {
    border: 1px solid #EEE;
    margin-top: 10px;
    max-width:  45%;
}
.star-rating {
    background: #F9F9F9;
    border-radius: 3px;
    border: 1px solid #555;
    margin: 0 1%;
}
.type-in-number {
    width: 100px;
    height: 25px;
    border: 0;
    display: block;
    margin: 0 auto 10px;
}
.buy-link {
    display: inline-block;
    letter-spacing: 0.1em;
    padding: 0.75em;
    font-size: 1.1em;
    font-weight: 500;
    width: 48%;
    margin-top: 20px;
    text-align: center;
    color: white !important;
    background: #F20C60;
    border-radius: 5px;
}
.buy-link:hover {
    opacity: 0.7;
    text-decoration: none;
}
.go-back-button {
    background: #BBB;
}
.wishlist-button {
    background: #1c70f1;
}
.review-heading {
    margin-top: 80px;
}
.related-dvd-image {
    width: 130px;
    margin: 0 auto;
    display: block;
}
.relate-container {
    padding: 1%;
    background: white;
}
.relate-dvd-link {
    color: black;
    display: block;
    margin: 98%;
    margin: 0 auto;
    border-bottom: 1px solid #DDD;
    padding: 20px 0;
}
inf .relate-dvd-link:hover {
    text-decoration: none;
    background: #fde4e6;
    opacity: 0.7;
    cursor: pointer;
}
.relate-dvd-title {
    width: 98%;
    padding: 0 1%;
    margin: 10px auto 5px;
    font-size: 1em;
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tag-container2 {
    height: 1.5em;
    overflow: hidden;
    margin-top: 10px;
    width: 98%;
    margin: 0 auto;
    text-align: center;
}
.tag-container2 li {
    display: inline-block;
    margin: 0 0.25em;
    background: #8C0343;
    opacity: 0.3;
    color: white;
    font-size: 0.9em;
    padding: 0.25em 0.5em;
    border-radius: 6px;
}
.side-bar2 {
    border: 1px solid #EEE;
}
@media screen and (max-width: 700px) {
    .user-link {
		font-size: 1em;
	}
	.each-relate-dvd {
		width: 31.25%;
		margin: 0.5em 0.25em;
		display: inline-block;
		border: 1px solid #EEE;
	}
	.relate-container {
		width: 98%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 550px) {
    .each-relate-dvd {
		width: 46.5%;
		display: inline-block;
	}
	.relate-dvd-title {
		font-size: 0.9em;
	}
	.tag-container2 li {
		font-size: 0.8em;
	}
}
@media screen and (min-width: 1080px) {
    .dvd-image-big, .info-table {
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
	.dvd-image-big {
		margin-left: 1%;
		width: 48%;
	}
	.info-table {
		margin-left: 1%;
	}
	.info-title {
		margin-top: 0;
	}
}
.term-container {
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 1% 2%;
}
.term-heading {
    font-weight: 600;
    font-size: 1.5em;
}
.sample-video-cap {
    color: #AAA;
    margin-top: 10px;
    font-size: 0.9em;
}
.buy-button {
    margin-bottom: 25px;
}
#all-title-container {
    position: relative;
}
.how-many-item {
    margin: 10px auto 0;
    font-size: 0.9em;
    display: inline-block;
    padding: 0 1%;
}
.filter-title {
    font-size: 1em;
    display: inline-block;
}
.filter-container {
    display: inline-block;
    font-size: 0.9em;
}
.filter-option, .filter-number-option {
    margin-right: 1em;
    padding: 0.5em;
    border-radius: 5px;
}
.both-container {
    width: 98%;
    margin: 0 auto 20px;
}
.page-number-container {
    width: 98%;
    margin: 0 auto 10px;
}
.page-number {
    font-size: 0.8em;
    padding: 1.2em 0.65em;
    border: 1px solid #BBB;
    float: left;
    width: 7.6%;
    text-align: center;
}
.page-number:hover {
    color: #FFF;
    background: #F2BEA0;
    cursor: pointer;
}
select option {
    padding: 1em;
}
.dvd-block-container {
    clear: both;
    display: none;
}
@media screen and (max-width: 800px) {
    .page-number {
		width: 14.2%;
	}
}


.dvd-list-container {
    margin: 20px auto;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
}

.dvd-list-container2 {
    margin: 20px auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.dvd-block-4 {
	
}
.dvd-block-4 a {
    padding: 0.75em 0.75em 0;
    display: block;
    color: black;
    border: 1px solid #DDD;
    overflow: hidden;
}

.dvd-whole-container {
    width: 98%;
    margin: 20px auto;
}
.dvd-block-2 {
    overflow: hidden;
    width: 47%;
    display: inline-block;
    margin: 1% 1%;
    position:  relative;
}
.dvd-block-2 a {
    padding: 0.75em 0.75em 0;
    display: block;
    color: black;
    border: 1px solid #DDD;
    height: 350px;
    overflow: hidden;
}
.dvd-block-2 a:hover {
    text-decoration: none;
    background: #FFDECE;
}
.dvd-image-small-2 {
    display: block;
    width: 110px;
    margin: 0 auto;
    height: 139.85px;
}
.dvd-image-small-3 {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.dvd-title-2 {
    font-size: 1.0em;
    height: 2.2em;
    overflow: hidden;
}
.in-date-2 {
    margin-bottom: 0;
}
.dvd-format-2 {
    margin: 10px 0 0 0;
    height: 1.1em;
    font-size: 0.9em;
    overflow: hidden;
}
.price-title-2 {
    margin: 0;
}
.price-title-3 {
    margin: -2px 0 0 35px;
}
.price-number-2 {
    color: #F20C60;
    font-size:  2em;
    font-weight:  500;
}
.point-price-number {
    color: #0cb0f2;
    font-size: 1.1em;
    font-weight: 500;
	white-space: nowrap;
}
.info-table .point-price-number, .dvd-block .point-price-number {
	vertical-align: text-top;
}
.s-price .price-content .point-price-number,
.cart-footer .price-content .point-price-number {
    font-size: 1em;
}
.point-price-symbol {
	letter-spacing: -2px;
}

.order-total-point {
	text-align: right;
	font-size: 16px;
	margin-top: 10px;
}

@media screen and (min-width: 500px) {
    .dvd-block-2 {
		width: 45.75%;
	}
}
@media screen and (min-width: 800px) {
    .dvd-block-2 {
		width: 30.75%;
	}
}
@media screen and (min-width: 1200px) {
    .dvd-block-2 {
		width: 22.5%;
	}
}
@media screen and (max-width: 780px) {
    .dvd-block-2 a {
		height: auto;
		padding-top: 10%;
		padding-bottom: 6%;
	}
}
@media screen and (min-width: 1200px) {
    .dvd-block-2 {
		width: 22.5%;
	}
}
.r-link-container {
    background: #EEE;
}
.centering {
    width: 99%;
    padding: 0 15px;
    margin: 0 auto;
}
.link-ranking {
    display: inline-block;
    margin: 0.9em 0.9em 0.9em;
}
.link-ranking a {
    color: #A25100;
    font-size: 1.1em;
}
.ranking-number-2 {
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    margin: 0 auto 10px;
}
.dvd-block-link-3 {
    height: auto !important;
}
.ranking-sub-title {
    font-size: 2em;
    margin-bottom: 0;
}
.ranking-sub-title-2 {
    margin-top: 80px;
}
.ranking-name {
    cursor: default;
    color: #800040;
}
.ranking-name:hover {
    text-decoration: none;
    color: black;
}
.ranking-name:visited {
    color: black;
}
@media screen and (min-width: 700px) {
    #ranking-whole-content {
		width: 98%;
	}
}
@media screen and (min-width: 800px) {
    .dvd-block-3 {
		width: 22.75%;
		height: auto;
	}
	.dvd-block-link-3 {
		padding-bottom: 0.5em !important;
	}
}
@media screen and (min-width: 1000px) {
    .dvd-block-3 {
		width: 17.6%;
	}
}
#main-content a:link, #main-content a:active {
    color: black;
}
#question-whole-container {
    width: 98%;
    margin: 0 auto;
    font-size: 1.2em;
    line-height: 1.5em;
}
#main-content {
    font-size: 0.9em;
    line-height: 1.5em;
    padding-bottom: 30px;
}
#main-content li {
    list-style: disc !important;
    list-style-position: inside;
    margin: 10px auto 10px 2em;
}
.jump-container {
    width: 100%;
    margin: 10px auto 0;
}
.centering2 {
    padding: 3px 6px;
}
.quick-jump {
    display: inline-block;
    font-size: 0.9em;
    color: #934900;
    margin: 0 1em 0.5em 0;
}
.quick-jump:hover {
    border-bottom: 1px solid #E00;
}
.title-heading {
    margin: 10px auto;
}
.jump-container {
    background: #EEE;
    color: #A45200;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
}
.quick-jump {
    padding-top: 10px;
}
.quick-jump a:hover {
    text-decoration: none;
}
.answer-block {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.6em;
    padding: 0.75em 0.75em 1.5em;
    list-style-position: inside;
    box-sizing: border-box;
    display: none;
}
.sub-title {
    font-size: 1.2em;
    font-weight: 500;
    padding: 5px 0 5px 8px;
    margin: 0 auto 15px;
    border-left: 5px solid #D50C06;
}
.sub-sub-heading {
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #898989;
    box-sizing: border-box;
    padding: 0.75em;
}
.sub-sub-heading:hover {
    cursor: pointer;
}
.device-heading {
    font-weight: 600;
    margin: 30px auto 10px;
}
.choice-heading {
    font-weight: 400;
    box-sizing: border-box;
    padding: 0.5em;
    width: 8em;
    cursor: pointer;
    display: inline-block;
    width: 49% text-align:center;
}
.os-choice {
    width: 33%;
}
.ios-button {
    width: 50%;
}
.win-button, .mac-button, .adr-button-first, .mac-button-2, .adr-button-2 {
    border-bottom: 0px solid transparent;
    transition: 0.3s ease;
}
.under-bar {
    border-bottom: 1px solid red;
}
.answer-block table tr td {
    border: 1px solid #555;
    padding: 0.75em 2em;
}
.price--table {
    width: 100%;
    margin: 0 auto;
}
.answer-block table {
    margin: 0 auto 20px;
    text-align: center;
    letter-spacing: 0.1em;
}
.table-name {
    font-weight: 300;
    background: #F8E9DC;
}
.free-font {
    font-weight: 600;
    color: #BB0000;
}
.long-link {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.intruction {
    margin: 10px auto 20px;
}
.instruction-image {
    display: block;
    margin: 10px auto;
}
.answer-6-os ul li {
    margin: 20px auto;
    list-style: none;
}
.inst-block {
    border: 1px solid #DDD;
    padding: 1em;
    margin-bottom: 20px;
}
.link-purchase {
    margin: 1em auto 0;
}
.inquiry .inquiry-form {
    border: 1px solid #888;
    width: 600px;
    margin: 0 auto;
    padding-bottom: 40px;
    background-color: #FFFFFF;
}
.inquiry-form h5 {
    font-size: 1.2em;
    color: #EEEEEE;
    font-weight: bold;
    text-align: left;
    padding: 5px 10px 5px 1.6em;
    margin-bottom: 22px;
    letter-spacing: 0.1em;
    line-height: 30px;
    background-color: #500;
}
.inquiry-form label {
    display: block;
    margin-top: 50px;
    letter-spacing: 2px;
    padding-left: 2em;
}
.inquiry-form input, textarea {
    position: relative;
    display: block;
    width: 90%;
    height: 3em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #9F9F9F;
    padding: 5px;
    margin: 3px auto 2em;
    font-size: 1em;
    color: #454545;
    background-color: #EEE;
}
.inquiry-form input:focus {
    outline: none !important;
    background: #555;
    color: white;
    box-shadow: 0 0 5px #BD1724;
}
textarea:focus {
    outline: none !important;
    background: #555;
    color: white;
    box-shadow: 0 0 5px #BD1724;
}
textarea {
    height: 200px;
    font-family: Arial,  Helvetica,  sans-serif;
}
#submit {
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    padding: 0.5em;
    width: 7em;
    margin: 0 auto;
    height: 2.25em;
    color: white;
    font-size: 1.2em;
    background: #B8310A;
    border: #AAA;
    display: block;
    cursor: pointer;
}
#submit:hover {
    opacity: 0.7;
}
#main-content {
    background-color: white;
    max-width: 620px;
    margin: 30px auto;
    padding: 10px;
}
img {
    max-width: 100%
}
.banner-heading {
    color: white;
    border: 1px ridge #EEEEEE;
    width: 6.2em;
    margin-bottom: 20px;
    padding: 3px 0.5em;
    background-color: #EE1B2E;
}
#main-content p {
    line-height: 1.7em;
}
.banner-container {
    margin: 50px auto;
    border-bottom: 1px dotted #888;
    padding: 5px;
    padding-bottom: 40px;
}
.banner-container:last-child {
    border-bottom: 0;
}
#guide-whole-container {
    font-size: 1.2em;
    width: 98%;
    margin: 0 auto;
    line-height: 1.5em;
    padding: 0 1%;
    box-sizing: border-box;
}
.sub-sub-heading2 {
    font-weight: 500;
    padding: 0.25em;
    border: none;
    margin-top: 120px;
    border-left: 8px solid #EE0936;
    font-size: 1.25em;
}
.sub-sub-heading3 {
    margin-top: 20px;
}
.screenshot, .buy-help-image {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.guide-cap {
    margin: 10px auto 60px;
    font-size: 1em;
    color: #222;
}
.choice-heading2 {
    border: none;
    padding: 0;
    width: 98% !important;
    font-weight: 700;
    font-size: 1.25em;
}
.choice-cap {
    margin-bottom: 60px;
}
.question-link {
    border-bottom: 1px solid #D00;
    margin: 0 0.5em;
}
.question-link:hover {
    opacity: 0.7;
}
.buy-help-image2 {
    margin-top: 10px;
}
.question-link:hover {
    text-decoration: none;
    color: black;
}
.second-container {
    width: 98%;
    margin: 0 auto;
    font-size: 1.1em;
    font-weight: 500;
}
.first-s {
    margin: 20px auto 40px;
}
.why-title {
    color: #E00;
    font-weight: 600;
    font-size: 1.5em;
}
.explanation {
    margin-bottom: 50px;
    line-height: 1.5em;
}
.last-s {
    margin: 80px auto 0;
}
.to-inquiry-link {
    color: #CE6700;
}
.to-inquiry-link:hover {
    color: #CE6700;
}
.point-title {
    border-top: 1px solid #DDD;
    margin-top: 40px;
    padding-top: 40px;
    font-size: 1.2em;
    color: #FF671E;
    text-decoration: underline;
}
.info-sub-heading2 {
    font-size: 1.5em;
}
.margin-top-title {
    margin-top: 80px !important;
}
#price-delete {
    color: black;
    font-size: 0.7em;
}

.has-sample-tag{
	color: white;
    background: burlywood;
    text-align: center;
    line-height: 1.6em;
    font-size: 0.9em;
    border-radius: 3px;
	margin-top: 5px;
}

centering2{
	text-align:center;
}

.error-search-icon{
	width:40px;
	opacity:0.5;
}

.error-top-link{
	display:block;
	padding:1em;
	border:1px solid #AAA;
    border-radius:5px;
	box-sizing:border-box;
	width:13em;
	text-align:center;
	color:black;
	margin:40px auto;
}

.error-top-link:hover {
	text-decoration:none;
	background:#888;
	color:white;
}
	
.error-search-icon{
	position: relative;
    bottom: 2px;
}

.link-red{
	color:#D00;
}

.link-red:hover{
	opacity:0.7;
	color:#D00;
}

.error-link li{
	display:inline-block;
}

.error-link a {
	display:block;
	margin:0.5em;
}

.error-search{
	display:block;
	width:98%;
	margin:0 auto 40px;
}

.error-container {
	width:98%;
	margin:0 auto;
}

#error-search-box {
	height: 2.7em;
    padding: 0.5em;
    border-radius: 5px;
    width: calc(100% - 120px);
	display:inline-block;
}
	
#error-search-box:focus {
	outline:none;
	background:#FFE6E6;
}

.error-search-btn{
	display:inline-block;
}

.bread-container{
	width:98%;
	margin:0 auto 10px;
	clear:both;
}

.bread-container li{
	display:inline-block;
}

.bread-link{
	color:black;
	text-decoration:underline;
}

.bread-link:hover{
	color:#FF4A4A;
}

.sm-link{
	color:black;
	margin:0 0 5px;
	font-size:1.1em;
}

.sm-link:hover {
	opacity:0.7;
}

.sm-container{
	width:98%;
	margin:0 auto 40px;
}

.m-top{
	margin-top:20px;
}

.d-title{
	color:#FF6060;
}

.sup-title{
	color:#FB7D00;
	clear:both;
}

.ac-title{
	color:#B900B9;
	clear:both;
}

.sm-container ul{
	margin: 0 auto 40px 10px;
}

@media only screen and (min-width: 480px) {
    .sm-container li{
		display:inline-block;
		width:49%;
		margin:0 0 5px;
	}
}

@media only screen and (min-width: 1100px) {
    .sm-container li{
		width:32.5%;	
	}
}

/*
.arrow-container{
	display:block;
}

.both-arrow-link{
	width:30px;
	opacity:0.9;
}

.both-arrow-link:hover{
	opacity:0.7;
}

.left-arrow-link{
	float:left;
}

.right-arrow-link{
	float:right;
}
*/

/* sample_history */
#sample_history table {
	width: 100%;
	border-top: solid 1px #E0E0E0;
	border-left: solid 1px #E0E0E0;
	border-radius:5px;
}

#sample_history table td{
	width: 31%;
	padding: 20px;
	border-bottom: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
	border-radius:5px;
	margin:0 1%;
}

.dvd-sample {
    margin:30px 10px 30px 10px;
}

.sample-alert{
	padding:10px;
}

.dvd-sample h3, .dvd-sample h3{
	border: 1px solid #FBB;
    font-size: 1.0em;
    background: #FFF4F4;
    padding: 10px 1em;
	border-radius:5px;
}

.sample-label {
	padding:0.25em;
	border-radius:5px;
	font-weight:500;
}

#make_sample{
	padding:0.5em 1em;
	border-radius:5px;
	text-align:center;
	margin:20px auto 50px;
	display:block;	
}

#make_sample:hover{
	opacity:0.7;
}

.dvd-sample #loading{
	display: none;
	margin-top: 10px;
	border: 1px solid #FBB;
    background: #FFF4F4;
    padding: 20px 1em;
    color: #404040;
	border-radius:5px;
}

.good-link{
	display:inline-block;
}

.price-number-2{
	color: #FA0D92;
    font-size: 2em;
    font-weight: 500;
	vertical-align: middle;
	
}

.dvd-price-color{
	color:blueviolet;
	font-size: 2em;
	font-weight: 500;
	vertical-align: middle;
}

.info-table a {
	color:#F20C60;
}

.pitch-line{
	color: white;
	background:#fb5959;
    padding: 0.25em 0.5em;
    border-radius: 6px;
	display:inline-block;
}

.sale-strong{
	font-weight:500;
	color:FF0000;
}

.banners-container {
	margin:0 auto 30px;
	padding-right: 10px;
    padding-left: 10px;
}

.point-banner-link:hover {
	opacity:0.7;	
}
    

.dvd-sample {
	background: none repeat scroll 0 0 #FFFFE5;
    border: 1px solid #FFCC7F;
    clear: both;
    margin-bottom: 20px;
    padding: 10px;
}
.dvd-sample .sample-alert{
	display: block;
	margin: 0 10px;
	border: 1px solid #EE0936;
    background-color: #FFEEE5;
    padding: 10px;
    color: #404040;
}
.dvd-sample h5, .dvd-sample h6{
	padding:10px 0;
    color: #FF009A;
    font-size: 14px;
}
.dvd-sample h6{
	font-size: 12px;
}

.dvd-sample .make-sample-button{
    width: 100%;
	display: block;
	margin: 10px 0;
	text-align: center;
}

.dvd-sample #loading, .dvd-sample #loading_mark_sample{
	display: none;
	margin-top: 10px;
	border: 1px solid #EE0936;
    background-color: #FFEEE5;
    padding: 5px 10px;
    color: #404040;
}


.notify-badge{
    position: absolute;
    background: red;
    top:10px;
	right: 10px;
    text-align: center;
    height: 2em;
    line-height: 2em;
    border-radius: 5px;
    color:white;
	padding: 0 10px;
	z-index: 1;
}

.comment_t {
	padding: 10px;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
	margin-top: 15px;
}

.comment_t_title {
	margin-bottom: 5px;
	padding-left: 20px;
	background: url("../image/icon_msg_info.gif") no-repeat scroll 0 -0 transparent;
	
}


/* howto page */
.howto .col {
	float: left;
	position: relative;
	width: 50%;
}
.guide-mod {
	padding: 6px 0;
	line-height: 26px;
	overflow: hidden;
}
.guide-mod h3 {
	font-weight: 700;
}
ul.guide-list {
	list-style: disc inside none;
}
.guide-list span {
	margin: 0 10px;
}
.faq_wrap, .faq_wrap_last{
	margin-top: 20px;
	padding-bottom: 10px;
}
.faq_wrap {
	
}
.faq_midashi {
	font-weight: bold;
	line-height: 26px;
	border-bottom: 2px solid #ee0936;
	border-left: 5px solid #ee0936;
    padding-left: 10px;
	color: #ee0936;
}
.faq_wrap dl {
	margin: 10px 10px;
}
.faq_wrap dl p{
	margin: 10px 0;
}
dt.question {
	border-bottom: dotted 1px #D3DBE0;
	margin: 0 10px;
	padding: 5px;
	font-size: 12px;
	clear: both;
}
dt.question span {
	color: #004D99;
	font-weight: bold;
	margin-right: 10px;
}
dd.answer {
	margin: 10px 10px;
	padding: 5px;
	font-size: 12px;
	line-height: 1.7;
	overflow: hidden;
	position: relative;
}
dd.answer span {
	color: #F00;
	font-weight: bold;
	margin-right: 10px;
	float: left;
}
dd.answer ul {
	list-style-type: disc;
	padding-left: 25px;
}
dd.answer ul li{
	line-height: 2em;
}
div.anser_left {
	position: absolute;
	left: 10px;
    top: 5px;
}
div.anser_right {
	padding-left: 35px;
}
div.anser_right img{
	display: block;
    margin: 10px auto;
}
div.anser_right p{
	padding: 0 10px;
}
.type-container {
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px;
}
.type-container li a {
	width: 260px;
	height: 120px;
	display: block;
	font-size: 12px;
	padding: 20px 120px 5px 10px;
}
.type-container li a h6{
	font-size: 22px;
}
.type-container li a p{
	margin-top: 5px;

}
.type-container li a:hover {
	text-decoration: none;
}
.type-container li.type-wp {
	float: left;
}
.type-container li.type-classic {
	float: right;
}

.type-container li.type-wp a{
	color: #dddddd;
	background: url(img/type-wp.jpg) no-repeat 95% center #464646;
}
.type-container li.type-classic a{
	color: #333333;
	background: url(img/type-classic.jpg) no-repeat 95% center #ffffff;
	border: 1px #999999 solid;
}

a.download-button {
	background: none repeat scroll 0 0 #e6fdb9;
	border: 1px solid #7ab900;
	border-radius: 2px;
	color: #333;
	font-size: 12px;
	font-weight: 12px;
	padding: 3px 20px;
	line-height: 30px;
}
a.download-button:hover {
	text-decoration: none;
}


.dvd_rating {
	display: inline-block;
	height: 18px;
    vertical-align: middle;
}

.do-rate, .rated {
	display: inline-block;
	height: 18px;
	line-height: 18px;
}
.do-rate > input, .rated > input {
    position:absolute;
    top:-9999px;
}
.do-rate > label, .rated > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:16px;
    color:#ccc;
}
.do-rate > label:before, .rated > label:before {
    content: '★ ';
}

.do-rate > label.checked,
.do-rate > input.checked + label {
    color: #ffc700;
}

.do-rate > label:hover,
.do-rate > label:hover ~ label {
    color: red !important;
}


.rated > label {
	cursor: default;
}
.rated > label.checked,
.rated > input.checked + label {
    color: #ffc700;
}



.dvd_comment .comment-entry {
	margin-bottom: 10px;
	padding: 0 10px 10px 10px;
	line-height: 2em;
	border-bottom: 1px solid #E9E9E9;
}

.dvd_comment .comment-entry .comment-content {
	padding: 0 10px;
}

.dvd_comment .comment-new {
	margin: 10px 0;
	padding: 0 10px;
	line-height: 30px;
}

.dvd_comment .comment-new .comment-new-entry {
	width: 100%;
	display: block;
	margin: 10px 0;
}

.dvd_comment .comment-new .comment-new-entry span {
	display: inline-block;
	width: 120px;
	margin-right: 5px;
	text-align: right;
	vertical-align: top;
}

.dvd_comment .comment-new .comment-new-button {
	width: 100%;
	display: block;
	margin: 10px 0;
	text-align: center;
}

.dvd_comment .comment-new .comment-new-captcha {
	width: 100%;
	display: block;
	margin: 10px 0;
	text-align: center;
}

.dvd_comment .comment-new .comment-new-captcha img {
	vertical-align: middle;
}

.dvd_comment .comment-new .comment-new-entry .comment-new-input {
	display: inline-block;
	width: 400px;
	text-align: center;
}

.dvd_comment .comment-new .comment-new-entry .comment-new-select {
	display: inline-block;
	width: 400px;
	text-align: left;
}

.dvd_comment .comment-new .comment-new-entry input,
.dvd_comment .comment-new .comment-new-entry textarea {
	width: 100%;
}

.dvd_comment .comment-new .comment-new-entry textarea {
	height: 100px;
}


.cart_link i {
	font-size: 32px;
}
.cart_box {
	position: absolute;
	right: 2%;
	top: 10px;
}
.cart_link {
    padding: 0;
    height: 30px;
    width: 30px;
    display: block;
    background: url("../image/cart-icon.png") center center no-repeat;
    background-size: contain;
}
#total_number {
	position: absolute;
    right: -12px;
    background: #EE0936;
        padding: 0 7px;
    border-radius: 100%;
    top: -7px;
    color: #fff;
    font-size: 14px;
}


/* For the shopping cart */
.cart {
	padding-bottom: 50px;
}
.cart-box-detail * {
	 box-sizing: border-box;
}
.cart-box-detail {
	opacity: 0;
	left: auto;
    right: 0;
	position: absolute;
    top: calc(100%);
    background: white;
    -webkit-box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    padding: 20px;
    width: 350px;
	
	-webkiit-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: 0.5s;
    transition: 0.5s;
	text-align: left;
	max-height: 600px;
	overflow: auto;
}
.cart_box:hover .cart-box-detail {
	opacity: 1;
    visibility: visible;
    -webkiit-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.single-cart-box {
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
	border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.cart-img {
    float: left;
    padding-right: 10px;
    position: relative;
    width: 35%;
}

.cart-img img {
    max-width: 100%;
}

.cart-content {
    float: left;
    padding: 0 15px 15px 0;
    width: 65%;
}

.cart-content h6 a {
    color: #666;
    display: block;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.s-wishlist img, .s-del img {
	max-width: 25px;
}

.cart-content span {
    display: block;
    color: #777;
    font-size: 14px;
    line-height: 20px;
}

.cart-price {
    margin: 5px 0;
} 

.cart-actions {	
	text-align: center;
}
.cart-actions a {
    background: #2c2c2c none repeat scroll 0 0;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
}

.cart-checkout {
    background: #f26667 none repeat scroll 0 0;
    color: #fff;
}

.cart-cart {
    margin-right: 10px;
}

.cart-checkout:hover, .cart-cart:hover {
    background-color: #EE0936;
    border-color: transparent;
    color: #fff;
}

.del-icone {
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 45;
}

.del-icone:hover,
.cart-content h6 a:hover {
    color: #EE0936;
}

.total-price {
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-top: 2px;
}

.pro-quantity {
    background: #EE0936 none repeat scroll 0 0;
    border-radius: 100%;
    color: white;
    font-size: 16px;
    left: 5px;
    line-height: 23px;
    min-width: 25px;
    padding: 2px 0 0;
    position: absolute;
    text-align: center;
    top: 3px;
}

.price-content {
	overflow: hidden;
	margin-bottom: 10px;
}
.price-content li {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}
.price-content li span {
    color: #EE0936;
    float: right;
	font-size: 18px;
    font-weight: 700;
}

.cart-alert {
	font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
	color: #EE0936;
}

.cart-button-list a {
	margin-right: 30px;
}


/* Cart page */
.cart-wrap {
	padding: 10px;
	margin-bottom: 20px;
}

.empty {
	background: url("cart_empty.png") no-repeat scroll 020px 0 transparent;
	padding: 50px 0 50px 150px;
    position: relative;
}
.empty h2 {
    font: bold 14px/20px arial;
}
.empty ul {
    line-height: 20px;
    margin-top: 12px;
}

.cart, .cart_confirm {
    margin-top: 10px;
}
.status-wrapper {
	height: 25px;
	line-height: 25px;
	margin-bottom: 25px;
}
.status-wrapper .status-bar {
    float: left;
	color: #EE0936;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1;
	margin: 10px 0;
}
.status-wrapper .status-bar .num {
    color: #808080;
    margin: 0 2px;
}

.status-wrapper .total-fee {
    float: right;
    text-align: right;
}
.status-wrapper .total-fee .btn-checkout {
	background: url("img/cart_checkout_small_bg.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 85px;
	margin-left: 5px;
}
.status-wrapper .total-fee .btn-checkout a, .cart-bar .btn-checkout-big a, .links .checkout a{
    color: #FFFFFF;
	display: block
}
.status-wrapper .total-fee .btn-checkout a:hover, .cart-bar .btn-checkout-big a:hover, .links .checkout a:hover{
    text-decoration:none
}

.status-wrapper .total-fee .btn-disabled {
	background: url("img/cart_disabled_small_bg.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: default;
    float: right;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 85px;
	margin-left: 5px;
}
.status-wrapper .total-fee .btn-disabled a, .cart-bar .btn-disabled-big a, .links .disabled a{
    color: #FFFFFF;
}
.status-wrapper .total-fee .btn-disabled a:hover, .cart-bar .btn-disabled-big a:hover, .links .disabled a:hover{
    text-decoration:none
}


.status-wrapper .total-fee .btn-shop {
	background: url("img/cart_btn_small.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 125px;
	margin-left: 5px;
}
.status-wrapper .total-fee .btn-shop a{
    color: #FFFFFF;
	padding-left: 8px;
}
.status-wrapper .total-fee .btn-shop a:hover{
    text-decoration:none
}



.status-wrapper .total-fee-info {
    float: right;
    margin-right: 10px;
}

.status-wrapper .total-fee-info span {
	font-size: 15px;
    margin-right: 3px;
}
.currency {
    color: #999999;
	margin-right:2px;
	font-size:85%;
	vertical-align: top;
}
.price {
    color: #EE0936;
    font-weight: bold;
	font-size: 16px;
}
.price span {
    color: #999999;
    margin-right: 3px;
}

/*cart table */
.order-table, .confirm-table{
    margin-bottom: 20px;
    width: 100%;
}
.order-table thead tr {
	border: 1px solid #D2D2D2;
    height: 40px;
    text-align: center;
}
.order-table thead th {
    color: #404040;
    text-align: center;
	border: 1px solid #D2D2D2;
    vertical-align: middle;
}
.order-table thead th.s-chk input {
    margin: 0 3px -2px 0;
}

.order-table tbody tr {
    background: none repeat scroll 0 0 #FAFCFF;
}
.order-table tbody tr.selected {
    background: none repeat scroll 0 0 #E2F2FF;
}
.order-table tbody td{
    padding: 5px;
    text-align: center;
	vertical-align: middle;
	border: 1px solid #D2D2D2;
}
.order-table tbody td.s-chk {
    border-left: 0 none;
}
.order-table tbody td.s-title, .confirm-table tbody td.s-title {
    padding:6px;
	vertical-align: top;
	position: relative;
	height: 120px;
}
.order-table tbody td.s-title .itempic, .confirm-table tbody td.s-title .itempic {
    width: 100px;
	position: absolute;
	left: 0;
	top: 3px;
}
.order-table tbody td.s-title .itempic  img, .confirm-table tbody td.s-title .itempic  img{
    border: 1px solid #E9E9E9;
    width: 90px;
	height: 114px;
}
.order-table tbody td.s-title .itempic  span, .confirm-table tbody td.s-title .itempic  span{
	margin-left:8px;
    float: left;
	border-bottom: 1px dashed #B6B6B6;
	text-decoration: none;
	cursor: hand;
	color: #808080;
}
.order-table tbody td.s-title .item-title, .confirm-table tbody td.s-title .item-title {
	margin-left: 105px;
	margin-right: 10px;
	text-align: left;
}
.order-table .s-price {width: 150px;}
.order-table .s-quantity {width: 120px;}
.order-table .s-amount {width: 80px;}
.order-table .s-del {width: 50px;}

.order-table td.s-amount {color: #EE0936; font-weight: 700; font-size: 1.2em}

.cart-bar {
	margin-bottom:20px;
    background-color: #F3F3F3;
    border: 1px solid #CCCCCC;
    text-align: right;
	font-size: 16px;
	line-height: 2em;
}
.cart-bar .btn-checkout-big {
    background: url(img/cart_checkout_big_bg.gif) no-repeat 0 0 transparent;
	font-size: 16px;
	float: right;
	font-size: 14px;
	font-weight: 700;
	height: 35px;
	width: 125px;
	color: #fff;
	text-align:center;
}
.cart-bar .btn-disabled-big {
    background: url(img/cart_disabled_big_bg.gif) no-repeat 0 0 transparent;
	font-size: 16px;
	float: right;
	font-size: 14px;
	font-weight: 700;
	height: 35px;
	width: 125px;
	color: #fff;
	text-align:center;
	cursor: default;
}
.cart-bar .total-price {
    font-size:24px;
    margin-right: 10px;
}

.shop-total {
    background-color: #F2F7FF;
    text-align: right;
}
.shop-total td {
    line-height: 40px;
    padding: 5px 0;
    text-align: right;
	border-top: 1px dashed #80b2ff;
	border-bottom: 1px dashed #80b2ff;
}
.shop-total  ul{
	border-left: 2px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.shop-total ul li{
    border-top: 1px solid #FFFFFF;
}
.shop-total ul li .shop-wrap{
    float: right;
}
.shop-total ul li label{
    font-weight: 700;
	margin-right: 10px;
	text-align: right;
	display: inline-block;
}
.shop-total ul li .shop-price{
	display: inline-block;
	text-align: left;
}
.shop-total .fee_explain{
	float: right;
	background-color: #FFEBCC;
    border: 1px solid #FCA700;
    box-shadow: none;
	padding: 3px;
    position: relative;
	z-index: 100;
}
.shop-total .fee_explain_inner{
	padding: 0 5px;
	background: none repeat scroll 0 0 #FFFFFF;
    font-size: 12px;
    position: static;
	line-height: 25px;
	text-align: left;
}
.coupon-table {
    text-align: right;
}
.coupon-table td {
	border-top: 1px dashed #80b2ff;
	border-bottom: 1px dashed #80b2ff;
}
.coupon-table .coupon-wrap {
    padding: 10px 0;
	text-align: right;
}
.coupon-table .coupon-wrap .coupon-form-group {
    clear: both;
	padding-top: 20px;
}
.coupon-form-group input {
	padding: 5px 10px;
    line-height: 20px;
}

.coupon-explain{
	float: right;
	background-color: #FFEBCC;
    border: 1px solid #FCA700;
    box-shadow: none;
	padding: 3px;
    position: relative;
	z-index: 100;
}
.coupon-explain-inner{
	padding: 0 5px;
	background: none repeat scroll 0 0 #FFFFFF;
    font-size: 12px;
    position: static;
	line-height: 25px;
	text-align: left;
}
a.clear-coupon {
	background-color: #ff0000;
	color: #f0f0f0;
	padding: 3px 6px;
	border-radius: 100%;
	text-decoration: none;
}

.cart_confirm .shop-total ul li label{
	margin-left: 50px;;
}

.order-table .shop-total .price {
    margin-right: 5px;
}
.g_price {
    font-family: arial;
}
.g_price span {
    color: #999999;
    margin-right: 3px;
}
.g_price strong {
    color: #FF4400;
    font-family: verdana,arial;
    font-weight: 700;
}
.g_price strong b {
    font-weight: 700;
    margin-left: 3px;
}
.g_price-highlight span {
    color: #FF4400;
}
.g_price-reversed span, .g_price-reversed strong {
    color: #FFFFFF;
}
.g_price-original strong {
    color: #999999;
    font-weight: 400;
    text-decoration: line-through;
}
.g_price-big span, .g_price-big strong b {
    font-size: 30px;
}
.price .style-middle-bold-red {
    color: #EE0936;
    font: 700 18px tahoma;
}
.price .style-normal-bold-grey {
    color: #808080;
    font: 700 12px tahoma;
}


.text-quantity {
    width: 39px;
    height: 26px;
    line-height: 25px;
    border: 1px solid #aaa;
    color: #343434;
    text-align: center;
    background-color: #fff;
    background-position: -75px -375px;
    z-index: 2;
}
.item-quantity a {
    display: inline-block;
    height: 25px;
    width: 25px;
    border: 1px solid #e5e5e5;
    background: #f0f0f0;
    text-align: center;
    line-height: 25px;
    color: #444;
	text-decoration: none;
}
.item-quantity .minus, .item-quantity .no-minus {
    border-right-color: transparent;
    left: 0;
}
.item-quantity .no-minus {
	border-right: none;
}
.item-quantity .plus, .item-quantity .no-plus {
    border-left-color: transparent;
    right: 0;
}
.item-quantity .minus:hover, .item-quantity .plus:hover {
    color: #f50;
    z-index: 3;
    border-color: #f60;
}
.item-quantity a:hover {
    text-decoration: none;
}
.item-quantity .no-plus, .item-quantity .no-minus {
    color: #e5e5e5;
}
.item-quantity .no-minus:hover {
    cursor: default;
    border-color: #e5e5e5;
    border-right-color: #aaa;
    color: #e5e5e5;
}
.quantity-msg em {
    display: block;
    width: 55px;
    border: 1px solid #ffe1d3;
    border-top: 0;
    color: #EE0936;
    text-align: center;
    padding: 5px 10px;
    background: #fff0e7;
}

.order-total th,
.order-total .amount {
    font-size: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 600;
}
.order-total th {
    font-weight: 700;
}
.order-total, .order-total th , .order-total td {
	border: none;
}
.order-total .amount {
	margin-left: 10px;
}
.order-total .amount .price {
	font-size: 1.2em;
}

.wc-proceed-to-checkout a, .wc-proceed-to-checkout button {
    background: #EE0936;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 2.5em;
    line-height: 2.5em;
    margin-top: 20px;
    padding: 0 50px;
    text-transform: none;
}
.wc-proceed-to-checkout a:hover, .wc-proceed-to-checkout button:hover{
    text-decoration: underline;
    color: #fff;
}
.wc-proceed-to-checkout {
    clear: both;
    display: block;
	text-align: right;
}

.ui-tooltip {
	white-space: pre-line;
}

.button-disabled {
    color: #a7aaad!important;
    background: #f6f7f7!important;
    border-color: #dcdcde!important;
    box-shadow: none!important;
    text-shadow: none!important;
    cursor: default;
}


.dvd-block-2 a.list-cart-button {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(../image/shopping-icon.png) center center no-repeat;
    background-size: contain;
    padding: 0;
    border: none;
	position: absolute;
    right: 10px;
    bottom: 10px;
}
.dvd-block-2 a.list-cart-button:hover {
	background-image: url(../image/shopping-icon-red.png);
}

.dvd-block-2 a.list-member-button {
	background-image: url(../image/member-icon.png);
}
.dvd-block-2 a.list-member-button:hover {
	background-image: url(../image/member-icon-red.png);
}

.dvd-block-2 a.list-upgrade-button {
	background-image: url(../image/upgrade-icon.png);
}
.dvd-block-2 a.list-upgrade-button:hover {
	background-image: url(../image/upgrade-icon-red.png);
}


.cart-button img {
	max-width: 20px;
}

.cart-other-fee {
	font-size: 11px;
    padding-bottom: 15px;
}


.dvd_unavailable {
	font-size: 1.2em;
	font-weight: 700;
	background-color: #ffeeee;
	border: 1px solid #ff0000;
	padding: 10px 20px;
	min-height: 40px;
}



.dvd-image {
	position: relative;
}
.dvd-image-sample-label {width: 100%;
	border: solid 0px #f4f4f4;
	margin: 0px;
	padding: 1px 0 3px 4px;
    font-size: 14px; font-weight: 400;
	letter-spacing: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    -o-transition: -o-transform .6s;
    transition: transform .6s;
    -webkit-transform: translateX(0) rotate(0) scaleX(1.0);
    -moz-transform: translateX(0) rotate(0) scaleX(1.0);
    -ms-transform: translateX(0) rotate(0) scaleX(1.0);
    -o-transform: translateX(0) rotate(0) scaleX(1.0);
    transform: translateX(0) rotate(0) scaleX(1.0);
    text-align: left;
    color: #ffffff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	background: linear-gradient(45deg, rgba(238, 9, 54, 1), rgba(238, 9, 54, 0.7),rgba(52, 194, 194, 0));
	
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	z-index: 9;
	/*background-image: url("bg-round-2.png"); background-repeat: no-repeat; background-size: auto; background-position: right top; background-attachment: scroll;*/
}

.dvd-image:hover .dvd-image-sample-label {
	-webkit-transform: translateX(-50%) rotate(0deg) scaleX(0);
	-moz-transform: translateX(-50%) rotate(0deg) scaleX(0);
	-ms-transform: translateX(-50%) rotate(0deg) scaleX(0);
	-o-transform: translateX(-50%) rotate(0deg) scaleX(0);
	transform: translateX(-50%) rotate(0deg) scaleX(0);
	
	animation: fadeinout 4.0s ease backwards;
}


.dvd-image-pkg-image {
	width: 100%;
	max-width: 300px;
	filter: brightness(104%) hue-rotate(7deg) contrast(104%);
	-webkit-filter: brightness(104%) hue-rotate(7deg) contrast(104%);
	-moz-filter: brightness(104%) hue-rotate(7deg) contrast(104%);
}


.dvd-image-sample {
	position: absolute;
	top: 0;
    width: 100%;
    height: 100%;
	visibility: hidden;
	overflow: hidden;
	z-index: 1;
}

.dvd-image-sample-top {
    position: absolute;
    top: 0;
    background-color: #c10303;
    height: 2px;
    z-index: 99;
    width: 0%;
	visibility: hidden;
}

.dvd-image-sample video {
	filter: brightness(125%);
    height: calc(100% + 80px);
    margin-top: -40px;
    margin-left: -30px;
}
.dvd-image-sample video.dvd {
    height: calc(100% + 20px);
    margin-top: -20px;
    margin-left: -50px;
}

#processing-modal .dvd-sample {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}


@media (max-width: 1000px) {
	.bought-table .order-bd .wishlist-button table {
		min-width: 100px;
		height: 35px;
		margin-bottom: 10px;
	}
}
	
@media (max-width: 767px) {
	.left-part {
		height: auto;
		width: 100%;
		float: none;
	}
	.right-part {
		height: auto;
		width: 100%;
		padding-left: 0;
        margin-top: 20px;
	}

	.header-middle .top-link {
		float: none;
		margin-top: 10px;
		text-align: center;
	}
	
	.mypage ul li {
		display: block;
		width: 100%;
	}
	
	table.login-outside .login-left, table.login-outside .login-right {
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	table.login-outside .login-left {
		border-right: none;
		border-bottom: 1px solid #b1cae8;
	}
	
	table.login-outside ul li {
		border-bottom: none;
	}
	
	table.login-outside ul .agree p {
		width: auto;
	}
	
	table.login-outside ul li label, table.login-outside .label-like {
		float: none;
		text-align: left;
		display: block;
		width: 100%;
		padding-left: 10px;
	}
	
	table.login-outside .spark-indeed {
		background-position: left;
	}
	
	table.login-outside ul li p {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.order-nav-bar {
		font-size: 14px;
	}
	.order-nav-bar .order-nav-wapper {
		padding: 0 10px 10px 10px;
	}
	
	.order-table .s-price,  .confirm-table th.s-price  {
		width:  50px;
	}
	.order-table .s-quantity  {
		width:  100px;
	}
	.confirm-table th.s-quantity  {
		width:  30px;
	}
	.order-table .s-amount,  .confirm-table th.s-amount  {
		width:  60px;
	}
	.order-table .s-del  {
		width:  40px;
	}
	.confirm-table tfoot td .confirm-wrap .confirm  {
		width:  100%;
	}
	
	.text-quantity {
	    width: 30px;
	}
	.order-table tbody td.s-title .item-title, .confirm-table tbody td.s-title .item-title {
		float: none;
		margin-top:10px;
		margin-left:0px;
		text-align: left;
		width: 100%;
	}
	.order-table tbody td.s-title .itempic, .confirm-table tbody td.s-title .itempic {
		position: relative;
		width: 100%;
		text-align: center;
	}
	
	.stepbar .tb-stepbar li.step-5 {
		width: 100%;
		background: #e4e4e4 url(img/stepbar-arrow-mobile.png) no-repeat 100% -28px;
		margin-bottom: 10px;
		text-align: left;
		padding-left: 10px;
		list-style-type: decimal;
		list-style-position: inside;
	}
	.stepbar .tb-stepbar li.stepbar-current {
		background-color: #F60;
		background-position: 100% 0;
	}
	.stepbar .tb-stepbar li span {
		display: inline-block;
	}
	
	.address .manage-address {
		float: none;
		display: block;
		text-align: right;
		margin-top: 10px;
	}
	
	.form-msg {
		margin-top: 10px;
		margin-left: 0;
	}
	
	.form-box .i-text, .form-box select {
		width: 100%;
	}
	
	.address .address-list li {
		padding: 6px 0 10px 20px;
	}
	.address li input {
		left: 5px;
	}
	.address .address-list li.selected {
		line-height: 1.5em;
	}
	.address-list .selected .address-info {
		padding-right: 10px;
	}
	.address .marker-tip {
		position: relative;
		padding-bottom: 10px;
	}
	.address-list .tip {
		margin-top: 5px;
		margin-left: 0;
	}
	.payment-wrap ul li {
		height: auto;
	}
	.pay-amount {
		height: auto;
		padding: 0;
	}
	.pay-amount a {
		display: block;
	}
	.payment-label, .payment-label-disable {
		padding-left: 30px;
	}
	.payment-wrap ul li {
		line-height: 30px;
		border: 4px solid #fff;
		padding: 0;
		margin-bottom: 5px;
	}
	.payment-wrap ul li.focus .payment-input, .payment-wrap ul li:hover .payment-input, .payment-wrap .payment-input {
		left: 10px;
		top: 10px;
	}
	.form-box .item {
	    padding-left: 80px;
	}
	
	.order-msg .status, .order-msg-ng .status {
		padding-left: 0;
		background: none;
	}
	.reorder-bar {
		padding-left: 0px;
		text-align: center;
		height: auto;
	}
	.reorder-bar .btn-checkout-big {
		float: none;
		display: inline-block;
		width: 45%;
		margin-bottom: 10px;
	}
	
	.bought-table .baobei .pic, .bought-table .baobei .desc {
		display: block;
		float: none;
		max-width: 100%;
		text-align: center;
	}
	.bought-table .baobei .pic {
		border: none;
		margin-bottom: 10px;
	}
	.bought-table .baobei .spec {
	    max-height: 100%;
		text-align: left;
	}
	.bought-table .order-bd .baobei, .bought-table .order-bd .other , .bought-table .order-bd .wishlist-button {
		float: none;
		display: block;
	}
	.bought-table .order-bd table.address_table {
		min-width: 100%;
	}
	.bought-table .order-bd .other table {
		min-width: 100%;
		height: auto;
		width: 100%;
		text-align: left;
	}
	
	
	.bought-table thead, .bought-table .price-td, .bought-table .rating-td {
		display: none;
	}
	
	
	.faq_wrap dl {
		margin: 10px 0;
	}
	dt.question, dd.answer {
	    margin: 0;
	}
	div.anser_left {
		left: 5px;
	}
	div.anser_right {
		padding-left: 25px;
	}
}