@charset "UTF-8";
/* CSS Document */

/*=======================================================================
=============================--CSS FILE--================================
=======================================================================*/

/*======================================================================
============================GENERAL FORMAT==============================
======================================================================*/

	/*====================Embed Font====================*/
	
	@font-face {
		font-family:'BebasNeue-Bold';
		src: url('../../font/BebasNeue/BebasNeue-Bold.eot')format('eot'),
				 url('../../font/BebasNeue/BebasNeue-Bold.woff')format('woff'),
				 url('../../font/BebasNeue/BebasNeue-Bold.ttf')format('truetype');
	}
	
	@font-face {
		font-family:'BebasNeue-Book';
		src: url('../../font/BebasNeue/BebasNeue-Book.eot')format('eot'),
				 url('../../font/BebasNeue/BebasNeue-Book.woff')format('woff'), 
				 url('../../font/BebasNeue/BebasNeue-Book.ttf')format('truetype');
	}
	
	@font-face {
		font-family:'BebasNeue-Light';
		src: url('../../font/BebasNeue/BebasNeue-Light.eot')format('eot'),
				 url('../../font/BebasNeue/BebasNeue-Light.woff')format('woff'),  
				 url('../../font/BebasNeue/BebasNeue-Light.ttf')format('truetype');
	}
	
	@font-face {
		font-family:'BebasNeue-Regular';
		src: url('../../font/BebasNeue/BebasNeue-Regular.eot')format('eot'),
				 url('../../font/BebasNeue/BebasNeue-Regular.woff')format('woff'),
				 url('../../font/BebasNeue/BebasNeue-Regular.ttf')format('truetype');  
	}
	
	@font-face {
		font-family:'BebasNeue-Thin';
		src: url('../../font/BebasNeue/BebasNeue-Thin.eot')format('eot'),
				 url('../../font/BebasNeue/BebasNeue-Thin.woff')format('woff'),
				 url('../../font/BebasNeue/BebasNeue-Thin.ttf')format('truetype');  
	}
	
	@font-face {
		font-family:'Gidole-Regular';
		src: url('../../font/Gidole/Gidole-Regular.eot')format('eot'), 
				 url('../../font/Gidole/Gidole-Regular.woff')format('woff'),
				 url('../../font/Gidole/Gidole-Regular.ttf')format('truetype'); 
	}
	
	@font-face {
		font-family:'UTM A&S Heartbeat';
		src:url('../../font/Heartbeat/UTMA&SHeartbeat.eot')format('eot'), 
				url('../../font/Heartbeat/UTMA&SHeartbeat.woff')format('woff'),
				url('../../font/Heartbeat/UTMA&SHeartbeat.ttf')format('truetype'); 
	}
	
	* {
				 box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	
	/*====================header====================*/
			
	.logoArea a img {
	position:absolute;
	        transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	left:50%;
}

/*=====mainMenu=====*/
	
	.mainMenu {
		position:relative;
		height:2.3rem;
		border-bottom:solid 0.064rem #ccc;
		z-index:1;
	}
	
	.menu_color {
		position:absolute;
		transform:translate(-50%,-50%);
		left:50%;
		top:50%;
	}

	#primary_nav_wrap ul {
		list-style:none;
		position:relative;
		float:left;
		margin:0;
		padding:0;
	}
	
	#primary_nav_wrap ul a
	{
		display:block;
		color:#000;
		text-decoration:none;
		font-size:1.5rem;
		line-height:2rem;
		padding:0 1rem;
		font-family:BebasNeue-Regular;
		font-size:1.5rem;
	}
	
	#primary_nav_wrap ul li {
		position:relative;
		float:left;
		margin:0;
		padding:0;
		z-index:1;
		border-bottom:solid medium #fff;
	}
	
	#primary_nav_wrap ul li:hover, #primary_nav_wrap ul li:active
	{
		border-bottom:solid medium #000;
	}
	
	#primary_nav_wrap ul ul
	{
		display:none;
		position:absolute;
		margin-top:.2rem;
		background:#fff;
	}
	
	#primary_nav_wrap ul ul .liMen {
		width:5.3rem;
	}
	
	#primary_nav_wrap ul ul li:hover {
		background:#CCC;
		border-bottom:solid medium #ccc;
	}
	
	#primary_nav_wrap ul ul .liMen:hover {
		border-bottom:solid medium #ccc;
	}
	
	#primary_nav_wrap ul ul li:hover {
		border-bottom:solid medium #fff;
	}
	
	#primary_nav_wrap ul ul ul li
	{
		float:none;
		width:15rem;
	}
	
	#primary_nav_wrap ul ul a
	{
		line-height:120%;
		padding:10px 15px;
	}
	
	#primary_nav_wrap ul ul ul
	{
		top:0;
		left:100%;
		margin-top:0;
	}
	
	#primary_nav_wrap ul li:hover > ul
	{
		display:block;
	}
	
/*=====showMenu=====*/
	
	.showMenu {
		position:fixed !important;
		height:2.3rem;
		border-bottom:solid 0.064rem #ccc;
		background:#fff;
		z-index:999;
	}
	
	.menu_color {
		position:absolute;
		transform:translate(-50%,-50%);
		left:50%;
		top:50%;
	}

	#primary_nav_wrap ul {
		list-style:none;
		position:relative;
		float:left;
		margin:0;
		padding:0;
	}
	
	#primary_nav_wrap ul a
	{
		display:block;
		color:#000;
		text-decoration:none;
		font-size:1.5rem;
		line-height:2rem;
		padding:0 1rem;
		font-family:BebasNeue-Regular;
		font-size:1.5rem;
	}
	
	#primary_nav_wrap ul li {
		position:relative;
		float:left;
		margin:0;
		padding:0;
		z-index:1;
		border-bottom:solid medium #fff;
	}
	
	#primary_nav_wrap ul li:hover
	{
		border-bottom:solid medium #000;
	}
	
	#primary_nav_wrap ul ul
	{
		display:none;
		position:absolute;
		margin-top:.2rem;
		background:#fff;
	}
	
	#primary_nav_wrap ul ul .liMen {
		width:5.3rem;
	}
	
	#primary_nav_wrap ul ul li:hover {
		background:#CCC;
		border-bottom:solid medium #ccc;
	}
	
	#primary_nav_wrap ul ul .liMen:hover {
		border-bottom:solid medium #ccc;
	}
	
	#primary_nav_wrap ul ul li:hover {
		border-bottom:solid medium #fff;
	}
	
	#primary_nav_wrap ul ul ul li
	{
		float:none;
		width:15rem;
	}
	
	#primary_nav_wrap ul ul a
	{
		line-height:120%;
		padding:10px 15px;
	}
	
	#primary_nav_wrap ul ul ul
	{
		top:0;
		left:100%;
		margin-top:0;
	}
	
	#primary_nav_wrap ul li:hover > ul
	{
		display:block;
	}
		
	/*=====row for banner=====*/
	
	.banner {
		margin-bottom:1.25rem;
		margin-top:1.25rem;
		z-index:-1;
	}
	
	* {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
		      box-sizing:border-box;
	}
	
	.bannerNav {
		margin:0;
		padding:0;
	}
	
	header {
		height:5rem;
	}
	
	.banner {
		height:20rem;
		width:100%;
		position:relative;
		overflow:hidden;
	}
	
	.bannerReel {
		height:100%;
		width:400%;
		position:absolute;
		background:#993;
	}
	
	.banner1, .banner2, .banner3, .banner4 {
		float:left;
		width:25%;
		height:100%;
		background-repeat:no-repeat;
		/*background-position:center center;*/
		background-size:cover;
	}
	
	.banner1 {background-image:url(../../img/shop/banner/banner_1.jpg);}
	.banner2 {background-image:url(../../img/shop/banner/banner_2.jpg);}
	.banner3 {background-image:url(../../img/shop/banner/banner_3.jpg);}
	.banner4 {background-image:url(../../img/shop/banner/banner_4.jpg);}
	
	/*---*/
	
	.banner1 .bannerContent1 {
		/*background:#6DB9E4;*/
	  transform:translate(300%,3rem);
		width:20%;
	}
	
	.banner1 .bannerContent1 h1, .banner1 .bannerContent1 h2, .banner1 .bannerContent1 h3 {
		color:#fff;
		margin:0;
		padding:0;
	}
	
	.banner1 .bannerContent1 h1 {
		font-family:'BebasNeue-Regular';
		font-size:4rem;
	}
	
	.banner1 .bannerContent1 h2, .banner1 .bannerContent1 h3 {
		font-size:3rem;
		padding-left: 1.5rem;
		font-family:'BebasNeue-Book';
	}
	
	.banner1 .bannerContent1 h3 {
		font-family:'BebasNeue-Bold';
	}
	
	.banner1 .bannerContent1 .bannerLine1 {
		/*background:#A566D6;*/
		border-left:0.2rem solid #fff;
		transform:translate(2rem,0);
	}
	
	/*---*/
	
	.banner2 .bannerContent2 {
		/*background:#6DB9E4;*/
	  transform:translate(315%,4rem);
		width:20%;
	}
	
	.banner2 .bannerContent2 h1, .banner2 .bannerContent2 h2, .banner2 .bannerContent2 h3 {
		color:#fff;
		margin:-1rem;
		padding:0;
		font-size:5.5rem;
		font-family:'BebasNeue-Book';
	}
	
	/*---*/
	
	.banner3 .bannerContent2 {
		/*background:#6DB9E4;*/
	  transform:translate(210%,4rem);
		width:30%;
	}
	
	.banner3 .bannerContent2 h1, .banner3 .bannerContent2 h2, .banner3 .bannerContent2 h3 {
		color:#fff;
		margin:-1rem;
		padding:0;
		font-size:5.5rem;
		font-family:'BebasNeue-Book';
	}
	
	/*---*/
	
	.banner4 .bannerContent1 {
		/*background:#6DB9E4;*/
	-webkit- transform:translate(230%,3rem);
	-moz- transform:translate(230%,3rem);
	  transform:translate(230%,3rem);
		width:30%;
	}
	
	.banner4 .bannerContent1 h1, .banner4 .bannerContent1 h2, .banner4 .bannerContent1 h3 {
		color:#fff;
		margin:0;
		padding:0;
	}
	
	.banner4 .bannerContent1 h1 {
		font-family:'BebasNeue-Regular';
		font-size:4rem;
	}
	
	.banner4 .bannerContent1 h2, .banner4 .bannerContent1 h3 {
		font-size:3rem;
		padding-left: 1.5rem;
		font-family:'BebasNeue-Book';
	}
	
	.banner4 .bannerContent1 h3 {
		font-family:'BebasNeue-Bold';
	}
	
	.banner4 .bannerContent1 .bannerLine1 {
		/*background:#A566D6;*/
		border-left:0.2rem solid #fff;
		-webkit-transform:translate(2rem,0);
		-moz-transform:translate(2rem,0);
		transform:translate(2rem,0);
	}
	
	/*---*/
	
	.bannerNav {
		margin:0;
		padding:0;
		list-style-type:none;
		position:absolute;
		bottom:1%;
		left:50%;
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
						transform:translateX(-50%);
	}
	
	.bannerNav li {
		float:left;
		margin:0.5rem;
	}
	
	.bannerNav a {
		display:block;
		/*background:rgba(255,255,255,0.75);*/
		width:1rem;
		height:1rem;
		border-radius:50%;
		text-indent:-99999rem;
		border:solid 0.064rem #fff;
	}
	
	.bannerNav a:hover, .bannerNav .active {
		background:#fff;
	}
	
	#goNext, #goPrev {
		position:absolute;
		top:50%;
		/*background:rgba(255,255,255,0.35);*/
		border:solid 0.064rem #fff;
		text-decoration:none;
		font-size:1.5rem;
		width:4rem;
		height:2rem;
		font-weight:bold;
		color:#fff;
		/*border-radius:50%;*/
		text-align:center;
		line-height:1.75rem;
		-webkit-transform:translateY(-50%);
						transform:translateY(-50%);
	}
	
	#goNext:hover, #goPrev:hover {
		background:#fff;
		color:#000;
	}
	
	#goPrev { left:2%; }
	#goNext { right:2%; }

	/*====================body====================*/
		
	/*=====row for frmSch + brdCrm + shpBag + product=====*/
		
	/*product*/

	section ul>li {
		padding-bottom:0 !important;
	}
	
	section h2 {
		font-size:1.5rem;
		font-family:BebasNeue-Bold;
	}
	
	section a img {
		margin-right:.5rem;
		margin-bottom:.5rem;
	}

	section p {
		margin-top:0;
		margin-bottom:.5rem;
	}
	
	section a {
		text-decoration:none;
		color:#666;
	}
	
	section a:hover {
		color:#000;
	}
	
	.unsalePrice {
		text-decoration:line-through;
	}
	
	.salePrice {
		font-weight:bold;
	}
	
	section .cloName, section .cloPrice {
		font-family:Gidole-Regular;
		font-size:1.25 rem;
	}
	
	.cloDes_border {
		border:solid 1px #CCCCCC;
		padding:0.5rem;
		position:relative;
		margin-bottom:1.25rem;
	}
	
	.cloDes_border .sale {
		background-color:red;
		top:3.75%;
	}
	
	.cloDes_border .new {
		background-color:black;
		top:11%;
	}
	
	.sale, .new {
		color:white;
		width:3.5rem;
		height:1.5rem;
		position:absolute;
		list-style:none;
		left:7%;
	}
	
	.new p {
		margin-left:1rem;;
		font-family:BebasNeue-Book;
		letter-spacing:0.063rem;
	}
	
	.sale p {
		margin-left:0.85rem;
		font-family:BebasNeue-Book;
		letter-spacing:0.063rem;
	}
	
	/*brdCrm*/
	
	/*frmSch*/
	
	.frmSch {
		height:3rem;	
	}
	
	.frmSch div {
		position:relative;
	}
	
	.fS_nav {
		position:absolute;
		transform:translateY(90%);
		font-family:BebasNeue-Bold;
		font-size:1.1rem;
	}
	
	.fS_form {
		transform:translateY(90%);
		position:relative;
		z-index:-1;
	}
	
	.fS_form form input {
		border:solid 0.064rem #666;
		border-radius:0.3rem;
		width:80%;
		height:1.5rem;
		position:absolute;
		transform:translateY(50%);
	}
	
	.fS_form form a {
		text-decoration:none;
		color:#666;
	}
	
	.fS_form form a:hover {
		color:#000;
	}
	
	/*shpBag*/
	
	.shpBag {
		background:#333;
		position:relative;
		height:3rem;
	}
	
	.shpBag ul {
		position:absolute;
		transform:translate(-50%,-50%);
		top:50%;
		left:50%;
		font-family:BebasNeue-Bold;
		font-size:1.1rem;
	}
	
	.shpBag ul li a {
		text-decoration:none;
		color:#fff;
	}
	
	.shpBag ul li a:hover {
		text-decoration:underline;
	}
	
	/*.shpBag a:after {
		content:"";
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
		background:#000;
		transform:translate(-100%,0);
		transition:transform 300ms ease-out;
		z-index:-1;
	}
	.shpBag a:hover {
		border-left-color:#000;
		color:#fff;
	}
	.shpBag a:hover:after {
		transform:translate(0,0);
	}*/ /*effect*/
	
	/*==========row for footer==========*/

	/*=====row for signUp=====*/
	
	footer .signUp {
		font-family:BebasNeue-Light;
		font-size:1.5rem;
		line-height:2.25rem;
		color:#FFF;
	}
	
	.signUp {
		background-color:#333;
	}
	
	.signUp .strong {
		font-family:BebasNeue-Regular;
	}
	
	.footer-form__submit {
		vertical-align:middle;
	}
	
	/*place for email*/
	
	footer .signUp .footer-form__input {
    position: relative;
    display: inline-block;
    width: 8rem;;
    height: 1.5rem;
    background: #454C51 none repeat scroll 0% 0%;
    color: #FFF;
    font-family:Gidole;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"] {
		line-height: inherit;
	}
	
	.signUp .footer-form {
		text-align:left;
	}
	
	input {
    border: none;
    padding:0 0.25rem;
	}
	
	/*place for submit button*/
	
	footer .footer-form__submit {
    				transition: all 0.3s ease 0s;
			 -moz-transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 1.5rem;
    border: thin solid #fff;
    background: transparent none repeat scroll 0% 0%;
    color: #fff;
    text-align: center;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-family: BebasNeue-Bold;
    cursor: pointer;
    letter-spacing: 0.064rem;
		margin-left:1rem;
	}
	
	footer .footer-form__input {
		vertical-align:middle
	}
	
	footer .footer-form__submit:hover {
		background-color:#fff;
		color:#000;
	}

	/*=====row for real_footer=====*/
	
	.footer ul li ul li a {
		text-decoration:none;
		color:#000;
	}
	
	#footer_small_1 ul li div ul li a {
		text-decoration:none;
		color:#000;
	}

/*======================================================================
============================MOBILE VERSION==============================
======================================================================*/
@media only screen and (max-width: 40em) {
	
	/*==========Row for logoArea + smallSch + smallMenu==========*/
	
	/*=====logoArea=====*/
	header {
		background-color:#000000;
		height:6.5rem;
	}
	
	.logoArea {
		height:6.188rem;
	}
	
	/*====================mainMenu-SMALL====================*/
	.menu3Vach {
		background-color:#E333A5;
		margin-left:87%;
	}
	
	.hamburgerMenu {
		position:absolute;
		top:0.8%;
		height:3rem;
		width:3rem;
		/*background:#C14A4C;*/
		/*border:0.05rem solid #fff;*/	
	}
	
	.hamburgerMenu i {
		text-align:center;
		line-height:2.5rem;
		margin:0 0 0 0.6rem;
	}
	
	.hamburgerMenu a {
		color:#fff;
		font-size:2.5rem;
		text-decoration:none;
	}
	
	.hamburgerMenu a:hover {
		color:#EEEEEE;
	}
	
	.mainMenuHolder {
		/*background:#A0494B;*/
		position:relative;
		overflow:hidden;
		min-height:100%;
	}
	
	.smallMainMenu {
		background:rgba(51,51,51,1);
		position:absolute;
		top:0;
		width:50%;
		margin-left:4rem;
		/*right:-50%;*/
		z-index:999;
	}
	
	.smallMainMenu ul {
		list-style-type:none;
		padding:0.5rem;
	}
	
	.smallMainMenu ul li {
		/*background:#FD1C1F;*/
		margin:0.5rem 0 0 0.3rem;
		border-bottom:0.05rem dashed #fff;
		width:80%;
	}
	
	.smallMainMenu ul li a {
		text-decoration:none;
		color:#fff;
		font-family:'BebasNeue-Regular';
		font-size:1.250rem;
		-webkit-transition:all .5s ease;
			 -moz-transition:all .5s ease;
				-ms-transition:all .5s ease;
						transition:all .5s ease;
	}
	
	.smallMainMenu ul li a:hover {
		color:#eee;
		/*border-bottom:0.1rem #fff solid;*/
	}
	
	.smallMainMenu ul li .titleSM {
		margin-left:1rem;
	}
	
	.smallMainMenu ul li .contentSM {
		font-family:'BebasNeue-Book';
		margin-left:2rem;
	}
	
	/*=====smallSch=====*/
	
	.smallSch {
		height:6.188rem;
		position:relative;
	}
	
	.smallSch a i {
		font-size:2.5rem;
		position:absolute;
		transform:translate(-50%,-50%);
		left:50%;
		top:50%;
	}
	
	.smallSch a {
		text-decoration:none;
		color:#eee;
	}
	
	.smallSch a:hover {
		color:#999;
	}
	
	/*=====smallMenu=====*/
	
	.smallMenu {
		height:6.188rem;
	}
	
	.smallMenu a i {
		font-size:2.5rem;
		position:absolute;
		transform:translate(-50%,-50%);
		left:50%;
		top:50%;
	}
	
	.smallMenu a {
		text-decoration:none;
		color:#eee;
	}
	
	.smallMenu a:hover {
		color:#999;
	}
	
	/*new*/
	
	/*==========Main Menu Area==========*/
	.smallMenu {
		height:100%; /*collapse parent*/
	}
	.smallMenu ul {
		position:absolute;
		top:50%;
		right:1rem; /*from right a little bit*/
		transform:translateY(-50%);
	}
	.smallMenu li {
		margin:0 0 0 0.3rem;
	}
	.smallMenu a, smallMenu a:hover {
		color:#fff;
		font-size:1.6rem;
	}
	
	/*===========row for body===========*/
	
	/*men_women*/
	
	.men_women {
		margin: 1.25rem 0;
	}
		
			/*women*/
			
			.women {
				margin-bottom:1.25rem;
			}
			
			.woBlackbox {
				background:#333;
				color:#fff;
				height:11.8rem;
				position:relative;
			}
			
			.textBox {
				position:absolute;
				transform:translate(-50%,-50%);
				left:50%;
				top:50%;
				list-style:none;
				margin:0;
				padding:0;
				background:#CCC;
			}
			
			.shopTextBig {
				font-family:BebasNeue-Bold;
				font-size:3.5rem;
				position:absolute;
				transform:translate(-50%,-50%);
				left:50%;
			}
			
			.shopTextSmall_1 {
				font-family:BebasNeue-Book;
				font-size:1rem;
				letter-spacing:0.064rem;
				position:absolute;
				transform:translate(-50%,100%);
				left:50%;
			}
			
			.woShp {
				position:relative;
			}
			.woShp {
				border-color:#333;
			}
			.woShp:after {
				content:"";
				position:absolute;
				right:91%;
				top:45%;
				border-top: 1rem solid transparent;
				border-bottom: 1rem solid transparent;
				border-right: 1.25rem solid #333;
			}
			
			/*men*/
			
			.menBlackbox {
				background:#333;
				color:#fff;
				height:11.8rem;
				position:relative;
			}
			
			.textBox {
				position:absolute;
				transform:translate(-50%,-50%);
				left:50%;
				top:50%;
				list-style:none;
				margin:0;
				padding:0;
				width:90%;
			}
			
			.shopTextSmall_2 {
				font-family:BebasNeue-Book;
				font-size:1rem;
				letter-spacing:0.064rem;
				position:absolute;
				transform:translate(-50%,100%);
				left:50%;
			}
			
			.menShp {
				position:relative;
			}
			.menShp {
				border-color:#333;
			}
			.menShp:after {
				content:"";
				position:absolute;
				left:91%;
				top:45%;
				border-top: 1rem solid transparent;
				border-bottom: 1rem solid transparent;
				border-left: 1.25rem solid #333;
			}
			
			/*============row for man_body=========*/
			
			/*products*/
			
			.h2Line_for_new {
				border-bottom:solid 0.064rem #000;
				position:relative;
				height:2.5rem;
				margin:0;
				padding:0;
			}
		
			.h2Line_for_new h2 {
				position:absolute;
				border-bottom:solid .4rem #000;
				margin:0;
				padding:0;
			}
			
			.h2Line_for_best {
				border-bottom:solid 0.064rem #000;
				position:relative;
				height:2.5rem;
				margin:0;
				padding:0;
			}
			
			.h2Line_for_best h2 {
				position:absolute;
				border-bottom:solid .4rem #000;
				margin:0;
				padding:0;
			}
			
			.products div section ul {
				margin-top:1.25rem;
			}
			
			.info h3 {
			background:#900;
			text-align:center;
			color:#fff;
			font-family:BebasNeue-Regular;
			font-size:1.5rem;
		}
		
		.info p {
			background:#333;
			text-align:center;
			color:#fff;
			font-family:Gidole;
			font-size:1rem;
		}
	
	/*==========row for footer==========*/
	
	/*=====real_footer=====*/
	
	#footer_small_1 {
		padding-top:0.5rem;
		border-top:solid 0.25rem #000;
		position:relative;
		height:15rem;
		margin-top:0.5rem;
	}
	
	#footer_small_1 ul li {
		list-style:none;
		font-family:Gidole;
	}
	
	#footer_small_1 ul li .social h5 {
		font-family:BebasNeue-Bold;
		font-size:2.5rem;
		position:absolute;
		transform:translateX(-50%);
		left:50%;
	}
	
	#footer_small_1 ul .text1 {
		position:absolute;
		transform:translateX(-50%);
		left:50%;
		margin-top:3.5rem;
	}
	
	#footer_small_1 ul .text2 {
		position:absolute;
		transform:translateX(-50%);
		left:50%;
		margin-top:5rem;
	}
	
	#footer_small_1 ul li .small_footer_fb_menu {
		position:absolute;
		transform:translateX(-50%);
		left:50%;
		margin-top:8rem;
		width:70%;
	}
	
	#footer_small_1 ul li .small_footer_fb_menu ul li {
		font-size:2.5rem;
		margin-left:2rem;
		border:solid 0.064rem #000;
		padding:0 1.2rem;
	}
	
}

/*======================================================================
============================TABLET VERSION==============================
======================================================================*/
@media only screen and (min-width: 40.063em) {
	
	.logoArea {
		height:149px;
	}
	
	.menu_color {
		width:35.8rem;
	}
	
	/*==========row for body==========*/
	
	/*men_women*/
	
	.men_women {
		margin: 1.25rem 0;
	}
		
			/*women*/
			
			.woBlackbox {
				background:#333;
				color:#fff;
				height:12.8rem;
				position:relative;
			}
			
			.textBox {
				position:absolute;
				transform:translate(-50%,-50%);
				left:50%;
				top:50%;
				list-style:none;
				margin:0;
				padding:0;
				background:#CCC;
			}
			
			.shopTextBig {
				font-family:BebasNeue-Bold;
				font-size:3.5rem;
				position:absolute;
				transform:translate(-50%,-50%);
				left:50%;
			}
			
			.shopTextSmall_1 {
				font-family:BebasNeue-Book;
				font-size:1rem;
				letter-spacing:0.064rem;
				position:absolute;
				transform:translate(-50%,100%);
				left:50%;
			}
			
			.woShp {
				position:relative;
			}
			.woShp {
				border-color:#333;
			}
			.woShp:after {
				content:"";
				position:absolute;
				right:91%;
				top:45%;
				border-top: 1rem solid transparent;
				border-bottom: 1rem solid transparent;
				border-right: 1.25rem solid #333;
			}
			
			/*men*/
			
			.menBlackbox {
				background:#333;
				color:#fff;
				height:12.8rem;
				position:relative;
			}
			
			.textBox {
				position:absolute;
				transform:translate(-50%,-50%);
				left:50%;
				top:50%;
				list-style:none;
				margin:0;
				padding:0;
				width:90%;
			}
			
			.shopTextSmall_2 {
				font-family:BebasNeue-Book;
				font-size:1rem;
				letter-spacing:0.064rem;
				position:absolute;
				transform:translate(-50%,100%);
				left:50%;
			}
			
			.menShp {
				position:relative;
			}
			.menShp {
				border-color:#333;
			}
			.menShp:after {
				content:"";
				position:absolute;
				left:91%;
				top:45%;
				border-top: 1rem solid transparent;
				border-bottom: 1rem solid transparent;
				border-left: 1.25rem solid #333;
			}
	
	/*=====row for frmSch + brdCrm + shpBag + product=====*/
	
	/*frmSch*/
	
	.fS_form form a span {
		font-size:1.5rem;
		position:absolute;
		transform:translate(1200%,47%);
	}
	
	/*brdCrm*/
	
	.brdCrm ul {
		margin-left:0.3rem;
	}
	
	.brdCrm ul li {
		list-style:none;
		font-family:BebasNeue-Bold;
		font-size:1.1rem;
		margin:1rem 0 0 0;
		padding:0;
	}
	
	.brdCrm_nav {
		padding:0.01rem 0.5rem;
		border-left:solid medium #666666;
	}
	
	.color1 {
		background-color:#CCC;
	}
	
	.color2 {
		background-color:#999;
	}
	
	.color3 {
		background-color:#666;
	}
	
	.color1, .color2, .color3 {
		padding:0.01rem 0.5rem;
	}
	
	/*shpBag*/
	
	/*products*/
	
	.h2Line_for_new {
			border-bottom:solid 0.064rem #000;
			position:relative;
			height:2.5rem;
			margin:0;
			padding:0;
		}
		
		.h2Line_for_new h2 {
			position:absolute;
			border-bottom:solid .4rem #000;
			margin:0;
			padding:0;
		}
		
		.h2Line_for_best {
			border-bottom:solid 0.064rem #000;
			position:relative;
			height:2.5rem;
			margin:0;
			padding:0;
		}
		
		.h2Line_for_best h2 {
			position:absolute;
			width:13%;
			border-bottom:solid .4rem #000;
			margin:0;
			padding:0;
		}
		
		.products div section ul {
			margin-top:1.25rem;
		}
		
		.info h3 {
			background:#900;
			text-align:center;
			color:#fff;
			font-family:BebasNeue-Regular;
			font-size:1.5rem;
		}
		
		.info p {
			background:#333;
			text-align:center;
			color:#fff;
			font-family:Gidole;
			font-size:1rem;
		}
	
	/*==========row for footer==========*/

	/*=====row for signUp=====*/

	/*=====row for real_footer=====*/
	
	footer div ul {
		list-style:none;
	}
	
	footer div ul li a {
		text-decoration:none;
	}
	
	footer .borderLeft {
		border-left:solid 0.063rem #999;
	}
	
	.footer {
		margin-top:1.5rem;
		margin-bottom:1.5rem;
	}
	
	.footer h5 {
		font-family:BebasNeue-Bold;
		font-size:1.2rem;
	}
	
	.footer ul li ul li a {
		font-family:Gidole;
		font-size:0.9rem;
	}
	
	.footer ul li ul li {
		font-family:Gidole;
		font-size:0.9rem;
	}
	
	.footer ul li ul li a i {
		font-size:2rem;
	}
	
}

/*======================================================================
==============================PC VERSION================================
======================================================================*/
@media only screen and (min-width: 64.063em) {
	
	/*==========Row for header==========*/
	
	.logoArea {
		height:149px;
	}
	
	/*=====Row for banner=====*/
	
	/*=====Row for frmSch + shpBag=====*/
	
		/*frmSch*/
		
		.fS_form form a span {
			font-size:1.5rem;
			position:absolute;
			transform:translate(1600%,47%);
		}
	
	/*=====Row for main_body=====*/
	
		/*detailSch + category*/
		
		/*brdCrm + shpBag + products*/
		
		.info p {
			background:rgba(0,0,0,0);
		}
		
		/*brdCrm*/
	
		/*shpBag*/
		
	/*men_women*/
	
	.men_women {
		margin: 1.25rem 0;
	}
		
			/*women*/
			
			.woBlackbox {
				background:#333;
				color:#fff;
				height:13.6rem;
				position:relative;
			}
			
			.textBox {
				position:absolute;
				transform:translate(-50%,-50%);
				left:50%;
				top:50%;
				list-style:none;
				margin:0;
				padding:0;
			}
			
			.shopTextBig {
				font-family:BebasNeue-Bold;
				font-size:5rem;
			}
			
			.shopTextSmall_1 {
				font-family:BebasNeue-Book;
				font-size:1rem;
				letter-spacing:0.064rem;
				position:absolute;
				transform:translate(-50%,100%);
				left:50%;
			}
			
			.woShp {
				position:relative;
			}
			.woShp {
				border-color:#333;
			}
			.woShp:after {
				content:"";
				position:absolute;
				right:93%;
				top:45%;
				border-top: 1rem solid transparent;
				border-bottom: 1rem solid transparent;
				border-right: 1.25rem solid #333;
			}
			
			/*men*/
			
			.menBlackbox {
				background:#333;
				color:#fff;
				height:13.6rem;
				position:relative;
			}
			
			.textBox {
				position:absolute;
				transform:translate(-50%,-50%);
				left:50%;
				top:50%;
				list-style:none;
				margin:0;
				padding:0;
				background:#CCC;
				width:90%;
			}
			
			.shopTextBig {
				font-family:BebasNeue-Bold;
				font-size:5rem;
				position:absolute;
				transform:translate(-50%,-50%);
				left:50%;
			}
			
			.shopTextSmall_2 {
				font-family:BebasNeue-Book;
				font-size:1rem;
				letter-spacing:0.064rem;
				position:absolute;
				transform:translate(-50%,100%);
				left:50%;
			}
			
			.menShp {
				position:relative;
			}
			.menShp {
				border-color:#333;
			}
			.menShp:after {
				content:"";
				position:absolute;
				left:93%;
				top:45%;
				border-top: 1rem solid transparent;
				border-bottom: 1rem solid transparent;
				border-left: 1.25rem solid #333;
			}
				
		/*products*/
		
		.h2Line_for_new {
			border-bottom:solid 0.064rem #000;
			position:relative;
			height:2.5rem;
			margin:0;
			padding:0;
		}
		
		.h2Line_for_new h2 {
			position:absolute;
			border-bottom:solid .4rem #000;
			margin:0;
			padding:0;
		}
		
		.h2Line_for_best {
			border-bottom:solid 0.064rem #000;
			position:relative;
			height:2.5rem;
			margin:0;
			padding:0;
		}
		
		.h2Line_for_best h2 {
			position:absolute;
			width:13%;
			border-bottom:solid .4rem #000;
			margin:0;
			padding:0;
		}
		
		.products div section ul {
			margin-top:1.25rem;
		}
		
		.ih-item {
		position: relative;
		-webkit-transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}
	.ih-item,
	.ih-item * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.ih-item a {
		color: #333;
	}
	.ih-item a:hover {
		text-decoration: none;
	}
	
	/*.ih-item.square {
		position: relative;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	}*/
	.ih-item.square .info {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	/*===============effect6=============*/
	
	/*from top and bottom*/
	
	.ih-item.square.effect6 {
		overflow: hidden;
	}
	.ih-item.square.effect6.colored .info {
		/*background: #1a4a72;
		background: rgba(26, 74, 114, 0.6);*/
	}
	.ih-item.square.effect6.colored .info h3 {
		background: rgba(0,0,0,0.6);
	}
	.ih-item.square.effect6 .img {
		-webkit-transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.ih-item.square.effect6 .info {
		background: #333333;
		background: rgba(0, 0, 0, 0.6);
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}
	.ih-item.square.effect6 .info h3 {
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		font-family:BebasNeue-Bold;
		font-size: 1.5rem;
		padding: 10px;
		background: #111111;
		margin: 7.5rem 0 0 0;
		-webkit-transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}
	.ih-item.square.effect6 .info p {
		font-style: italic;
		font-family:Gidole;
		font-size: 1rem;
		position: relative;
		color: #bbb;
		padding: 1.25rem 1.25rem 1.25rem;
		text-align: center;
		-webkit-transition: all 0.35s 0.1s linear;
		-moz-transition: all 0.35s 0.1s linear;
		transition: all 0.35s 0.1s linear;
	}
	.ih-item.square.effect6 a:hover .img {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	.ih-item.square.effect6 a:hover .info {
		visibility: visible;
		opacity: 1;
	}
	
	.ih-item.square.effect6.from_top_and_bottom .info h3 {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.ih-item.square.effect6.from_top_and_bottom .info p {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
	.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	
	/*else*/
	
	.ih-item.square.effect6.from_left_and_right .info h3 {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	.ih-item.square.effect6.from_left_and_right .info p {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	.ih-item.square.effect6.from_left_and_right a:hover .info h3,
	.ih-item.square.effect6.from_left_and_right a:hover .info p {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	
	.ih-item.square.effect6.top_to_bottom .info h3 {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.ih-item.square.effect6.top_to_bottom .info p {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.ih-item.square.effect6.top_to_bottom a:hover .info h3,
	.ih-item.square.effect6.top_to_bottom a:hover .info p {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	
	.ih-item.square.effect6.bottom_to_top .info h3 {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	.ih-item.square.effect6.bottom_to_top .info p {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	.ih-item.square.effect6.bottom_to_top a:hover .info h3,
	.ih-item.square.effect6.bottom_to_top a:hover .info p {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
		
	/*==========Row for footer==========*/
	
		/*=====Row for signUp=====*/
	
		.footerForm form {
			margin-left:7rem;
		}
	
		/*=====Row for real footer=====*/
	
		footer div ul {
			list-style:none;
		}
		
		footer div ul li a {
			text-decoration:none;
		}
		
		footer .borderLeft {
			border-left:solid 0.063rem #999;
		}
		
		footer .borderLeft_site {
			border-left:solid 0.063rem #999;
		}
		
		.footer {
			margin-top:1.5rem;
			margin-bottom:1.5rem;
		}
		
		.footer h5 {
			font-family:BebasNeue-Bold;
			font-size:1.2rem;
		}
		
		.footer ul li ul li a {
			font-family:Gidole;
			font-size:0.9rem;
		}
		
		.footer ul li ul li {
			font-family:Gidole;
			font-size:0.9rem;
		}
		
		.footer ul li ul li a i {
			font-size:2rem;
		}
		
}
