﻿@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family : Tahoma , Verdana , sans-serif;
	font-size : 13px;
	color : #000000;
}

body {
	background-attachment : scroll , scroll;
	background-color: #ffffff;
	margin : 0;
	overflow-x: hidden;
}

@font-face {
    font-family: smk;
    src: url(../Font/supermarket.ttf);
}

/*------------------------------------------------------------------------------
                                   P A G E  :  A L L
------------------------------------------------------------------------------*/

.all-container {
	background: url(../Image/Background/all/bg-bbinnerwear.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
}

.wrapper {
	margin:auto;
	width:1228px;
}

.banner-box {
	width:1228px;
	position:relative;
}

.banner {
	width:1228px;
	z-index:3;
	position:absolute;
}

.bg-flash {
	background-repeat:no-repeat;
	position:relative;
	width:1024px;
	height:31px;
	z-index:2;
	top:-31px;
	left:105px;
	position:absolute;
}

.gap {
	width:300px;
}


/*------------------------------------------------------------------------------
                                   M E N U   H E A D E R
------------------------------------------------------------------------------*/

.all-bg-menu-headbar {
	background: url(../Image/Background/all/bg-head-menu.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:182px;
}

.wrapper-menu-header {
	background: url(../Image/Background/all/head-menu.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1234px;
	height:182px;
}

.all-menu-logo {
	width:128px;
	height:123px;
	z-index:2;
	top:30px;
	left:12px;
	position:absolute;
}

.all-menu-logo-over {
	background: url(../Image/Background/all/logo-over.jpg);
	background-repeat:no-repeat;
	width:128px;
	height:95px;
	z-index:1;
	top:30px;
	left:12px;
	position:absolute;
}

.all-menu-arrow {
	background-image: url(../Image/Background/all/menu-arrow.png);
	background-repeat:no-repeat;
	width:51px;
	height:27px;
	z-index:5;
	top:0px;
	left:137px;
	position:absolute;
}

.all-btn-menu-home {
	width:141px;
	height:77px;
	z-index:4;
	top:26px;
	left:162px;
	position:absolute;
}

.all-btn-menu-about {	
	width:166px;
	height:74px;
	z-index:4;
	top:26px;
	left:295px;
	position:absolute;
}

.all-btn-menu-cotton {
	width:196px;
	height:74px;
	z-index:4;
	top:26px;
	left:451px;
	position:absolute;
}

.all-btn-menu-size {
	width:266px;
	height:74px;
	z-index:4;
	top:26px;
	left:647px;
	position:absolute;
}

.all-btn-menu-innerwear {
	width:260px;
	height:64px;
	z-index:4;
	top:103px;
	left:161px;
	position:absolute;
}

.all-btn-menu-polo-ready {
	width:202px;
	height:64px;
	z-index:4;
	top:103px;
	left:423px;
	position:absolute;
}

.all-btn-menu-polo-order {
	width:197px;
	height:64px;
	z-index:4;
	top:103px;
	left:627px;
	position:absolute;
}

.all-btn-menu-tshirt {
	width:142px;
	height:64px;
	z-index:4;
	top:103px;
	left:826px;
	position:absolute;
}

.all-btn-menu-other {
	width:167px;
	height:64px;
	z-index:4;
	top:103px;
	left:971px;
	position:absolute;
}	

.all-btn-menu-facebook {
	width:31px;
	height:31px;
	z-index:4;
	top:14px;
	left:1117px;
	position:absolute;
}	

.all-btn-menu-order {
	width:204px;
	height:43px;
	z-index:4;
	top:54px;
	left:890px;
	position:absolute;
}	

.all-btn-menu-contact {
	width:201px;
	height:49px;
	z-index:4;
	top:5px;
	left:906px;
	position:absolute;
}	

.all-menu-home-over {
	background-image: url(../Image/Background/all/menu-home-over.png);
	background-repeat:no-repeat;
	width:141px;
	height:77px;
	z-index:3;
	top:26px;
	left:162px;
	position:absolute;
}

.all-menu-about-over {
	background-image: url(../Image/Background/all/menu-about-over.png);
	background-repeat:no-repeat;
	width:166px;
	height:74px;
	z-index:3;
	top:26px;
	left:295px;
	position:absolute;
}

.all-menu-cotton-over {
	background-image: url(../Image/Background/all/menu-cotton-over.png);
	background-repeat:no-repeat;
	width:196px;
	height:74px;
	z-index:3;
	top:26px;
	left:451px;
	position:absolute;
}

.all-menu-size-over {
	background-image: url(../Image/Background/all/menu-size-over.png);
	background-repeat:no-repeat;
	width:266px;
	height:74px;
	z-index:3;
	top:26px;
	left:647px;
	position:absolute;
}

.all-menu-innerwear-over {
	background: url(../Image/Background/all/menu-sub.png)  0px 0px;
	background-repeat:no-repeat;
	width:260px;
	height:64px;
	z-index:3;
	top:103px;
	left:161px;
	position:absolute;
}

.all-menu-polo-ready-over {
	background: url(../Image/Background/all/menu-sub.png)  -263px 0px;
	background-repeat:no-repeat;
	width:202px;
	height:64px;
	z-index:3;
	top:103px;
	left:423px;
	position:absolute;
}

.all-menu-polo-order-over {
	background: url(../Image/Background/all/menu-sub.png)  -467px 0px;
	background-repeat:no-repeat;
	width:197px;
	height:64px;
	z-index:3;
	top:103px;
	left:627px;
	position:absolute;
}

.all-menu-tshirt-over {
	background: url(../Image/Background/all/menu-sub.png)  -666px 0px;
	background-repeat:no-repeat;
	width:142px;
	height:64px;
	z-index:3;
	top:103px;
	left:826px;
	position:absolute;
}

.all-menu-other-over {
	background: url(../Image/Background/all/menu-sub.png)  -811px 0px;
	background-repeat:no-repeat;
	width:167px;
	height:64px;
	z-index:3;
	top:103px;
	left:971px;
	position:absolute;
}

.all-menu-order-over {
	background: url(../Image/Background/all/menu-contact-over.png)   -1px -49px;
	background-repeat:no-repeat;
	width:204px;
	height:43px;
	z-index:3;
	top:54px;
	left:890px;
	position:absolute;
}

.all-menu-contact-over {
	background: url(../Image/Background/all/menu-contact-over.png)   -17px 0px;
	background-repeat:no-repeat;
	width:201px;
	height:49px;
	z-index:3;
	top:5px;
	left:906px;
	position:absolute;
}

.all-menu-facebook-over {
	background: url(../Image/Background/all/btn-facebook-over.jpg);
	background-repeat:no-repeat;
	width:31px;
	height:31px;
	z-index:3;
	top:14px;
	left:1117px;
	position:absolute;
}

.all-text-side {
	background-repeat:no-repeat;
	width:135px;
	z-index:2;
	top:240px;
	left:1260px;
	position:absolute;
}


/*------------------------------------------------------------------------------
                                   P A G E  :  H O M E
------------------------------------------------------------------------------*/

.top-distance {
	width:1032px;
	height:0px;
}

.box-menu {
	background-image: url(../Image/Background/home/box-menu.jpg);
	background-repeat:repeat-x;
	position:fixed;
	margin:auto;
	width:1032px;
	height:499px;
}

.text-aboutus {
	width:135px;
	height:30px;
	z-index:3;
	position:absolute;
	margin-top:174px;
	margin-left:75px;
}

.text-polo {
	width:135px;
	height:30px;
	z-index:3;
	position:absolute;
	margin-top:356px;
	margin-left:368px;
}

.text-map {
	width:135px;
	height:30px;
	z-index:3;
	position:absolute;
	margin-top:5px;
	margin-left:535px;
}

.text-contact {
	width:205px;
	height:30px;
	z-index:3;
	position:absolute;
	margin-top:116px;
	margin-left:883px;
}

.text-digitalprint {
	width:300px;
	height:30px;
	z-index:3;
	position:absolute;
	margin-top:120px;
	margin-left:607px;
}



.mail1 {
	width:230px;
	height:30px;
	z-index:3;
	position:absolute;
	margin-top:175px;
	margin-left:796px;
	font-size : 18px;
}

.mail1 a:link , .mail1 a:visited {

		text-decoration:none;
		font-family : arial;
		font-weight:bold;
		color : #ffffff;
}

.mail1 a:hover , .mail1 a:active {

		text-decoration:none;

}

.mail2 {
	width:230px;
	height:30px;
	z-index:3;
	position:absolute;
	margin-top:243px;
	margin-left:796px;
	font-size : 16px;
}

.mail2 a:link , .mail2 a:visited {

		text-decoration:none;
		font-family : arial;
		font-weight:bold;
		color : #ffffff;
}

.mail2 a:hover , .mail2 a:active {

		text-decoration:none;

}

.mail3 {
	width:230px;
	height:30px;
	z-index:3;
	position:absolute;
	margin-top:308px;
	margin-left:796px;
	font-size : 17px;
}

.mail3 a:link , .mail3 a:visited {

		text-decoration:none;
		font-family : arial;
		font-weight:bold;
		color : #ffffff;
}

.mail3 a:hover , .mail3 a:active {

		text-decoration:none;

}

.mail1-bg {
	background-image: url(../Image/Background/home/bg-mail1.jpg);
	background-repeat:no-repeat;
	width:248px;
	height:54px;
	z-index:2;
	position:fixed;
	margin-top:159px;
	margin-left:784px;

}

.mail2-bg {
	background-image: url(../Image/Background/home/bg-mail2.jpg);
	background-repeat:no-repeat;
	width:248px;
	height:54px;
	z-index:2;
	position:fixed;
	margin-top:226px;
	margin-left:784px;

}

.mail3-bg {
	background-image: url(../Image/Background/home/bg-mail3.jpg);
	background-repeat:no-repeat;
	width:248px;
	height:54px;
	z-index:2;
	position:fixed;
	margin-top:293px;
	margin-left:784px;

}

.home-btn-facebook {

	background-image: url(../Image/Background/home/btn-facebook.jpg);
	background-repeat:repeat-x;
	width:248px;
	height:100px;
	z-index:3;
	position:fixed;
	margin-top:429px;
	margin-left:261px;

}

.text-paepe-home {

	width:248px;
	height:100px;
	z-index:1;
	position:fixed;
	margin-top:429px;
	margin-left:261px;
	color:#000000;
	font-size:1px;

}

.rec-about {
	background-image: url(../Image/Background/home/rec-about.png);
	background-repeat:no-repeat;
	width:248px;
	height:205px;
	z-index:2;
	position:fixed;
	margin-top:0px;
	margin-left:0px;
}

.rec-polo {
	background-image: url(../Image/Background/home/rec-polo.png);
	background-repeat:no-repeat;
	width:249px;
	height:386px;
	z-index:2;
	position:fixed;
	margin-top:-30px;
	margin-left:261px;
}

.rec-map {
	background-image: url(../Image/Background/home/rec-map.png);
	background-repeat:no-repeat;
	width:248px;
	height:100px;
	z-index:2;
	position:fixed;
	margin-top:0px;
	margin-left:508px;
}

.rec-contact {
	background-image: url(../Image/Background/home/rec-contact.png);
	background-repeat:no-repeat;
	width:248px;
	height:146px;
	z-index:2;
	position:fixed;
	margin-top:0px;
	margin-left:814px;
}

.rec-mig {
	background-image: url(../Image/Background/home/rec-mig.png);
	background-repeat:no-repeat;
	width:248px;
	height:207px;
	z-index:2;
	position:fixed;
	margin-top:322px;
	margin-left:0px;
}

.rec-cmyk {
	background-image: url(../Image/Background/home/rec-cmyk.png);
	background-repeat:no-repeat;
	width:248px;
	height:386px;
	z-index:2;
	position:fixed;
	margin-top:113px;
	margin-left:523px;
}

.font-arial {
	font-family : arial;
	font-size : 20px;
	font-weight:bold;
	color : #ffffff;
	word-spacing:7px;
}


/*------------------------------------------------------------------------------
                               P A G E  :  A B O U T
------------------------------------------------------------------------------*/

.about-bg {
	background: url(../Image/Background/about/bg-about.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:1228px;
	height:715px;
}

.about-innerwear-text {
	line-height:19px;
	width:375px;
	height:120px;
	z-index:2;
	top:180px;
	left:127px;
	position:absolute;
}

.about-uniform-text {
	line-height:19px;
	width:385px;
	height:60px;
	z-index:2;
	top:185px;
	left:654px;
	position:absolute;
}

.about-box {
	width:564px;
	height:220px;
	z-index:2;
	top:246px;
	left:629px;
	position:absolute;
}

.about-box-all {
	width:564px;
	height:54px;
	float:left;
}

.about-row-shirt {
	width:79px;
	height:54px;
	float:left;
}

.about-row-type {
	font-size:14px;
	width:133px;
	height:54px;
	font-weight:bold;
	float:left;
	padding-top:17px;
	color:#FFFFFF;
}

.about-row-detail {
	width:292px;
	height:54px;
	float:left;
	line-height:19px;
	padding-top:7px;
	color:#FFFFFF;
}

.about-row-arrow {
	width:58px;
	height:54px;
	float:left;
}

.about-box-btn {
	width:564px;
	height:220px;
	z-index:4;
	top:246px;
	left:629px;
	position:absolute;
}

.about-box-all-btn {
	width:564px;
	height:54px;
	float:left;
}

.about-innerwear-gallery {
	width:500px;
	height:322px;
	z-index:2;
	top:303px;
	left:105px;
	position:absolute;
}

.about-innerwear-btn-box {
	width:22px;
	height:300px;
	z-index:2;
	top:303px;
	left:62px;
	position:absolute;
}

.about-innerwear-btn {
	background-color:#ed2024;
	width:22px;
	height:22px;
	margin-bottom:12px;
}

.about-customer-line {
	background-color:#ec2626;
	width:285px;
	height:23px;
	z-index:2;
	top:680px;
	left:1129px;
	position:absolute;
}

.about-logo {
	background: url(../Image/Background/about/bg-logo.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:1234px;
	height:129px;
}

.logo-slide {
	height:90px;
	margin-left:40px;
}

.marquee {
	height:90px;
	background-color:#FFFFFF;
    width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 30s linear infinite;
	padding: 0 15px 0 15px;

}

.marquee:hover {
    animation-play-state: paused
}

@keyframes marquee {
    0%   { text-indent: 27.5em }
    100% { text-indent: -105em }
}

/*------------------------------------------------------------------------------
                           P A G E  :  I N N E R W E A R
------------------------------------------------------------------------------*/

.innerwear-bg {
	background: url(../Image/Background/innerwear/bg-innerwear.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:1228px;
	height:932px;
	position:relative;
	margin:auto;
}

.innerwear-logo-mig {
	background: url(../Image/Background/innerwear/logo.jpg);
	background-repeat:no-repeat;
	width:325px;
	height:157px;
	z-index:2;
	top:47px;
	left:105px;
	position:absolute;
}

.innerwear-logo-ray {
	background: url(../Image/Background/innerwear/logo.jpg) -350px 0px;
	background-repeat:no-repeat;
	width:325px;
	height:157px;
	z-index:2;
	top:47px;
	left:455px;
	position:absolute;
}

.innerwear-logo-ami {
	background: url(../Image/Background/innerwear/logo.jpg) -699px 0px;
	background-repeat:no-repeat;
	width:325px;
	height:157px;
	z-index:2;
	top:47px;
	left:804px;
	position:absolute;
}

.innerwear-image-mig {
	background: url(../Image/Background/innerwear/logo.jpg) 0px -213px;
	background-repeat:no-repeat;
	width:325px;
	height:404px;
	z-index:2;
	top:260px;
	left:105px;
	position:absolute;
}

.innerwear-image-ray {
	background: url(../Image/Background/innerwear/logo.jpg) -350px -213px;
	background-repeat:no-repeat;
	width:325px;
	height:404px;
	z-index:2;
	top:260px;
	left:455px;
	position:absolute;
}

.innerwear-image-ami {
	background: url(../Image/Background/innerwear/logo.jpg) -699px -213px;
	background-repeat:no-repeat;
	width:325px;
	height:404px;
	z-index:2;
	top:260px;
	left:804px;
	position:absolute;
}

.innerwear-logo-platinum {
	background: url(../Image/Background/innerwear/logo.jpg) -14px -630px;
	background-repeat:no-repeat;
	width:142px;
	height:64px;
	z-index:2;
	top:677px;
	left:119px;
	position:absolute;
}

.innerwear-logo-mbk {
	background: url(../Image/Background/innerwear/logo.jpg) -169px -630px;
	background-repeat:no-repeat;
	width:142px;
	height:64px;
	z-index:2;
	top:677px;
	left:274px;
	position:absolute;
}

.innerwear-logo-asiatique {
	background: url(../Image/Background/innerwear/logo.jpg) -14px -706px;
	background-repeat:no-repeat;
	width:142px;
	height:63px;
	z-index:2;
	top:753px;
	left:119px;
	position:absolute;
}

.innerwear-logo-themall {
	background: url(../Image/Background/innerwear/logo.jpg) -169px -706px;
	background-repeat:no-repeat;
	width:142px;
	height:63px;
	z-index:2;
	top:753px;
	left:274px;
	position:absolute;
}

.innerwear-logo-friday1 {
	background: url(../Image/Background/innerwear/logo.jpg) -363px -630px;
	background-repeat:no-repeat;
	width:142px;
	height:64px;
	z-index:2;
	top:677px;
	left:468px;
	position:absolute;
}

.innerwear-logo-friday2 {
	background: url(../Image/Background/innerwear/logo.jpg) -711px -630px;
	background-repeat:no-repeat;
	width:142px;
	height:64px;
	z-index:2;
	top:677px;
	left:816px;
	position:absolute;
}

.innerwear-logo-mig-link {
	background: url(../Image/Background/innerwear/logo.jpg) 0px -784px;
	background-repeat:no-repeat;
	width:325px;
	height:46px;
	z-index:2;
	top:831px;
	left:105px;
	position:absolute;
}

.innerwear-btn-platinum {
	width:142px;
	height:64px;
	z-index:3;
	top:677px;
	left:119px;
	position:absolute;
}

.innerwear-btn-mbk {
	width:142px;
	height:64px;
	z-index:3;
	top:677px;
	left:274px;
	position:absolute;
}

.innerwear-btn-asiatique {
	width:142px;
	height:63px;
	z-index:3;
	top:753px;
	left:119px;
	position:absolute;
}

.innerwear-btn-themall {
	width:142px;
	height:63px;
	z-index:3;
	top:753px;
	left:274px;
	position:absolute;
}

.innerwear-btn-friday1 {
	width:142px;
	height:64px;
	z-index:3;
	top:677px;
	left:468px;
	position:absolute;
}

.innerwear-btn-friday2 {
	width:142px;
	height:64px;
	z-index:3;
	top:677px;
	left:816px;
	position:absolute;
}

.innerwear-btn-mig-link {
	width:325px;
	height:46px;
	z-index:3;
	top:831px;
	left:105px;
	position:absolute;
}

/*------------------------------------------------------------------------------
                            P A G E  :  P O L O   R E A D Y
------------------------------------------------------------------------------*/

.polo-ready-bg {
	background: url(../Image/Background/polo-ready-made/bg-polo-ready-made.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:1228px;
	height:1041px;
	position:relative;
	margin:auto;
}

.polo-ready-cotton-color {
	background-color:#000000;
	background-repeat:no-repeat;
	width:60px;
	height:60px;
	z-index:6;
	top:60px;
	left:133px;
	position:absolute;
}

.polo-ready-black-bar {
	background: url(../Image/Background/polo-ready-made/black-bar.png);
	background-repeat:repeat-y;
	width:61px;
	height:636px;
	z-index:4;
	top:46px;
	left:116px;
	position:absolute;
}

.polo-ready-shirt {
	width:493px;
	height:636px;
	z-index:2;
	top:46px;
	left:105px;
	position:absolute;
}

.polo-ready-color1 {
	width:66px;
	height:33px;
	z-index:2;
	top:516px;
	left:721px;
	position:absolute;
}

.polo-ready-color2 {
	width:66px;
	height:33px;
	z-index:2;
	top:516px;
	left:807px;
	position:absolute;
}

.polo-ready-color3 {
	width:66px;
	height:33px;
	z-index:2;
	top:516px;
	left:892px;
	position:absolute;
}

.polo-ready-color4 {
	width:66px;
	height:33px;
	z-index:2;
	top:516px;
	left:978px;
	position:absolute;
}

.polo-ready-color5 {
	width:66px;
	height:33px;
	z-index:2;
	top:516px;
	left:1063px;
	position:absolute;
}

.polo-ready-color6 {
	width:66px;
	height:33px;
	z-index:2;
	top:579px;
	left:636px;
	position:absolute;
}

.polo-ready-color7 {
	width:66px;
	height:33px;
	z-index:2;
	top:579px;
	left:721px;
	position:absolute;
}

.polo-ready-color8 {
	width:66px;
	height:33px;
	z-index:2;
	top:579px;
	left:807px;
	position:absolute;
}

.polo-ready-color9 {
	width:66px;
	height:33px;
	z-index:2;
	top:579px;
	left:892px;
	position:absolute;
}

.polo-ready-color10 {
	width:66px;
	height:33px;
	z-index:2;
	top:579px;
	left:978px;
	position:absolute;
}

.polo-ready-color11 {
	width:66px;
	height:33px;
	z-index:2;
	top:579px;
	left:1063px;
	position:absolute;
}


/*------------------------------------------------------------------------------
                       P A G E  :  P O L O   O R D E R
------------------------------------------------------------------------------*/

.polo-order-bg {
	background: url(../Image/Background/polo-order/bg-sub-menu.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:1228px;
	height:109px;
	position:relative;
	margin:auto;
}

.polo-order-menu1 {
	background: url(../Image/Background/polo-order/bg-sub-menu.gif) 0px 0px;
	background-repeat:no-repeat;
	width:205px;
	height:62px;
	z-index:2;
	top:47px;
	left:105px;
	position:absolute;
}

.polo-order-menu2 {
	background: url(../Image/Background/polo-order/bg-sub-menu.gif) -206px 0px;
	background-repeat:no-repeat;
	width:204px;
	height:62px;
	z-index:2;
	top:47px;
	left:311px;
	position:absolute;
}

.polo-order-menu3 {
	background: url(../Image/Background/polo-order/bg-sub-menu.gif) -411px 0px;
	background-repeat:no-repeat;
	width:203px;
	height:62px;
	z-index:2;
	top:47px;
	left:516px;
	position:absolute;
}

.polo-order-menu4 {
	background: url(../Image/Background/polo-order/bg-sub-menu.gif) -615px 0px;
	background-repeat:no-repeat;
	width:204px;
	height:62px;
	z-index:2;
	top:47px;
	left:720px;
	position:absolute;
}

.polo-order-menu5 {
	background: url(../Image/Background/polo-order/bg-sub-menu.gif) -820px 0px;
	background-repeat:no-repeat;
	width:204px;
	height:62px;
	z-index:2;
	top:47px;
	left:925px;
	position:absolute;
}

.polo-order-menu1-btn {
	width:205px;
	height:62px;
	z-index:3;
	top:47px;
	left:105px;
	position:absolute;
}

.polo-order-menu2-btn {
	width:204px;
	height:62px;
	z-index:3;
	top:47px;
	left:311px;
	position:absolute;
}

.polo-order-menu3-btn {
	width:203px;
	height:62px;
	z-index:3;
	top:47px;
	left:516px;
	position:absolute;
}

.polo-order-menu4-btn {
	width:204px;
	height:62px;
	z-index:3;
	top:47px;
	left:720px;
	position:absolute;
}

.polo-order-menu5-btn {
	width:204px;
	height:62px;
	z-index:3;
	top:47px;
	left:925px;
	position:absolute;
}

.polo-order-menu1-over {
	background: url(../Image/Background/polo-order/bg-sub-menu.gif) 0px 0px;
	background-repeat:no-repeat;
	width:205px;
	height:62px;
	z-index:4;
	top:47px;
	left:105px;
	position:absolute;
}

.polo-order-menu2-over {
	background: url(../Image/Background/polo-order/bg-sub-menu.gif) -206px 0px;
	background-repeat:no-repeat;
	width:204px;
	height:62px;
	z-index:4;
	top:47px;
	left:311px;
	position:absolute;
}

.polo-order-menu3-over {
	background: url(../Image/Background/polo-order/bg-sub-menu.gif) -411px 0px;
	background-repeat:no-repeat;
	width:203px;
	height:62px;
	z-index:4;
	top:47px;
	left:516px;
	position:absolute;
}

.polo-order-menu4-over {
	background: url(../Image/Background/polo-order/bg-sub-menu.gif) -615px 0px;
	background-repeat:no-repeat;
	width:204px;
	height:62px;
	z-index:4;
	top:47px;
	left:720px;
	position:absolute;
}

.polo-order-menu5-over {
	background: url(../Image/Background/polo-order/bg-sub-menu.gif) -820px 0px;
	background-repeat:no-repeat;
	width:204px;
	height:62px;
	z-index:4;
	top:47px;
	left:925px;
	position:absolute;
}

.bg-polo-order-standard {
	background: url(../Image/Background/polo-order/bg-polo-standard.jpg);
	background-repeat:no-repeat;
	width:1228px;
	height:526px;
	position:relative;
}

.polo-order-standard-btn-over {
	background: url(../Image/Background/polo-order/btn-standard.jpg);
	background-repeat:no-repeat;
	width:467px;
	height:64px;
	z-index:1;
	top:460px;
	left:689px;
	position:absolute;
}

.polo-order-standard-btn {
	width:467px;
	height:64px;
	z-index:2;
	top:460px;
	left:689px;
	position:absolute;
}

.bg-polo-order-design {
	background: url(../Image/Background/polo-order/bg-polo-design.jpg);
	background-repeat:no-repeat;
	width:1228px;
	height:533px;
	position:relative;
}

.polo-order-design-btn-over {
	background: url(../Image/Background/polo-order/btn-design.jpg);
	background-repeat:no-repeat;
	width:481px;
	height:63px;
	z-index:1;
	top:468px;
	left:65px;
	position:absolute;
}

.polo-order-design-btn {
	width:481px;
	height:63px;
	z-index:2;
	top:468px;
	left:65px;
	position:absolute;
}

.polo-order-standard-gallery {
	background: url(../Image/Background/all/bg.jpg);
	background-repeat:repeat-x repeat-y;
	width:1228px;
	height:4580px;
	padding: 30px 0 0 105px;
}

.polo-order-design-gallery {
	background: url(../Image/Background/all/bg.jpg);
	background-repeat:repeat-x repeat-y;
	width:1228px;
	height:2280px;
	padding: 30px 0 0 105px;
}

.polo-order-shirt-box {
	background: url(../Image/Background/polo-order/box-shirt.png);
	background-repeat:no-repeat;
	width:263px;
	height:383px;
	position:relative;
	float:left;
}

.polo-order-shirt {
	width:225px;
	height:308px;
	z-index:0;
	top:5px;
	left:5px;
	position:absolute;
}

.polo-order-shirt-text {

	font-size:18px;
	font-family:arial;
	width:225px;
	height:25px;
	text-align:center;
	z-index:0;
	top:323px;
	left:9px;
	position:absolute;
}

.order-shirt-size {
	width:225px;
	height:308px;
}

.gap-main {
	width:300px;
	height:50px;
}

/* TYPE */

.polo-order-bg-type {
	background: url(../Image/Background/polo-order/bg-type.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:1228px;
	height:899px;
	position:relative;
}

.polo-order-type-overlay {
	background: url(../Image/Background/zoom/bg-overlay.png);
	background-repeat:repeat;
	width:1600px;
	height:1090px;
	z-index:10;
	top:0px;
	left:-186px;
	position:absolute;
}

.polo-order-type-clear-box {
	width:2400px;
	height:1996px;
	z-index:11;
	top:-903px;
	left:-800px;
	position:absolute;
}

.polo-order-type-btn {
	width:264px;
	height:44px;
	z-index:12;
	top:95px;
	left:121px;
	position:absolute;
}

.polo-order-type-btn:hover {
    border-right: 7px solid #000000;
}

.polo-order-type-TK {
	width:624px;
	height:830px;
	z-index:13;
	top:17px;
	left:302px;
	position:absolute;
}

.polo-order-type-TC {
	width:624px;
	height:830px;
	z-index:13;
	top:17px;
	left:302px;
	position:absolute;
}

.polo-order-type-TC-micro {
	width:626px;
	height:930px;
	z-index:13;
	top:17px;
	left:301px;
	position:absolute;
}

.polo-order-type-CVC {
	width:626px;
	height:889px;
	z-index:13;
	top:17px;
	left:301px;
	position:absolute;
}

.polo-order-type-Technicore {
	width:626px;
	height:889px;
	z-index:13;
	top:17px;
	left:301px;
	position:absolute;
}

.polo-order-type-COTTON {
	width:626px;
	height:889px;
	z-index:13;
	top:17px;
	left:301px;
	position:absolute;
}

.polo-order-type-COTTON-DRY {
	width:626px;
	height:872px;
	z-index:13;
	top:17px;
	left:301px;
	position:absolute;
}

.polo-order-type-btn1 {
	width:28px;
	height:40px;
	z-index:14;
	top:65px;
	left:758px;
	position:absolute;
}

.polo-order-type-btn2 {
	width:28px;
	height:40px;
	z-index:14;
	top:65px;
	left:794px;
	position:absolute;
}

.polo-order-type-btn3 {
	width:28px;
	height:40px;
	z-index:14;
	top:65px;
	left:830px;
	position:absolute;
}

.polo-order-type-btn4 {
	width:28px;
	height:40px;
	z-index:14;
	top:65px;
	left:866px;
	position:absolute;
}

.btn-close {
	background: url(../Image/Background/polo-order/btn-close.png);
	background-repeat:repeat;
	width:85px;
	height:85px;
	z-index:15;
	top:-18px;
	left:877px;
	position:absolute;
}

/* ARM */

.bg-arm-sub-menu {
	background: url(../Image/Background/polo-order/bg-arm-sub-menu.jpg);
	background-repeat:no-repeat;
	width:1228px;
	height:9px;
}

.polo-order-arm-gallery {
	width:1228px;
	height:580px;
	padding: 30px 0 0 105px;
}

.polo-order-arm-box {
	background: url(../Image/Background/polo-order/box-arm.png);
	background-repeat:no-repeat;
	width:526px;
	height:273px;
	position:relative;
	float:left;
}

.polo-order-arm1 {
	width:241px;
	height:197px;
	z-index:0;
	top:5px;
	left:5px;
	position:absolute;
}

.polo-order-arm2 {
	width:241px;
	height:197px;
	z-index:0;
	top:5px;
	left:251px;
	position:absolute;
}

.polo-order-arm-text {

	width:487px;
	height:25px;
	text-align:center;
	z-index:0;
	top:207px;
	left:9px;
	position:absolute;
}

.order-shirt-arm {
	width:241px;
	height:197px;
}

/* COLLAR */

.bg-collar-sub-menu {
	background: url(../Image/Background/polo-order/bg-arm-sub-menu.jpg);
	background-repeat:no-repeat;
	width:1228px;
	height:9px;
}

.polo-order-collar-gallery {
	width:1228px;
	height:690px;
	padding: 30px 0 0 105px;
}

.polo-order-collar-box {
	background: url(../Image/Background/polo-order/box-collar.png);
	background-repeat:no-repeat;
	width:263px;
	height:220px;
	position:relative;
	float:left;
}

.polo-order-collar {
	width:225px;
	height:145px;
	z-index:0;
	top:5px;
	left:5px;
	position:absolute;
}

.polo-order-collar-text {
	font-weight:bold;
	width:225px;
	height:33px;
	text-align:center;
	z-index:0;
	top:155px;
	left:9px;
	position:absolute;
}

.order-shirt-collar {
	width:225px;
	height:145px;
}

/* LOGO */

.bg-logo-sub-menu {
	background: url(../Image/Background/polo-order/bg-arm-sub-menu.jpg);
	background-repeat:no-repeat;
	width:1228px;
	height:9px;
}

.polo-order-logo-gallery {
	width:1228px;
	height:1520px;
	padding: 30px 0 0 105px;
}

.polo-order-logo-box {
	background: url(../Image/Background/polo-order/box-logo.png);
	background-repeat:no-repeat;
	width:211px;
	height:211px;
	position:relative;
	float:left;
}

.polo-order-logo {
	width:172px;
	height:172px;
	z-index:0;
	top:5px;
	left:5px;
	position:absolute;
}

.order-shirt-logo {
	width:172px;
	height:172px;
}

/* SIZE */

.polo-order-bg-size {
	background: url(../Image/Background/polo-order/bg-size.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:1228px;
	height:953px;
	margin:auto;
}

/*------------------------------------------------------------------------------
                             P A G E  :  T - S H I R T
------------------------------------------------------------------------------*/

.t-shirt-bg {
	background: url(../Image/Background/t-shirt/bg-t-shirt.jpg);
	background-repeat:no-repeat;
	width:1228px;
	height:939px;
}

.t-shirt-box {
	background-repeat:no-repeat;
	position:relative;
	width:1228px;
	height:457px;
}

.t-shirt-sample {
	width:352px;
	height:447px;
	z-index:2;
	top:1px;
	left:106px;
	position:absolute;
}

.t-shirt-btn-box {
	width:22px;
	height:300px;
	z-index:2;
	left:62px;
	position:absolute;
}

.t-shirt-btn {
	background-color:#ed2024;
	width:22px;
	height:22px;
	margin-bottom:12px;
}

.t-shirt-gap {
	width:300px;
	height:47px;
}

.t-shirt-cmyk-bg {
	background: url(../Image/Background/t-shirt/bg-cmyk.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:1228px;
	height:94px;
}

.t-shirt-cmyk-over {
	background: url(../Image/Background/t-shirt/cmyk-over.gif);
	background-repeat:no-repeat;
	width:145px;
	height:77px;
	z-index:1;
	top:10px;
	left:569px;
	position:absolute;
}

.t-shirt-cmyk-btn {
	width:514px;
	height:79px;
	z-index:2;
	top:10px;
	left:569px;
	position:absolute;
}

/*------------------------------------------------------------------------------
                               P A G E  :  O T H E R
------------------------------------------------------------------------------*/

.other-detail {
	background: url(../Image/Background/other/detail.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:1228px;
	height:424px;
}

/*------------------------------------------------------------------------------
                               P A G E  :  C O N T A C T
------------------------------------------------------------------------------*/

.contact-bg {
	background: url(../Image/Background/contact/bg-contact.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin:auto;
	width:100%;
	height:732px;
}

.wrapper-contact {
	background: url(../Image/Background/contact/bg-contact-content.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1226px;
	height:732px;
}

.map-zoom {
	background: url(../Image/Background/contact/zoom-map.png);
	background-repeat:no-repeat;
	width:603px;
	height:665px;
	z-index:1;
	top:-5px;
	left:526px;
	position:absolute;
}

.map-zoom-box {
	width:603px;
	height:665px;
	z-index:2;
	top:0px;
	left:525px;
	position:absolute;
}

.map-top {
	background: url(../Image/Background/contact/map-top.jpg);
	background-repeat:no-repeat;
	width:52px;
	height:6px;
	z-index:1;
	top:-6px;
	left:543px;
	position:absolute;
}

.box-name {
	z-index:2;
	position:absolute;
	top:137px;
	left:160px;
}

.form-name {
	background: url(../Image/Background/contact/contact-form.gif) 0px 0px;
	background-repeat:no-repeat;
	color:#000000;
	font-size:15px;
	text-align:right;
	padding: 0 10px 0 48px;
	outline:0;
	width:276px;
	height:39px;
	border: 0px;
}

.box-company {
	z-index:2;
	position:absolute;
	top:198px;
	left:160px;
}

.form-company {
	background: url(../Image/Background/contact/contact-form.gif) 0px -61px;
	background-repeat:no-repeat;
	color:#000000;
	font-size:15px;
	text-align:right;
	padding: 0 10px 0 74px;
	outline:0;
	width:276px;
	height:39px;
	border: 0px;
}

.box-phone {
	z-index:2;
	position:absolute;
	top:259px;
	left:160px;
}

.form-phone {
	background: url(../Image/Background/contact/contact-form.gif) 0px -122px;
	background-repeat:no-repeat;
	color:#000000;
	font-size:15px;
	text-align:right;
	padding: 0 10px 0 94px;
	outline:0;
	width:276px;
	height:39px;
	border: 0px;
}

.box-mail {
	z-index:2;
	position:absolute;
	top:320px;
	left:160px;
}

.form-mail {
	background: url(../Image/Background/contact/contact-form.gif) 0px -183px;
	background-repeat:no-repeat;
	color:#000000;
	font-size:15px;
	text-align:right;
	padding: 0 10px 0 64px;
	outline:0;
	width:309px;
	height:39px;
	border: 0px;
}

.head-msg {
	background: url(../Image/Background/contact/head-msg.gif);
	background-repeat:no-repeat;
	width:309px;
	height:42px;
	z-index:5;
	position:absolute;
	top:381px;
	left:160px;
}

.box-msg {
	z-index:2;
	position:absolute;
	top:422px;
	left:160px;
}

.form-msg {
	background: url(../Image/Background/contact/contact-form.gif) 0px -286px;
	background-repeat:no-repeat;
	color:#000000;
	font-size:15px;
	padding: 0 10px 0 14px;
	outline:0;
	width:309px;
	height:155px;
	border: 0px;
}

.close-msg {
	width:30px;
	height:30px;
	z-index:2;
	position:absolute;
	top:555px;
	left:445px;
}

.box-code {
	z-index:2;
	position:absolute;
	top:588px;
	left:160px;
}

.form-code {
	background: url(../Image/Background/contact/contact-form.gif) 0px -451px;
	background-repeat:no-repeat;
	color:#000000;
	font-size:23px;
	padding: 0 10px 0 14px;
	outline:0;
	width:126px;
	height:39px;
	border: 0px;
	text-align:center;
	font-family : arial;
	font-weight:bold;
}

.reset-code {
	z-index:5;
	position:absolute;
	top:593px;
	left:288px;
	color:#000000;
	font-size:23px;
	width:98px;
	height:39px;
	text-align:center;
	font-family : arial;
	font-weight : bold;
}

.btn-reset {
	width:41px;
	height:40px;
	z-index:3;
	position:absolute;
	top:587px;
	left:392px;
}

.btn-reset-over {
	background: url(../Image/Background/contact/btn-reset.gif);
	background-repeat:no-repeat;
	width:41px;
	height:40px;
	z-index:2;
	position:absolute;
	top:587px;
	left:392px;
}

.btn-sent {
	width:309px;
	height:36px;
	z-index:3;
	position:absolute;
	top:642px;
	left:159px;
}

.btn-sent-over {
	background: url(../Image/Background/contact/btn-sent.gif);
	background-repeat:no-repeat;
	width:309px;
	height:36px;
	z-index:2;
	position:absolute;
	top:642px;
	left:159px;
}

.bg-label {
	background: url(../Image/Background/contact/bg-label.gif);
	background-repeat:no-repeat;
	width:323px;
	height:47px;
	z-index:2;
	position:absolute;
	top:674px;
	left:152px;
}

.text-alert {
	width:323px;
	height:47px;
	z-index:3;
	position:absolute;
	text-align:center;
	top:694px;
	left:157px;
	font-weight:bold;
}

.ajax-load {
	background: url(../Image/Background/contact/ajax-loader.gif);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	z-index:5;
	position:absolute;
	top:690px;
	left:314px;
}


/*------------------------------------------------------------------------------
                                  P A G E  :  O R D E R
------------------------------------------------------------------------------*/

.all-bg-order {
	background: url(../Image/Background/order/bg-order-side.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin:auto;
	width:100%;
	height:3615px;
}

.wrapper-order {
	margin:auto;
	width:1228px;
	height:191px;
}


/*------------------------------------------------------------------------------
                                     F O O T E R
------------------------------------------------------------------------------*/

.all-bg-footer {
	background: url(../Image/Background/all/bg-footer.jpg);
	background-position:center;
	background-repeat:repeat-x;
	width:100%;
	height:191px;
}

.wrapper-footer {
	background: url(../Image/Background/all/bg-footer.gif);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	margin:auto;
	width:1234px;
	height:191px;
}

.counter {
	width:100px;
	height:30px;
	z-index:2;
	top:111px;
	left:797px;
	position:absolute;
}

.user-online {
	width:100px;
	height:30px;
	z-index:2;
	top:111px;
	left:1059px;
	position:absolute;
}

.copyright {
	text-align:right;
	width:400px;
	height:30px;
	z-index:2;
	top:151px;
	left:796px;
	position:absolute;
	color:#FFFFFF;
}

.paepe-text {
	width:700px;
	height:30px;
	z-index:2;
	top:151px;
	left:37px;
	position:absolute;
	color:#ed2025;
}

.foorter-triangle-left {
	background: url(../Image/Background/all/foorter-triangle-left.png);
	background-repeat:no-repeat;
	width:169px;
	height:169px;
	top:-169px;
	left:-183px;
	z-index:5;
	position:absolute;
}


/*------------------------------------------------------------------------------
                                  Z O O M   F A N C Y
------------------------------------------------------------------------------*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../Image/Background/zoom/ajax-loader.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../Image/Background/zoom/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../Image/Background/zoom/bg-overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.6;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}