@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.loadingpage-box {
		display: block;
		width: 450px;
		height: auto;
		padding: 20px;
		position: fixed;
	}
	.bouncing-ball {
		width:60px;
		height:60px;
		display:inline-block;
		animation: parabola 1s infinite alternate;
		-webkit-animation: parabola 1s infinite alternate;
	}
	@keyframes parabola {
		0% {
			transform: translate(-30px, 0px);
	  	}
	  	10% {
			transform: translate(-24px, -32.4px);
	  	}
	  	20% {
			transform: translate(-18px, -57.6px);
	  	}
	  	30% {
			transform: translate(-12px, -75.6px);
	  	}
	  	40% {
			transform: translate(-6px, -86.4px);
	  	}
	  	50% {
			transform: translate(0px, -90px);
	  	}
	  	60% {
			transform: translate(6px, -86.4px);
	  	}
	  	70% {
			transform: translate(12px, -75.6px);
	  	}
	  	80% {
			transform: translate(18px, -57.6px);
	  	}
	  	90% {
			transform: translate(24px, -32.4px);
	  	}
	  	100% {
			transform: translate(30px, 0px);
	  	}
	}
	@-webkit-keyframes parabola {
		0% {
			-webkit-transform: translate(-30px, 0px);
	  	}
	  	10% {
			-webkit-transform: translate(-24px, -32.4px);
	  	}
	  	20% {
			-webkit-transform: translate(-18px, -57.6px);
	  	}
	  	30% {
			-webkit-transform: translate(-12px, -75.6px);
	  	}
	  	40% {
			-webkit-transform: translate(-6px, -86.4px);
	  	}
	  	50% {
			-webkit-transform: translate(0px, -90px);
	  	}
	  	60% {
			-webkit-transform: translate(6px, -86.4px);
	  	}
	  	70% {
			-webkit-transform: translate(12px, -75.6px);
	  	}
	  	80% {
			-webkit-transform: translate(18px, -57.6px);
	  	}
	  	90% {
			-webkit-transform: translate(24px, -32.4px);
	  	}
	  	100% {
			-webkit-transform: translate(30px, 0px);
	  	}
	}
	@-moz-keyframes parabola {
		0% {
			-moz-transform: translate(-30px, 0px);
	  	}
	  	10% {
			-moz-transform: translate(-24px, -32.4px);
	  	}
	  	20% {
			-moz-transform: translate(-18px, -57.6px);
	  	}
	  	30% {
			-moz-transform: translate(-12px, -75.6px);
	  	}
	  	40% {
			-moz-transform: translate(-6px, -86.4px);
	  	}
	  	50% {
			-moz-transform: translate(0px, -90px);
	  	}
	  	60% {
			-moz-transform: translate(6px, -86.4px);
	  	}
	  	70% {
			-moz-transform: translate(12px, -75.6px);
	  	}
	  	80% {
			-moz-transform: translate(18px, -57.6px);
	  	}
	  	90% {
			-moz-transform: translate(24px, -32.4px);
	  	}
	  	100% {
			transform: translate(30px, 0px);
	  	}
	}
	.box-2 {
		width: 2%;
		height: auto;
		display: block;
		float:left;
	}
	.box-3 {
		width: 2%;
		height: auto;
		display: block;
		float:left;
	}
	.box-5 {
		width: 5%;
		height: auto;
		display: block;
		float:left;
	}
	.box-8 {
		width: 8%;
		height: auto;
		display: block;
		float:left;
	}
	.box-10 {
		width: 10%;
		height: auto;
		display: block;
		float:left;
	}
	.box-12 {
		width: 12%;
		height: auto;
		display: block;
		float:left;
	}
	.box-13 {
		width: 13%;
		height: auto;
		display: block;
		float:left;
	}
	.box-15 {
		width: 15%;
		height: auto;
		display: block;
		float:left;
	}
	.box-18 {
		width: 18%;
		height: auto;
		display: block;
		float:left;
	}
	.box-20 {
		width: 20%;
		height: auto;
		display: block;
		float:left;
	}
	.box-23 {
		width: 23%;
		height: auto;
		display: block;
		float:left;
	}
	.box-25 {
		width: 25%;
		height: auto;
		display: block;
		float:left;
	}
	.box-30 {
		width: 30%;
		height: auto;
		display: block;
		float:left;
	}
	.box-33 {
		width: 33%;
		height: auto;
		display: block;
		float:left;
	}
	.box-35 {
		width: 35%;
		height: auto;
		display: block;
		float:left;
	}
	.box-40 {
		width: 40%;
		height: auto;
		display: block;
		float:left;
	}
	.box-43 {
		width: 43%;
		height: auto;
		display: block;
		float:left;
	}
	.box-45 {
		width: 45%;
		height: auto;
		display: block;
		float:left;
	}
	.box-50 {
		width: 50%;
		height: auto;
		display: block;
		float:left;
	}
	.box-55 {
		width: 55%;
		height: auto;
		display: block;
		float:left;
	}
	.box-59 {
		width: 59%;
		height: auto;
		display: block;
		float:left;
	}
	.box-60 {
		width:60%;
		height:auto;
		display:block;
		float:left;
	}
	.box-65 {
		width:65%;
		height:auto;
		display:block;
		float:left;
	}
	.box-70 {
		width:70%;
		height:auto;
		display:block;
		float:left;
	}
	.box-73 {
		width:73%;
		height:auto;
		display:block;
		float:left;
	}
	.box-80 {
		width:80%;
		height:auto;
		display:block;
		float:left;
	}
	.box-83 {
		width:83%;
		height:auto;
		display:block;
		float:left;
	}
	.box-85 {
		width:85%;
		height:auto;
		display:block;
		float:left;
	}
	/*MENU-------------------------------*/
	.small-headermenu-box {
		display:none;
	}
	.headermenu-small-openlist {
		display:none;
	}
	.befor-menu {
		position: fixed;
		background-color: #222222;
		top: 0;
		height: 40px;
		width: 100%;
		margin: 0;
		padding: 0 20px;
		z-index: 600;
		display:inline-flex;
		align-items:center;
	}
	.beformenu-left {
		width:100%;
		height:auto;
		display:inline-flex;
		align-items:center;
	}
	.beformenu-left a {
		font-size:0.7rem;
		color:#BFBFBF;
		padding:0 10px;		
		border-right: 1px solid #6E6E6E;
	}
	.beformenu-left a.cart {
		display:none;
	}
	.beformenu-left a:hover {
		color:#FFFFFF;
	}
	.beformenu-left a:first-child {
		padding:0 10px 0 0;	
	}
	.beformenu-left a:last-child {
		padding:0 0 0 10px;	
		border-right: none;
	}
	.small-call-us {
		background-color:#3CCBFF;
		color:#FFF !important;
		padding:5px 10px !important;
		border-radius:3px;
		border-right: none !important;
	}
	.small-call-us:hover {
		background-color:#008CBA;
		color:#FFF !important;
	}
	.beformenu-search-brt {
		font-size:0.7rem;
		color:#BFBFBF;
		display:inline-flex;
		align-items:center;
	}
	.beformenu-search-brt span {
		font-family:"foundation icons";
		font-size:1rem;
		line-height:0.7rem;
		color:#3CCBFF;
		padding-right:5px;
	}
	.beformenu-search-brt:hover {
		color:#FFFFFF;
	}
	.beformenu-search-brt:hover span {
		color:#FFFFFF;
	}
	
	.head-menu {
		background-color: #FFFFFF;
		height: 55px;
		width: 100%;
		z-index: 500;
		margin: 40px 0 0 0;
		padding: 0 20px;
		display: inline-flex;
		align-items:center;
		position:relative;
	}
	.headmenu-logo-box {
		width:30%;
		height:auto;
		display: inline-flex;
		align-items:center;
	}
	.headmenu-logo-box a {
		color: #666666;
		font-size: 2rem;
		font-family: "DSNWatTaNa";
		line-height: 1.5rem;
		margin:0;
		display: inline-flex;
		align-items:center;
	}
	.headmenu-logo-box a img {
		height: 30px;
		width: 30px;
		margin-right: 5px;
	}
	.headmenu-logo-box a:hover {
		color:#3CCBFF;
	}
	.headermenu-list-ul {
		widows:100%;
		height: auto;
		text-align: right;
		margin: 0;
	}
	.headermenu-list-li {
		display: inline-block;
		margin: 0 ;
	}
	.headermenu-list-li a {
		color: #444444;
		margin-left: 5px;
		font-size: 0.7rem;
		font-weight:bold;
		padding: 10px 5px;
		display: inline-block;
		line-height: 1rem;
	}
	.headermenu-list-li a:hover {
		color: #3CCBFF;
	}
	.headermenu-loging-brt {
		font-size: 0.7rem;
		display: inline-flex;
		align-items: center;
		text-align: center;
		padding: 7px 10px;
		border-radius: 3px;
		background-color:#3CCBFF;
		color: #FFFFFF;
		font-weight:bold;
	}
	.headermenu-loging-brt:hover {
		background-color:#008CBA;
		color: #FFFFFF;
	}
	
	.header-mainmenu-box {
		width: 100%;
		height: auto;
		position: absolute;
		z-index: 200;
		padding: 30px 0;
		overflow: hidden;
		background-color:#444;
		display:none;
		background-color: #252525;
		background-image: url(../img/objects/bg-02.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
	.category-box {
		text-align: right;
		display: block;
		width: 100%;
		height: auto;		
		padding: 25px 45% 25px 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.category-box.active {
		text-align: right;
		width: 20%;
		padding: 25px 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.category-title {
		margin:0 10px;
		font-size: 1rem;
		color: #3CCBFF;
		display: block;
		cursor: default;
		font-weight:bold;
	}
	.category-list {
		font-size: 0.8rem;
		font-weight: bold;
		color: #CDCDCD;
		padding: 10px 10px 10px 0;
		display: block;
	}
	.category-list.active {
		color: #FF7E00;
		background-color: rgba(0,0,0,0.3);
		display: block;
	}
	.band-box {
		display: block;
		background-color: rgba(0,0,0,0.3);
		position: absolute;
		width: 80%;
		height: auto;
		top: 0;
		right: -80%;
		padding: 0 15px;
		margin: 30px 0;
	}
	.band-box.active {
		width: 80%;
		right: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.band-box.active-two {
		width: 25%;
		right: 55%;
	}
	.band-box.active-two .band-descip-box {
		display:none;
	}
	.band-box.active-two .band-list-box {
		width:100%;
		padding: 15px 10px 15px 0;
		text-align:right;
	}
	.band-descip-box {
		text-align: center;
		width:40%;
		height:100%;
		padding:10px;
		display: block;
		float: left;
	}
	.band-list-box {
		width: 60%;
		height: 100%;
		display: block;
		float: left;
		text-align: right;
		margin: 0;
		padding: 15px 30% 15px 0;
		list-style: none;
	}
	.band-title-eng {
		margin: 0;
		font-family: DSNWatTaNa;
		font-size: 1.7rem;
		color: #FF7E00;
		display: block;
		cursor: default;
		line-height: 1;
	}
	.band-title-th {
		margin: 0;
		font-size: 0.8rem;
		font-weight: bold;
		color: #FFFFFF;
		display: block;
		cursor: default;
	}
	.band-des-bar {
		color: #B1B1B1;
		margin: 0;
		font-size: 0.7rem;
	}
	.band-list {
		height: auto;
		width: auto;
		padding: 0 0 0 10px;
		color: #CDCDCD;
		font-size: 0.8rem;
		display: block;
		margin: 7px 0;
	}
	
	.type-box {
		background-color: rgba(0,0,0,0.3);
		position: absolute;
		width: 55%;
		height: auto;
		top: 0;
		right: -60%;
		padding: 15px;
		margin:30px 0;
		
	}
	.type-box.active {
		right: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.type-title-box {
		width:100%;
		height:auto;
		min-height:30px;
		display:inline-flex;
		align-items:center;
	}
	.type-logo-box {
		width: 50%;
		height: auto;
		display: inline-flex;
		align-self: center;
		padding-right:10px;
	}
	.type-logo-set {
		width:100%;
		height:auto;
		display: block;
	}
	.type-logo-set img {
		height:50px;
		width: auto;
		display:block;
		float:right;
	}
	.type-band-des {
		width: 50%;
		height: auto;
		display: inline-flex;
		padding-left:10px;
	}
	.type-band-des p {
		margin: 0;
		font-size: 0.6rem;
		font-weight: bold;
		color: #FFFFFF;
		display: block;
		cursor: default;
	}
	.type-list-box {
		height:auto;
		width: 100%;
		display:block;
		padding-top:10px;
	}
	.type-list {
		width:33%;
		height:auto;
		display:block;
		float:left;
		padding:4px;
	}
	.type-list a {
		font-size: 0.7rem;
		color: #FFFFFF;
		text-align:center;
		padding: 5px 0;
		background-color: #707070;
		display:block;
		width: 100%;
		border-radius: 3px;
	}
	.type-list a:hover {
		color:#FFF;
		background-color:#3CCBFF;
	}
	
	
	
	.air-box {
		background: #fefefe;
		width: 100%;
		height:auto;
		display: none;
		position: absolute;
   		z-index: 560;
		-webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
		-moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
		box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
	}
	.arrow-up {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 12px 8px;
		border-color: transparent transparent #F4F4F4 transparent;
		position: absolute;
		pointer-events: none;
		z-index: 100;
	}
	.behind-layer {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 300;
		top: 0;
		bottom: 0;
		background-color:rgba(0,0,0,.5);	
	}
	.behind-dark-layer {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 300;
		top: 0;
		bottom: 0;
		background-color:rgba(0,0,0,.8);	
	}
	.behind-black-layer {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 300;
		top: 0;
		bottom: 0;
		background-color:#131313;	
	}
	
	/*MENU-END------------------------------*/
	/*SLIDER------------------------------*/
	.slider-box {
		position: relative;
		height: auto;
		width: 100%;
		
	}
	.slider-full-img{
		width:100%;
		height:auto;
	}
	.welcome-box {
		padding: 30px 90px;
		width: 100%;
		min-height: 150px;
		height:auto;
		display:inline-flex;
		align-self:center;
		background-color:#FFF;
		
	}
	.welcome-left {
		width:20%;
		height:auto;
		text-align:center;
		display:inline-flex;
		align-self:center;
	}
	.welcome-left span {
		width:100%;
		height:auto;
		padding:10px;
	}
	.welcome-left span img {
		width:100%;
		height:auto;
	}
	.welcome-right {
		width:80%;
		height:auto;
		display:inline-flex;
		align-self:center;
	}
	.welcome-right .welcome-title {
		font-size: 2.5rem;
		height: auto;
		margin-bottom:10px;
		padding: 5px 0;
		font-family: DSNWatTaNa;
		line-height:1rem;
		color:#444;
	}
	.welcome-right .welcome-detail {
		font-size: 0.7rem;
		color:#666;
		margin-bottom:10px;
	}
	.welcome-right .welcome-link {
		width:100%;
		height:auto;
	}
	/*SLIDER-END------------------------------*/
	/*PRODUCT------------------------------*/
	.item-box {
		width: 23%;
		height: auto;
		display: inline-block;
		position: relative;
		margin: 1% ;
		overflow: hidden;
		background-color: #FFF;
		-moz-box-shadow: 0 0px 0px 3px rgba(102,102,102,1);
		-webkit-box-shadow: 0 0px 0px 3px rgba(102,102,102,1);
		box-shadow: 0 0px 0px 3px rgba(102,102,102,1);
		border-radius:3px;
	}
	.item-title {
		background-color: #D1D1D1;
		color: #444;
		height: 25px;
		width: 100%;
		text-align: center;
		font-size: 0.6rem;
		font-weight: bold;
		padding: 5px;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		display:block;
	}
	.item-img {
		width:100%;
		height:auto;
		margin-bottom:50px;
	}
	.item-tag {
		position:absolute;
		width:60px;
		height:50px;
		right:0px;
		opacity:0.3;
		text-align:right;
	}
	.item-tag .tag-dis {
		display: inline-block;
		width:auto;
		height:auto;
		text-align:center;
		padding:5px;
		margin: 5px 5px 0 0;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 0.6rem;
		border-radius: 3px;
		background-color: #FF8600;
		cursor: default;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}
	.item-tag .tag-hot {
		display: inline-block;
		width:auto;
		height:auto;
		text-align:center;
		padding:5px;
		margin: 5px 5px 0 0;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 0.6rem;
		border-radius: 3px;
		background-color: #FF0004;
		cursor: default;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}
	.item-detailbox {
		position: absolute;
		background-color: rgba(0,0,0,0.07);
		width: 100%;
		height: 150px;
		bottom: -100px;
		-webkit-transition: all 0.5s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
		padding:5px;
	}
	.item-detail-name {
		font-size:0.6rem;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		color: #444;
		font-weight: bold;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
	}
	.item-box .item-detail-second {
		width:100%;
		display:inline-flex;		
	}
	.item-box .item-detail-second .item-detail-band {
		width:50%;
		font-size: 0.6rem;
		color: #666;
		font-weight: bold;
		line-height: 1.2;		
		overflow:hidden;
		text-overflow:ellipsis;
		white-space: nowrap;	
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
	}
	.item-box .item-detail-second .item-detail-price {
		width:50%;
		font-size: 0.6rem;
		color: #333333;
		font-weight: bold;
		line-height: 1.2;	
		text-align:right;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space: nowrap;	
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		white-space:nowrap;
	}
	.item-box .item-detail-second .item-detail-price .blue {
		color:#008cba;		
	}
	.item-box .item-link-border {
		width:100%;
		min-height:51px;
		height:auto;
		position:absolute;
		bottom:0px;		
		display:block;
		left:0;
		padding: 0 5px;
	}
	.item-box .item-link {
		width:100%;
		border-top:#888888 1px solid;
		padding:9px 0 0 0;
		display:block;
		top:0
		
	}
	.item-box .item-link a {
		width:100%;
		font-size: 0.7rem;
		padding: 10px ;
		display: inline-block;
		border-radius: 3px;
		text-align: center;
		color:#FFF;
		background-color:#666;
	}
	.item-box .item-link a:hover {
		color:#FFF;
		background-color:#444;
	}
	.item-box:hover .item-detailbox {
		bottom:0px;
		background-color: rgba(255,255,255,0.9);
	}
	.item-box:hover .item-tag  {
		opacity:1;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
	}
	.item-box:hover .item-detail-name {
		overflow: none;
		text-overflow: inherit;
		white-space: normal;
		text-align:center;
	}
	.item-box:hover .item-detail-second {
		display: inline-block;	
	}
	.item-box:hover .item-detail-band {
		width:100%;
		text-align:center;
		padding:5px;
		background-color:#E1E1E1;
	}
	.item-box:hover .item-detail-price {
		width:100%;
		text-align:center;
		padding:5px 5px 10px 5px;
	}
	.item-box:hover .item-detail-price span {
		font-size:0.8rem;
	}
	.product-search-box {
		width:100%;
		height:auto;
		display: inline-flex;
		margin-top:15px;
	}
	.product-search-form {
		width:75%;
		height:auto
	}
	.product-search-form input {
		width:35%;
		height:39px;
		float:left;
	}
	.product-search-form a {
		padding: 0 20px;
		display: inline-flex;
		align-items: center;
		border-radius: 3px;
		text-align: center;
		background-color:#3CCBFF;
		color:#FFF;
		font-family:"foundation icons";
		float:left;
		font-size:1.2rem;
		line-height:0.5rem;
		height:39px;
		margin:0 10px;
	}
	.product-search-form a:hover {
		background-color:#11BFFF;
		color:#FFF;		
	}
	.product-search-form .product-search-none {
		font-size: 0.85rem;
		font-weight: bold;
		color: #707070;
		display:block;
		padding-top:6px;
	}
	.product-search-form .product-search-none span {
		font-size: 1.2rem;
		font-weight: bold;
		color:#008CBA;
	}
	.product-search-alllook {
		width:25%;
		height:auto;
		text-align:right;
	}
	.product-show-title {
		width: 100%;
		height: auto;
		color: #444;
		font-size: 1.5rem;
		font-weight:bold;
		margin: 10px 0 0 0;
	}
	.product-show-linktab {
		width: 100%;
		height: auto;
		margin: 0;
		font-size: 0.7rem;
		color: #666;
	}
	.product-show-linktab a {
		color: #888;
		margin: 0 10px;
	}
	.product-show-linktab a:hover {
		color: #444;
	}
	.product-show-infobox {
		width:100%;
		height:auto;
		display: inline-block;
		padding-bottom:15px;
		border-bottom: 1px solid #e5e5e5;
	}
	.show-info-detail {
		width:100%;		
		height:auto;
		display: inline-block;
		float:left;
	}
	.product-show-infotext {
		font-size: 1.3rem;
		color: #444;
		width: 100%;
		height: auto;
		font-weight: bold;
		vertical-align: top;
		margin: 0;
	}
	.product-show-infosub {
		color: #616671;
		font-size: 0.8rem;
		font-weight: normal;
		margin: 0;
	}
	.product-show-infosub span {
		font-size: 0.9rem;
		color: #4f4f4f;
		font-weight: bold;
	}
	.product-show-infobox .product-show-infolink {
		width:100%;
		height:auto;
	}
	.product-show-infobox .product-show-infolink a {
		font-size: 0.8rem;
		padding: 7px 15px;
		display: inline-flex;
		align-items: center;
		border-radius: 3px;
		text-align: center;
		margin-right:5px;
		background-color:#3ccbff;
		color:#FFF;
	}
	.product-show-infobox .product-show-infolink span {
		font-family:"foundation icons";
		font-size:1.5rem;
		padding-right:5px;
		line-height:0.8rem;
	}
	.product-show-infobox .show-info-logo {
		width:55%;
		height:auto;
		display: block;
	}
	.product-show-infobox .product-show-infolink a:hover {
		background-color:#11BFFF;
		color:#FFF;
	}
	.product-show-infobox .show-info-logo img {
		width:auto;
		height:70px;
	}
	.product-show-price {
		font-size: 0.9rem;
		position: relative;
		padding-left:5px;
		font-weight:bold;
		color:#666;
	}
	.product-show-price .old {
		color: #f04124;
	}
	.product-show-price .old {
		color: #f04124;
	}
	.product-show-price .old span {
		font-size:1rem;
		position:relative;
		padding:0 5px;
	}
	.product-show-price .old span:before {
		position: absolute;
		content: "";
		left: 0;
		top: 50%;
		right: 0;
		border-top: 2px solid rgba(204,10,13,.5);
		-webkit-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-o-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	.product-show-price .current {
		font-size:1rem;
	}
	.takeoder-box {
		width: 100%;
		height: auto;
		display: block;
		background-color: #DFDFDF;
		padding: 10px 15px;
		margin-top: 15px;
	}
	.product-show-mainimg {
		width:100%;
		height:100%;
	}
	.product-show-mainimg img {
		width:100%;
		height:100%;
	}
	.product-show-subimg {
		width: 20%;
		height: auto;
		position: relative;
		display: inline-block;
		float: left;
		padding: 0 10px;		
	}
	.product-show-subimg img {
		display: block;
		width: 100%;
		height: auto;
		cursor: pointer;
		padding: 5px;
		border:1px solid #FFF;
		border-radius:3px;
	}
	.product-show-subimg img:hover {
		border:1px solid #666;
		padding: 5px;
		
	}
	.product-show-subimg p {
		font-size:0.6rem;
		color:#666;
		text-align:center;
		width:100%;
		height:40px;
	}
	/*PRODUCT-END------------------------------*/
	/*CART-------------------------------*/
	.cart-chortcut-box {
		position: fixed;
		background-color: #4A4A4A;
		height: auto;
		width: 100px;
		padding: 5px;
		border-radius: 3px;
		bottom: 10px;
		right: 10px;
		z-index: 99;
	}
	.cart-chortcut-box .amount-text {
		width: 100%;
		height: auto;
		display: inline-block;
		font-size: 2rem;
		color: #3CCBFF;
		margin: 0px;
		padding:5px 5px 0 0;
		line-height: 1.1;
		float: left;
		text-align: right;
	}
	.cart-chortcut-box a {
		display: inline-block;
		text-align: center;
		width: 100%;
		border-radius: 3px;
		background: #FF7E00;
		font-size: 0.75rem;
		font-weight:bold;
		padding: 5px 0;
		color: #ffffff;
	}
	.cart-chortcut-box a:hover {
		color: #ffffff;
    	background: #DC6C00;
	}
	.total-list-bar {
		width: 100%;
		height: auto;
		background-color: #666;
		border-radius: 3px 3px 0 0;
		overflow: hidden;
		text-align: center;
		color: #FFFFFF;
		font-size: 0.6rem;
		display: flex;
		margin-top:15px;
	}
	.total-list-bar-2 {
		width: 100%;
		height: auto;
		background-color: #666;
		border-radius: 3px 3px 0 0;
		overflow: hidden;
		text-align: center;
		color: #FFFFFF;
		font-size: 0.6rem;
		display: flex;
		margin-top:15px;
	}
	.total-list-detail {
		display: inline-block;
		padding: 5px 0;
	}
	.total-item-list {
		width: 100%;
		height: auto;
		display: flex;
		border-left: #666 solid 1px;
		border-right: #666 solid 1px;
		border-bottom: #666 solid 1px;
	}
	.total-item-list-2 {
		width: 100%;
		height: auto;
		display: flex;
		border-left: #666 solid 1px;
		border-right: #666 solid 1px;
		border-bottom: #666 solid 1px;
	}
	.total-item-name {
		border-right: #666 solid 1px;
		display:inline-flex;
		align-items:center;
		padding-left:5px;
	}
	.total-item-name a {
		font-size:0.8rem;
		font-weight:bold;
		width:100%;
		display:block;
	}
	.total-item-name p {
		font-size:0.8rem;
		margin:0;
		color:#666;
	}
	.total-item-name p span {
		font-size:0.9rem;
		font-weight:bold;
		color:#444;
	}
	.total-item-carry {
		display:inline-flex;
		align-items:center;
		padding-left:5px;
	}
	.total-item-carry p {
		font-size:0.8rem;
		margin:0;
		color:#666;
	}
	.total-item-carry p span {
		font-size:0.9rem;
		font-weight:bold;
		color:#444;
	}
	.total-item-other {
		border-right: #666 solid 1px;
		display:inline-flex;
		align-items:center;
	}
	.small-option-title {
		display:none;
	}
	.total-item-other div  {
		width:100%;
		height:auto;
		text-align:center;
	}
	.total-item-lasttext div, .total-item-lastprice div  {
		width:100%;
		height:auto;
		text-align:right;
	}
	.total-item-other p {
		font-size:0.8rem;
		margin:0;
		color:#666;
	}
	.total-item-other p span {
		font-size:0.9rem;
		font-weight:bold;
		color:#444;
		padding-right:2px;
	}
	
	.total-item-other input {
		margin: 0px auto;
		font-size: 0.9rem;
		border: 1px solid #C1C1C1;
		border-radius: 3px;
		width:50%;
		text-align:center;
	}
	.total-item-other input:focus {
		box-shadow: none !important;
		outline: none !important;
		border: 1px solid #666;
	}
	.total-item-other:last-child {
		border-right: none;
	}
	.total-item-other a {
		font-size: 0.7rem;
		padding: 5px;
		display: inline-flex;
		align-items: center;
		border-radius: 3px;
		text-align: center;
		background-color:#f04124;
		color:#FFF;
	}
	.total-item-lasttext span {
		font-size:0.8rem;
	}
	.total-item-other a:hover {
		background-color:#E82E0F;
		color:#FFF;
	}
	.total-endorder-box {
		width: 100%;
		height: auto;
		display: flex;
		border-top: #666 solid 2px;
		border-left: #666 solid 1px;
		border-right: #666 solid 1px;
		border-bottom: #666 solid 5px;
		border-radius: 0 0 3px 3px;
	}
	.total-item-lastdetail {
		display:inline-flex;
		align-items:center;
		padding:15px;
	}
	.total-item-lastdetail p {
		font-size:0.8rem;
		margin:0;
		color:#666;
	}
	.total-item-lastdetail p .red {
		font-weight:bold;
		color: #f04124;
	}
	.total-item-lastdetail p .blue {
		font-weight:bold;
		color: #008cba;
	}
	.total-item-lastdetail p .black {
		font-weight:bold;
		color: #444;
	}
	.total-item-lasttext {
		border-right: #666 solid 1px;
		display:inline-flex;
		align-items:center;
	}
	.total-item-lasttext p {
		font-size: 0.9rem;
		color: #444;
		font-weight: bold;
		margin: 0;
	}
	.total-item-lastprice {
		display:inline-flex;
		align-items:center;
		padding:10px 5px;
	}
	.total-item-lastprice p {
		font-size: 0.8rem;
		font-weight: normal;
		margin:0;
	}
	.total-item-lastprice p span {
		color: #222;
		margin: 0;
		font-size: 1.4rem;
		font-weight: bold;
		padding-right:5px;
	}
	.subitem-status-empty {
		position:absolute;
		font-size:0.7rem;
		font-weight:bold;
		color:#FFF;
		top:25px;
		background-color:#f04124;
		padding:5px;
		display: table;
		border-radius:3px;
		-webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
		-moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
		box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
	}
	.subitem-status-composs {
		font-size:0.8rem !important;
		color:#FFF;
		background-color:#FF8600;
		padding:5px;
		border-radius:3px;
		font-weight:normal !important;
		margin-right:5px;
	}
	.subitem-table-fix {
		background-color:#666;
		position: relative;
	}
	.subitem-table-fix .subitem-arrow-up {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 12px 8px;
		border-color: transparent transparent #666 transparent;
		position: absolute;
		pointer-events: none;
		z-index: 100;
		left: 30px;
		top: -10px;
	}
	.subitem-table-fix a {
		color:#3CCBFF;
	}
	.subitem-table-fix p {
		color:#fff;
	}
	.subitem-table-fix p span {
		color:#fff;
	}
	/*CART-END------------------------------*/
	/*CHECKOUT------------------------------*/
	.checkout-mini-title {
		width: 100%;
		height: auto;
		border-bottom: #D5D5D5 solid 1px;
		font-weight: bold;
		font-size: 1rem;
		padding-bottom: 10px;
		margin : 15px 0 0 0;
	}
	.checkout-mini-title a {
		font-size: 0.8rem;
		background-color: #666;
		padding: 5px 10px;
		color: #FFFFFF;
		border-radius: 5px;
		font-weight: normal;
	}
	.checkout-mini-title a span {
		font-family: "foundation icons";
		font-weight: normal;
	}
	.checkout-mini-title a:hover {
		background-color: #444;
		color: #FFFFFF;
	}
	.checkout-incart-box {
		width: 100%;
		height: auto;
		background-color:#F0F0F0;
		padding: 15px;
		display: block;
		border-left: #D5D5D5 solid 1px;
		border-right: #D5D5D5 solid 1px;
		border-bottom: #D5D5D5 solid 1px;
	}
	.checkout-incart-list {
		width: 100%;
		height: auto;
		font-size: 0.8rem;
		color: #808080;
		margin: 0;
		display: inline-block;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight:bold;
		overflow: hidden;
	}
	.checkout-incart-list span {
		font-family: "foundation icons";
		font-weight: normal;
		padding-left: 2px;
	}
	.checkout-incart-result {
		width: 100%;
		height: auto;
		background-color:#D5D5D5;
		padding: 15px;
	}
	.incart-total-text {
		height: auto;
		display: inline-block;
		border-right : #D5D5D5 solid 1px;
		border-top : #D5D5D5 solid 1px;
		padding: 10px;
		text-align: right;
		background-color:#FFF;
	}
	.incart-total-text p {
		color: #666;
		font-size: 0.7rem;
		margin:0;
		font-weight:bold;
		line-height:1rem;
	}
	.incart-total-text p span {
		font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
		font-size:0.7rem;
		line-height:1rem;
		color:#444;
	}
	.incart-total-text p span.red {
		color:#f04124;
	}
	.finish-head-title {
		font-size: 1.5rem;
		color: #18C926;
		width: 100%;
		height: auto;
		font-weight: bold;
		vertical-align: top;
		margin: 0;
		text-align:center;
	}
	.finish-end-text {
		width: 100%;
		height: auto;
		font-size: 1rem;
		color: #666;
		margin: 5px 0;
		display: inline-block;
		font-weight:bold;
		text-align:center;
	}
	.finish-end-text.red {
		color: #f04124;
	}
	/*CHECKOUT-END------------------------------*/
	/*SERVICE------------------------------*/

	.service-bestseller {
		font-size:0.8rem;
		padding:10px;
		color:#666;
		display: inline-block;
		margin:2px;
		background-color:#FFF;
		border-radius:3px;
		border:	1px solid #e5e5e5;
		overflow:hidden;
	}
	.service-bestseller:before {
		content: "\00BB";
		color: #FF7E00;
		padding-right:5px;
	}
	.service-bestseller:hover {
		color:#FFF;
		background-color:#666;
		border:	1px solid #666;
	}
	.other-service-menu {
		width:30%;
		height:auto;
		display:inline-block;
		margin:0 1%;		
		overflow:hidden;	
		border-radius:3px;
	}
	.other-service-menu:hover {
		webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1.05);
		transition: 0.2s ease-in-out;
	}
	.service-menu-cover {
		width:100%;
		height:auto;
		overflow:hidden;
	}
	.service-menu-cover img {
		width:100%;
		height:auto;
	}
	.serivce-detail-box {
		border:	1px solid #e5e5e5;
		height:130px;
		width:100%;
		position:relative;	
	}
	.service-menu-titel {
		width:100%;
		height:auto;
		position:absolute;
		text-align:center;
		top:-20px;
	}
	.service-menu-titel .service-title-text {
		display: inline-block;
		font-size:1rem;
		font-weight:bold;
		padding:5px 25px;
		background-color: rgba(255,255,255,1);
		text-align:center;
		width:auto;
		border-radius:10px;
		color:#444;
	}
	.service-menu-detail {
		font-size:0.7rem;
		color:#666;
		padding-top:20px;
	}
	.service-menu-brt {
		width:100%;
		height:auto;
		position:absolute;
		padding:5px 5px 10px 5px;
		bottom:0;
	}
	
	/*SERVICE-END------------------------------*/
	/*CS-STATUS-------------------------------*/
	.bigtag-search-head {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
	}
	.bigtag-input-box {
		width: 400px;
		height: auto;
		margin:15px auto;
	}
	.bigtag-input-set form {
		width:100%;
		height:auto;
		display:inline-flex;
		align-items:center;
	}
	.bigtag-input-set form input {
		width:345px;
		margin-bottom:0;
		    height: 39px;
	}
	.bigtag-input-set a {
		padding: 0 20px;
		display: inline-flex;
		align-items: center;
		border-radius: 3px;
		text-align: center;
		background-color: #3CCBFF;
		color: #FFF;
		font-family: "foundation icons";
		float: left;
		font-size: 1.2rem;
		line-height: 0.5rem;
		height: 39px;
		margin: 0 0 0 10px;
	}
	.bigtag-input-des {
		font-size: 0.9rem;
		font-weight: bold;
		color: #444;
		padding-top: 4px;
		text-align:center;
	}
	.cs-status-detail {
		height: auto;
		margin: 5px 0;
		padding: 2px;
		font-size: 0.8rem;
		display: inline-block;
	}
	.cs-status-detail-small {
		height: auto;
		margin: 5px 0;
		padding: 2px;
		font-size: 0.75rem;
		display: inline-flex;
		align-items:center;
	}
	.cs-status-list-box {
		width: 100%;
		height: auto;
		color: #2B2B2B;
		display: inline-flex;
	}
	.cs-status-list-box:nth-child(odd) {
		background: #F4F4F4;
	}
	.cs-status-list-box:nth-child(even):hover {
		background: #C1E5FF;
	}
	.cs-status-list-box:nth-child(odd):hover {
		background: #B7DAF4;
	}
	.cs-status-list-box-2 {
		width: 100%;
		height: auto;
		color: #2B2B2B;
		display: inline-flex;
		background-color:#EBEBEB;
	}
	.cs-status-list-box-2:nth-child(odd) {
		background: #F4F4F4;
	}
	.cs-status-list-box-2:nth-child(even):hover {
		background: #E3E3E3;
	}
	.cs-status-list-box-2:nth-child(odd):hover {
		background: #E0E0E0;
	}
	.list-flex-sub {
		width:100%;
		height:auto;
		text-align:center;
	}
	.payment-box {
		width: 100%;
		height: auto;
		display:inline-block;
		padding: 25px 0;
		position: relative;
	}
	.payment-form-box {
		width: 500px;
		height: auto;
		display:block;
		margin: 20px auto;
		padding: 30px 15px;
		background-color: #FFFFFF;
	}
	/*CS-STATUS-END------------------------------*/
	/*MEMBER------------------------------*/
	.lobby-brt {
		width:100%;
		height:auto;
		display:block;
		text-align:center;
		font-weight:bold;
		font-size:1.5rem;
		padding:30px 0;
		background-color:#E4E4E4;
		color:#666;
	}
	.lobby-brt:first-of-type {
		border-radius: 5px 5px 0 0;
	}
	.lobby-brt:last-of-type {
		border-radius: 0 0 5px 5px;
	}
	.lobby-brt:hover {
		background-color:#3CCBFF;
		color:#FFF;
	}
	.lobby-brt.active {
		background-color:#444;
		color:#fff;
	}
	.lobby-set-bat {
		width:400px;
		height:auto;
		display:block;
		margin:0 auto;
	}
	.lobby-set-line {		
		height: auto;
		font-family: DSNWatTaNa;
		width: 100%;
		text-align: center;
		position: relative;
		display:block;
	}
	.lobby-set-line span {
		background: #FFF;
		color:#444;
		z-index: 100;
		position: absolute;
		padding: 0 0;
		font-size: 30px;
		height: 50px;
		width: 50px;
		border-radius: 5px;
		line-height: 50px;
		top: -22px;
		left: 175px;
	}
	.lobby-set-line:before {
		content: "";
		height: 6px;
		width: 100%;
		background: #FFF;
		top: 0;
		left: 0;
		position: absolute;
		z-index: 10;
	}
	.lobby-form-box {
		width:100%;
		height:auto;
		display: none;		
		background-color:#E9E9E9;
		
	}
	.lobby-form-box:first-of-type {
		padding:15px 25px 35px 25px;
	}
	.lobby-form-box:last-of-type {
		padding:35px 25px 15px 25px;
	}
	.member-menu {
		background-color:#444;
		height: 55px;
		width: 100%;
		margin: 0;
		padding: 0 10px;
		display: inline-flex;
		align-items: center;
		position: relative;
	}
	.member-menu-ul {
		widows: auto;
		height: auto;
		text-align: right;
		margin: 0;
	}
	.member-menu-li {
		display: inline-block;
		margin: 0 10px 0 0;
	}
	.member-menu-li a {
		color: #B4B4B4;
		margin-left: 5px;
		font-size: 0.7rem;
		padding: 10px;
		display: inline-block;
		line-height: 1rem;
	}
	.member-menu-li a.active {
		color: #FF7E00;
		cursor:default;
	}
	.member-menu-li a.active:hover {
		color: #FF7E00;
	}
	.member-menu-li a:hover {
		color:#FFF;
	}
	.meber-detail-box {
		width: 100%;
		height: auto;
		min-height: 230px;
		display: table;
		border: 1px solid #e5e5e5;
		overflow: hidden;
		position: relative;
		border-radius: 3px;
		padding:20px;
	}
	.meber-detail-welcome {
		font-size: 0.8rem;
		color: #666;
		margin:0;
	}
	.banner-link {
		width:100%;
		height:auto;
		display:block;
	}
	.banner-link img {
		width:100%;
		height:auto;
		display:block;
	}
	/*MEMBER-END------------------------------*/
	/*ABOUT------------------------------*/
	.contact-full-box {
		width:100%;
		min-height: 150px;
    	height: auto;
		display:inline-flex;
		align-items:center;
		margin-top:15px;
	}
	.contact-logo-box {
		height:auto;
		display:inline-flex;
		align-items:center;
	}
	.contact-logo-box img {
		width:150px;
		height:auto;
		display:block;
	}
	.contact-us-bandtext {
		font-size: 1.3rem;
		color: #444;
		width: 100%;
		height: auto;
		margin:0;
		font-weight:bold;
	}
	.contact-officer-box {
		min-height: 50px;
    	height: auto;
		display:inline-flex;
		align-items:center;
	}
	.contact-officer-logo {
		width:50px;
		height:auto;
		display:inline-flex;
		align-items:center;
	}
	.contact-officer-logo img {
		width:50px;
		height:auto;
		display:block;
	}
	.contact-staff-detail {
		min-width:270px;
		width:auto;
		height:auto;
		padding-left:5px;
	}
	.contact-bank-logo {
		width:50px;
		height:auto;
		display:block;
		margin:0 auto;
	}
	.contact-us-map {
		width: 100%;
    	height: 370px;
    	display: inline-block;
	}
	/*ABOUT-END------------------------------*/
	/*BODY-------------------------------*/	
	.mainmenu-opaque {
		width:100%;
		height:60px;
	}
	.full-bar {
		width: 100%;
		height: auto;
		display:table;
	}
	.main-wrapper {
		position: relative;
		width:100%;
		height:auto;
		display:table;
	}
	.center-box {
		width: 100%;
		height: auto;
		padding: 0 20px;
		margin: 0 auto;
	}
	.set-box-1000 {
		margin: 0 auto;
		width: 100%;
		height: auto;
		display: table;
	}
	.detail-bar {
		padding: 20px;
		width: 100%;
		height:auto;
		background-color:#FFF;
		display:table;
	}
	.smooth-box {
		width: 100%;
		height: auto;
		padding: 50px;
		margin: 0 auto;
		border-radius:5px;
	}
	.detail-zone {
		padding: 35px 0;
		width: 100%;
		height: auto;
		display: table;
	}
	.welcome-employer {
		background-color: #3CCBFF;
		padding: 110px 0 60px 0;
		background-image: url(../img/background/employer_index_top.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.nobg-alert-box {
		display: block;
		width: 450px;
		height:auto;
		padding: 20px;
		position: fixed;
	}
	.alert-box {
		display: block;
		width: 450px;
		height:auto;
		padding: 20px;
		background: #FFFFFF;
		position: fixed;
		-webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
		-moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
		box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
		border-color: #444;
	}
	.alert-detail-box {
		width:100%;
		height:auto;
		display:block;
		padding:20px 10px;
		margin-bottom:10px;
	}
	.detail-load-box {
		width:100%;
		height:auto;
		display:block;
		padding:20px 10px;
		margin-bottom:10px;
	}
	.manager-box {
		width: 100%;
		height: auto;
		padding: 0;
		overflow:hidden;
		background-color:#FFFFFF;
		display:flex;
		border-radius:3px;
		-webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
		-moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
		box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.47);
	}
	
	/*BODY-END------------------------------*/
	/*BACK-GOUND-------------------------------*/
	.grey-bg-0 {
		background-color:#404040;
	}
	.grey-bg-1 {
		background-color:#EAE8EA;
	}
	
	.white-bg-0 {
		background-color:#FFFFFF;
	}
	.white-bg-1 {
		background-color:#F1F1F1;
	}
	.blue-bg-0 {
		background-color:#3CCBFF;
	}
	.black-bg-0 {
		background-color:#333;
	}
	.black-bg-1 {
		background-color:#222;
	}
	.bg-img-01 {
		background-color:#EAE8EA;
		background-image: url(../img/objects/bg-01.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100%;
	}
	.bg-img-02 {
		background-color:#EAE8EA;
		background-image: url(../img/objects/bg-02.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% auto;
	}
	.bg-img-03 {
		background-image: url(../img/objects/bg-03.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100% ;
	}
	.bg-img-04 {
		background-image: url(../img/objects/bg-04.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% auto;
	}
	.bg-img-05 {
		background-image: url(../img/objects/bg-05.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% auto;
	}	
	.bg-img-06 {
		background-image: url(../img/objects/bg-06.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover ;
	}	
	.bg-img-07 {
		background-image: url(../img/objects/bg-03.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100% ;
	}
		
	/*BACK-GOUND-END------------------------------*/
	/*FOOTER-------------------------------*/
	#get-page-view {
		font-size: 6.5rem;
		font-weight: bold;
		color: #008CBA;
		margin: 0;
		line-height: 6rem;
		letter-spacing:2px;
	}
	.copyright-box {
		width: 100%;
		height: auto;
		display: block;
		background-color: #222;
		padding: 10px 0;
		text-align: center;
	}
	.copyright-text {
		font-family: gothic-web;
		color: #808080;
		font-size: 0.6rem;
		margin: 0px;
	}
	.footer-neighborname {
		width: 100%;
		font-family: DSNWatTaNa;
		color: #FFFFFF;
		font-size: 3rem;
		display: inline-block;
		line-height: 1rem;
		padding-top: 13px;
		margin: 0;
	}
	.footer-subtext {
		width: 100%;
		font-family: gothic-web;
		color: #808080;
		font-size: 0.8rem;
		margin: 0;
		line-height: 1;
	}
	.footer-dbd-text {
		font-family: gothic-web;
		font-size: 0.75rem;
		color: #808080;
		margin: 0;
		display: block;
		line-height: 2rem;
	}
	.footer-dbd-logo {
		width: 80px;
    	height: auto;
		padding-right: 5px;
		vertical-align: text-bottom;
	}
	.footer-title {
		width: 100%;
		font-family: gothic-web;
		color: #FFFFFF;
		font-size: 0.8rem;
		margin: 0;
		display: inline-block;
	}
	.footer-band-ul {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		line-height: 1.3rem;
	}
	.footer-band-ul li {
		list-style: none;
		width: 33.3%;
		float: left;
	}
	.footer-band-ul li a {
		font-family: gothic-web;
		font-size: 0.75rem;
		color: #808080;
	}
	.footer-contact-list {
		font-family: gothic-web;
		font-size: 0.75rem;
		color: #808080;
		margin: 0;
		display: block;
		line-height: 1.5rem;
	}
	.footer-contact-list span {
		font-family: "foundation icons";
		color: #B3B3B3;
		font-size: 1.3rem;
		padding-right: 5px;
		vertical-align: bottom;
	}
	.product-show-detailbox {
		color:#444;
		padding:15px 0;
		font-size:0.9rem;
	}
	.product-show-detailbox ul {
		font-size:0.9rem;
		margin: 5px 0 5px 15px;
	}
	.product-show-detailbox table {
		background: white;
		border-collapse: collapse;
		height: auto;
		margin: 0;
		width: auto;
		border-radius:3px;
		border:1px solid #888;
		table-layout: fixed ;
	}
	.product-show-detailbox table td {		
		font-size:0.9rem;
		text-align:center;
	}
	.product-show-detailbox table tr:first-child {
		background-color:#666;
		border:1px solid #666;
		
	}
	
	.product-show-detailbox table td strong {		
		font-size:0.9rem;
		width:100%;
		text-align:center;
		color:#FFF;
	}
	.product-show-detailbox table tr td {
		font-size:0.9rem;
		color:#444;
	}

	.product-mini-head {
		font-weight: bold;
		font-size: 1rem;
		margin: 0 0 10px 0;
	}
	.product-show-distag {
		display: inline-block;
		padding: 3px 10px;
		color: #FFFFFF;
		font-size: 0.7rem;
		border-radius: 3px;
		background-color: #FF8600;
		cursor: default;
	}
	/*Footer-END------------------------------*/
	/*ARTICLE--------------------------------*/
	.article-box {
		width:100%;
		height:auto;
		display: block;
		position:relative;
		background-color:#444;
		overflow:hidden;
	}
	.article-brt-bar {
		width:100%;
		height:28%;
		display:block;
		position:absolute;
		text-align:center;
		top:-100%;
		z-index:5;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.article-box img {
		width:100%;
		height:auto;
		display:block;
	}
	.article-box:hover img {
		opacity:0.3;
	}
	.article-box:hover .article-brt-bar {
		top:36%;
	}
	.article-title {
		width:100%;
		height:auto;
		display:block;
		background-color:#444;		
		margin-bottom:20px;
		padding:5px 7px;
		font-size:0.8rem;
		color:#FFF;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
	.read-article-title {
		width:100%;
		height:auto;
		display: block;
	}
	.read-article-detail {
		width:100%;
		height:auto;
		display: block;
		font-size:0.9rem;
		color:#444;
		padding:10px;
		border: 1px solid #e5e5e5;
	}
	.read-article-detail p {
		font-size:0.9rem;
		line-height: 1.5;		
		margin-bottom: 5px;
	}
	.read-article-detail ul {
		font-size:0.9rem;
		line-height: 1.5;
		margin-bottom: 5px;
		list-style-position: outside;
		font-family: inherit;
	}
	.read-article-detail img {
		width:80%;
		height:auto;
		margin: 15px 10%;
	}
	.catalog-logo-box {
		width:80%;
		height:auto;
		float:right;
		margin-top:10px;
	}
	/*ARTICLE END--------------------------------*/
	/*FORM--------------------------------*/
	.top-search-form {
		display:flex;
		align-items:center;
		width:90%;
		float:right;
	}
	.top-search-input {
		margin: 5px 0 0 0  !important;
		background-color:transparent !important;
		height:18px !important;
		font-size:0.7rem !important;
		color:#BFBFBF !important;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid #666 !important;
	}
	.top-search-input:focus {
		box-shadow:none !important ;
		outline:none !important;
	}
	.top-search-sendtext {
		font-size: 0.7rem;
		padding: 3.5px 15px;
		display: inline-flex;
		align-items: center;
		border-radius: 3px 3px 3px 0 ;
		text-align: center;
		background-color:#666;
		color:#BFBFBF;
	}
	.top-search-sendtext:hover {
		background-color:#777;
		color:#FFF;
	}
	.input-heading {
		font-size:0.8rem;
		color:#444;
		font-weight:bold;
	}
	.input-heading .red {
		color:#FF0004;
	}
	.normal-form {
	}
	.normal-form input, .normal-form textarea, .normal-form select {
		margin-bottom:10px;
		font-size:0.9rem;
		border: 1px solid #C1C1C1;
		border-radius:3px;
	}
	.normal-form input:focus, .normal-form textarea:focus, .normal-form select:focus {
		box-shadow:none !important ;
		outline:none !important;
		border: 1px solid #444444;
	}
	.checkbox-box {
		color:#555555;
		width:100%;
		height:auto;
		display:inline-block;
		padding: 8px 0;
		font-size:0.9rem;
		position:relative;
	}
	.checkbox-bar {
	  	display: block;
		position: relative;
		padding-left: 30px;
		cursor: pointer;
		color:#666;
		font-size:0.8rem;
		margin-bottom: 5px;
	}
	.checkbox-bar .checkbox-tooltext {
		width: auto;
		background-color: rgba(255,255,255,0.7);
		color: #000;
		position: absolute;
		z-index: 100;
		font-size:0.8rem;
		left:25px;
		visibility: hidden;
		padding: 0 5px;
		white-space:nowrap;
		padding-right:5px;
		border-radius:1px;
	}
	.checkbox-bar:hover .checkbox-tooltext {
		visibility: visible;
		z-index:500;
	}
	.checkbox-bar .checkbox-text {
		display:block;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.checkbox-bar input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}
	.checkbox-simbox {
		position: absolute;
		top: 0;
		left: 0;
		height: 23px;
		width: 23px;
		border-radius:3px;
		background: #CCCCCC;
		z-index:200;
	}
	.checkbox-simbox.error {
		background: #FD6063;
	}

	.checkbox-bar:hover input ~ .checkbox-simbox {
		background: #B5B5B5;
	}
	.checkbox-bar input:checked ~ .checkbox-simbox {
		background: #2aa1c0;
	}
	.checkbox-simbox:after {
		content: '';
		position: absolute;
		display: none;
	}
	.checkbox-bar input:checked ~ .checkbox-simbox:after {
	  	display: block;
	}
	.checkbox-bar .checkbox-simbox:after {
		left: 9px;
		top: 5px;
		width: 5px;
		height: 11px;
		border: solid #fff;
		border-width: 0 2.5px 2.5px 0;
		transform: rotate(45deg);
	}
	.input-empty, .password-error, .confirm-error, .email-error, .email-same, .tag-error, .age-error {
		border: 1px solid #ff6063 !important;
	}
	/*FORM-END-------------------------------*/
	/*BOTTON-LINK--------------------------------*/
	.contact-social-icon {
		width:40px;
		height:40px;
		display:block;
		border-radius:20px;
		float:left;
		margin-right:20px;
		overflow:hidden;
	}
	.contact-social-icon img {
		width: 30px;
		height: 30px;
		display: block;
		margin: 5px;
	}
	.contact-social-icon.facebook {		
		background-color:#666;
	}
	.contact-social-icon.facebook:hover {		
		background-color:#3b5897;
	}
	.contact-social-icon.line {		
		background-color:#666;
	}
	.contact-social-icon.line:hover {		
		background-color:#01cd1e;
	}
	.contact-social-icon.outlook {		
		background-color:#666;
	}
	.contact-social-icon.outlook:hover {		
		background-color:#2272b9;
	}
	.page-brt-present {
		background-color:#008cba !important;
		color:#FFF !important;
		cursor: default !important;
		
	}
	.main-botton-small {		
		font-size:0.7rem;
		padding: 5px 10px;
		display:inline-flex;
    	align-items: center;
		border-radius:3px;
		text-align:center;
	}
	.main-botton-small.blue {
		background-color:#3CCBFF;
		color:#FFFFFF;
	}
	.main-botton-small.blue:hover {
		background-color:#11BFFF;
		color:#FFFFFF;
	}
	.main-botton {
		font-size:0.7rem;
		padding: 10px 15px;
		font-weight:bold;
		display: inline-flex;
    	align-items: center;
		border-radius:3px;
		text-align:center;
	}
	.main-botton.blue {
		background-color:#3CCBFF;
		color:#FFFFFF;
	}
	.main-botton.blue:hover {
		background-color:#11BFFF;
		color:#FFFFFF;
	}
	.main-botton.grey {
		background-color:#666666;
		color:#FFFFFF;
	}
	.main-botton.grey:hover {
		background-color:#444444;
		color:#FFFFFF;
	}
	.main-botton.green {
		background-color:#0AB754;
		color:#FFFFFF;
	}
	.main-botton.green:hover {
		background-color:#039843;
		color:#FFFFFF;
	}
	.main-botton.red {
		background-color:#FF4144;
		color:#FFFFFF;
	}
	.main-botton.red:hover {
		background-color:#F41317;
		color:#FFFFFF;
	}
	.upload-botton {
		font-size:0.7rem;
		padding: 10px;
		display: inline-flex;
    	align-items: center;
		border-radius:3px;
		text-align:center;
		background-color:#0AB754;
		color:#FFFFFF;
	}
	.upload-botton:hover {
		background-color:#039843;
		color:#FFFFFF;
	}
	.upload-botton.active {
		background-color:#D0D0D0;
		color:#909090;
		cursor: default;
		pointer-events: none;
		
	}
	/*BOTTON-LINK-END--------------------------------*/
	/*TEXT-LINK--------------------------------*/
	.text-link {
		font-size:0.8rem;
	}
	.text-link.blue {
		color:#3CCBFF;
	}
	.text-link.blue:hover {
		color:#11BFFF;
	}
	.text-link.grey {
		color:#666;
	}
	.text-link.grey:hover {
		color:#444;
	}
	/*TEXT-LINK-END--------------------------------*/
	/*FONT--------------------------------*/
	.alerthead {
		font-size: 1.2rem;
		height: auto;
		margin: 0;
		padding: 5px 0;
		font-weight:bold;
	}
	.headtext-line {
		font-size: 2.5rem;
		height: auto;
		margin: 0;
		padding: 5px 0;
		font-family: DSNWatTaNa;
		width:100%;
		text-align:center;
		position: relative;
	}
	.headtext-line span {
		background: #FFF;
		z-index: 100;
		position: relative;
		padding: 0 35px;
	}
	.headtext-line:before {
		content: "";
		height: 1px;
		width: 100%;
		background: #D5D5D5;
		top: 36px;
		left: 0;
		position: absolute;
		z-index: 10;
	}
	
	.headtext {
		font-size: 2.5rem;
		height: auto;
		margin: 0;
		padding: 5px 0;
		font-family: DSNWatTaNa;
	}
	.headsmall {
		font-size: 1.2rem;
		height: auto;
		margin: 0;
		padding: 5px 0;
		font-family: DSNWatTaNa;
	}
	.nomaltext {
		font-size: 0.9rem;
		height: auto;
		margin: 0;
	}
	.nomalsmall {
		font-size: 0.8rem;
		height: auto;
		margin: 0;
	}
	.nicetext {
		font-size: 1rem;
		height: auto;
		margin: 0;
	}
	.icon-biggest {
		font-size: 3rem;
		font-family:"foundation icons";
		margin: 0;
		line-height: 3rem;
		height: auto;
	}
	.correct-ico-status {
		font-size: 1.2rem;
		font-family:"foundation icons";
		margin: 0;
		line-height: 0.8rem;
		height: auto;
		color:#0AB754;
	}
	.word-tag {
		font-size: 0.7rem;
		color: #FFFFFF;
		background-color: #008CBA ;
		padding: 5px 8px;
		display: inline-block;
		border-radius: 3px;
		margin: 3px 1.5px;
		cursor: default;
	}
	.red-00 {
		color: #FD6063;
	}
	.black-00 {
		color:#444444;
	}
	.black-01 {
		color:#666666;
	}
	.black-02 {
		color:#888888;
	}
	.white-00 {
		color:#FFFFFF;
	}
	.orange-00 {
		color:#FF7E00;
	}
	.blue-00 {
		color:#3CCBFF;
	}
	.green-00 {
		color:#0AB754;
	}
	.text-bold {
		font-weight:bold;
	}
	.size-2 {
		font-size:2rem;
	}
	.cut-font {
		font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	}
	/*FONT-END--------------------------------*/
	/*DIY---------------------------------*/
	.border-t-white1-1 {
		border-top: 1px solid #e5e5e5;
	}
	.border-b-white1-1 {
		border-bottom: 1px solid #e5e5e5;
	}
	.pad-5 {
		padding:5px;
	}
	.pad-10 {
		padding:10px;
	}
	.pad-l-5 {
		padding-left:5px;
	}
	.pad-l-20 {
		padding-left:20px;
	}
	.pad-l-30 {
		padding-left:30px;
	}
	.pad-r-5 {
		padding-right:5px;
	}
	.pad-r-10 {
		padding-right:10px;
	}
	.pad-r-15 {
		padding-right:15px;
	}
	.pad-r-20 {
		padding-right:20px;
	}
	.pad-r-30 {
		padding-right:30px;
	}
	.pad-b-5 {
		padding-bottom:5px;
	}
	.pad-b-10 {
		padding-bottom:10px;
	}
	.pad-b-15 {
		padding-bottom:15px;
	}
	.pad-b-20 {
		padding-bottom:20px;
	}
	.pad-b-35 {
		padding-bottom:35px;
	}
	.pad-b-40 {
		padding-bottom:40px;
	}
	.pad-t-5 {
		padding-top:5px;
	}
	.pad-t-10 {
		padding-top:10px;
	}
	.pad-t-15 {
		padding-top:15px;
	}
	.pad-t-20 {
		padding-top:20px;
	}
	.pad-t-25 {
		padding-top:25px;
	}
	.pad-t-22 {
		padding-top:22px;
	}
	.pad-t-35 {
		padding-top:35px;
	}
	.mar-t-10 {
		margin-top:10px;
	}
	.mar-r-5 {
		margin-right:5px;
	}
	.mar-r-10 {
		margin-right:10px;
	}
	.mar-b-5 {
		margin-bottom:5px;
	}
	/*DIY-END--------------------------------*/
	/*FORCE--------------------------------*/
	.force-fullwidth {
		width:100%;
	}
	.force-low-lineheight {
		line-height:1rem;
	}
	.force-left {
		text-align:left;
	}
	.force-right {
		text-align:right;
	}
	.force-pad-0-45-0-0 {		
		padding: 0 45px 0 0 !important;
	}
	.force-pad-0-0-0-45 {
		padding: 0 0 0 45px !important;
	}
	a[disable] {
	   pointer-events: none;
	   cursor: default;
	   background-color:#A6A6A6 !important;
	}
	.ninja {
		display:none;
	}
	.force-overflow {
		overflow:hidden;
	}
	/*FORCE-END-------------------------------*/
	/*CIENT----------------*/
	.simply-scroll-container { 
		position: relative;
	}
	.simply-scroll-clip { 
		position: relative;
		overflow: hidden;
	}
	.simply-scroll-list { 
	position: absolute;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.simply-scroll-list li {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.simply-scroll-list li img {
		height:80px;
		width:auto;
		border: none;
		display: block;
	}
	/* brt don't do any ting*/
	.simply-scroll-btn {
		position: absolute;
		background-image: url(buttons.png);
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}	
	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
		background-position: 0 -88px;
	}	
	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: -84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: -84px 0 !important;
	}
	.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
		background-position: -84px -88px;
	}	
	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
		background-position: -126px -88px;
	}	
	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
		background-position: -42px -88px;
	}	
	.simply-scroll-btn-pause {
		right: 6px;
		bottom: 6px;
		background-position: -168px -44px;
	}
	.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
		background-position: -168px -88px;
	}
	
	.simply-scroll-btn-pause.active {
		background-position: -84px -44px;
	}
	.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
		background-position: -84px -88px;
	}
	/* brt don't do any ting*/

	.simply-scroll {
		width: 100%;
		height: 80px;
	}
	.simply-scroll .simply-scroll-clip {
		width: 100%;
		height: 80px;
	}
	.simply-scroll .simply-scroll-list {}
	.simply-scroll .simply-scroll-list li {
		  float: left;
		  width: auto;
		  height: 80px;
		  margin:0 35px;
	  }
	/*another set don't do any ting*/
	.simply-scroll .simply-scroll-list li img {}
	.simply-scroll .simply-scroll-btn {}
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}
	.vert { 
		width: 340px;
		height: 400px;
		margin-bottom: 1.5em;
	}
	.vert .simply-scroll-clip {
		width: 290px;
		height: 400px;
	}
	.vert .simply-scroll-list {}
	.vert .simply-scroll-list li {
		width: 290px;
		height: 200px;
	}
	.vert .simply-scroll-list li img {}	
	.vert .simply-scroll-btn {}
	.vert .simply-scroll-btn-up {
		right: 0;
		top: 0;
	}
	.vert .simply-scroll-btn-up.disabled {}
	.vert .simply-scroll-btn-up:hover {}	
	.vert .simply-scroll-btn-down {
		right: 0;
		top: 52px;
	}
	.vert .simply-scroll-btn-down.disabled {}
	.vert .simply-scroll-btn-down:hover {}
	/*another set don't do any ting*/
	/*CIENT----------------*/
	
	/*---only medium---------*/
	.m-ninja {
		display:none !important;
	}
	.m-0-pad {
		padding:0 !important;
	}
	.m-0-20-pad {
		padding:0 20px !important;
	}
	.m-box-30 {
		width:30% !important;
	}
	.m-box-50 {
		width:50% !important;
	}
	.m-box-70 {
		width:70% !important;
	}
	.m-box-80 {
		width:80% !important;
	}
	.m-box-90 {
		width:80% !important;
	}
	.m-text-center {
		text-align:center !important;
	}
	.m-font-size7 {
		font-size:0.7rem !important;
	}
	
	
}