@charset "UTF-8";
html { font-size:62.5%;}
body {  background:#fff; color:#000; direction: ltr; font-size: 1.0em; font-family:"微軟正黑體","Microsoft JhengHei", sans-serif; padding: 0; margin:0; -webkit-text-size-adjust:none; word-wrap:break-word;}
form, input, select, textarea{margin:0; padding:0; font-family:"微軟正黑體","Microsoft JhengHei", sans-serif; color:#343434}
textarea, input{ font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
aside, blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{ border:0; -ms-interpolation-mode: bicubic; display: block;}
aside, figure, figcaption, p, ul, ol, li, h1, h2, h3, h4, h5, h6{ margin:0; padding:0}
a{text-decoration:none; color:#86868a;}
.error { height:24px; background-color:#a00101;border:1px solid #a00101; font-size:12px; line-height:24px; color:#fff;padding:0px 10px; margin-left:-50px; margin-top:20px;
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;-moz-box-shadow:0 0 6px #a00101;-webkit-box-shadow:0 0 6px #a00101; box-shadow:0 0 6px #a00101; z-index:9999;}
a{ -webkit-tap-highlight-color: rgba(0,0,0,0);}
input[type=submit]{ outline: none;}
::selection{ background: #a00101; color:#fff; }
::-moz-selection { background: #a00101; color:#fff; } 
.error a{ color:#fff;}
textarea{resize: none}
details summary::-webkit-details-marker { display:none; }
details summary{display:none;}
.hid-txt{ text-indent:-9999px; overflow:hidden; text-align:left;}

header, .content, footer{ width:100%; clear:both;}
.container{ margin:0 auto; width:1280px;}

.content{ min-height:400px;}
iframe{ position:absolute;}

header.home{ position:fixed;}
header.home #logo{ background:url(../images/share/logo.png) no-repeat; background-size:100%;}
header #logo{ max-width:400px; max-height:81px; vertical-align:top;}
header #logo-ch{ background:url(../images/share/logo_chinese.png) no-repeat; background-size:100%; display:inline-block; vertical-align:middle;  max-width:187px; max-height:28px; margin-left:10px; vertical-align:top;}
header.home #txt-free{ color:#fff;}
header.home #btn-cart{ background:url(../images/share/btn-cart-w.png) no-repeat;}
header.home #btn-shopcart .cnt{ color:#fff; text-shadow:1px 1px #000;}

header { top:0; z-index:80; padding:10px 0 0px; }
header .container{ border-bottom:1px solid #000; padding:0 0 6px;}
header ul{ list-style:none; position:absolute; top:-10px; right:0; text-align:right;}
header li a{ display:block; font-size:2em; }
header li{ display:inline-block; *display:inline; *zoom:1; }
#txt-free{ position:absolute; right:80px; top:0; text-transform:uppercase; color:#a00101; font-size:1.4em; line-height:1.5em; padding:10px 0; display:block;}

#btn-shopcart:hover{ border:1px solid #bbb;}
#btn-cart{ display:inline-block; *display:inline; *zoom:1; width:27px; height:21px; background:url(../images/share/btn-cart.png) no-repeat; background-size:100%; vertical-align:middle;}
#btn-cart-wrap{ position:relative; z-index:1000; padding:4px; cursor:pointer;}
#btn-shopcart .cnt{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:2em; }
#cartwrapper{ width:345px; z-index:800; background:#fff; padding:6px; text-align:left; border:1px solid #bbbbbb; display:none; position:absolute; right:0; top:30px;}
#cartwrapper p{ text-align:center; padding:20px 0; font-size:1.5em;}
#cartwrapper ul{ list-style:none; position:relative; width:100%; top:0; text-align:left;}
#cartwrapper li{ display:block; padding:40px 10px;position:relative;}
#cartwrapper .img{ width:45%; display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
#cartwrapper .desc{ width:43%; margin:0 0 0 3%; display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
#cartwrapper .desc h1{ font-size:1.8em; color:#2F2F2F; font-weight:normal;}
#cartwrapper .desc h1 a{ font-size:1em; color:#2F2F2F;}
#cartwrapper .desc h3{ font-size:1.4em; color:#2F2F2F;line-height:2.6em; font-weight:normal;}
#cartwrapper .desc h2{ font-size:1.9em; color:#000; font-weight:normal;}
#cartwrapper #btn-chkout{ background:#bbbbbb; display:block; width:100%; height:63px; line-height:63px; font-size:1.5em; text-align:center; color:#fff;}
#cartwrapper #btn-chkout:hover{background:#a00101}
.btn-del{background:url(../images/share/btn-del.png) no-repeat; width:25px; height:25px;display:block;}
#cartwrapper .btn-del{ position:absolute;  right:3%; top:48%;}

header .container{ position:relative; z-index:1000;}
header span.border{ border-bottom:1px solid #cdcdcd;}
#logo{ background:url(../images/share/logo.png) no-repeat; width:200px; height:57px; background-size:100%; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; visibility:hidden;}
#banner{ position:relative;}
#banner .container{ position:absolute; top:0; left:50%; height:80%; margin-left:-500px;}
#banner .container {width:1280px; margin-left:-640px; left:50%;}
header .container{ width:1280px; margin-left:-640px; left:50%;}
#products .container { position:relative; width:1280px; margin-left:-640px; left:50%;}
#product #banner .container{ top:5%;}
header nav li{ list-style:none; overflow:hidden; display:inline-block;}
#slide{ position:relative; height:100%;}
#slide li{ position:relative; height:100%; width:100%; overflow:hidden;}
#main #banner{ overflow:hidden;}
#main #banner span{ position:absolute;}
#main #banner h1{ font-size:6.8em; color:#fff; position:relative; font-weight:normal; z-index:100; text-shadow:1px 1px #000; margin:200px 0 0; width:90%;}
#main #banner p{ font-size:1.4em; color:#fff; position:relative; z-index:100; text-shadow:1px 1px #000; width:90%;}
#main #banner h2{ font-size:4em; color:#fff; position:fixed; font-weight:normal; z-index:100; text-align:center; text-shadow:1px 1px #000; left:5%; bottom:5%; width:90%;}
#main #banner h2 a{ color:#fff; font-weight:300; padding-left:2em;}
#main #bnrs li{ overflow:hidden; width:100%; position:absolute; line-height:0;}
#main #banner .desc{ position:absolute; right:15%; bottom:10%; width:17%; text-align:center; z-index:100;}
#main #banner .desc h3{ font-size:1.1em;text-shadow:1px 1px #fff;}
#main #banner .desc h2{ font-size:2.8em;text-shadow:1px 1px #fff;}
#banner img{ margin:0 auto; position:relative; z-index:10;}
.btn-detail{ font-size:0.852em; color:#000; display:block; border:1px solid #000; width:98%; height:21px; line-height:21px; text-align:center; background:url(../images/share/detail.png) no-repeat center right 15%;text-shadow:1px 1px #fff; display:inline-block; *display:inline; *zoom:1;-webkit-box-shadow: inset 3px 11px 21px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 3px 11px 21px 0px rgba(255,255,255,1);
box-shadow: inset 3px 11px 21px 0px rgba(255,255,255,1);}
#btns{ display:block; position:absolute; top:2%; right:0; width:200px; text-align:right; z-index:100;}
#btns li{ width:10px; height:10px; margin:0 2px; display:inline-block; *display:inline; *zoom:1;}
#btns li a{ display:block; width:100%; height:100%; background:#D5D5D5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#btns li a.selected{background:#000;}
/*#main #banner nav{ top:35%; position:fixed;}*/
#collections #banner nav{ display:none;}
#banner nav{ position:absolute; left:0.7%; z-index:100; text-align:left;}
nav li{ margin:0; list-style:none;}
nav li.subitem a{ padding-left:2em;}
nav li a{ font-size:1.4em; line-height:1.5em; color:#fff; padding:0.75em 1em 2px; display:block;text-shadow:1px 1px #000; text-transform:uppercase; border-bottom:3px solid #000;}
nav li a:hover{ color:#fff; text-shadow:none; border-bottom:3px solid #FFF;}

#video-list{}
#lily-quote{ font-size:3.6em; line-height:1.2em; color:#EE2827; text-align:center; padding-top:1em;}
#founder{ display:block; font-size:2em; width:80%; text-align:right; margin:0 auto;}
#video-list ul{ list-style:none; width:90%; margin:3em 5%;}
#video-list ul li{ width:30%; margin:0 1.5%; float:left; position:relative;}
#video-list ul li strong{ font-size:2em; line-height:1.5em; padding-bottom:0.5em; display:block;}
#video-list ul li .main-video{ width:100%; position:relative;}
#video-list ul li .btn-play{ position:absolute; width:80px; height:80px; left:50%; top:50%; margin:-40px 0 0 -40px; z-index:20;}
#video-list ul li .btn-play img{ width:100%;}
#video-list ul li .thb{ position:absolute; width:100%; left:0; top:0; z-index:10;}
#video-list ul li .thb img{ width:100%;}

#main-desc h1{ font-size:2.5em; line-height:1.25em; color:#000; font-weight:normal; text-shadow:1px 1px #fff; text-transform:uppercase; margin:1.25em 0;}
#main-desc p{ font-size:1.1em; line-height:1.5em; color:#525252; text-shadow:1px 1px #fff; padding-bottom:1.286em;}
#main-desc p a{ color:#a00101; text-decoration:underline;}
#main-desc h2{ font-size:2em; color:#333333; margin:0.5em 0;}


#products{ clear:both; overflow:hidden; padding-bottom:46px; background:#fff; margin:5px 0 0; position:relative;}
#products h2{ font-size:3.2em; color:#000; position:relative; font-weight:normal; z-index:100; text-shadow:1px 1px #fff; margin:0 0 0 0.7%; width:90%; padding-top:2%;}
#products li{ list-style:none; width:33.3%; float:left;}

#product #banner .container{ max-height:600px; text-align:right;}
#product #banner h1{ font-size:2.5em; line-height:1.25em; color:#000; font-weight:normal; text-shadow:1px 1px #fff; text-transform:uppercase; margin:0 0 2%;}
#product #banner p{ font-size:1.1em; line-height:1.4em; color:#525252; text-shadow:1px 1px #fff; padding-bottom:1.286em;}
#product #banner p a{ color:#a00101; text-decoration:underline;}
#product #banner .desc{ width:70%; margin:7.2% 10% 0 0; text-align:left;position:relative; display:inline-block; *display:inline; *zoom:1; right:0; /*display:none;*/}
#product #banner h2{ font-size:2em; color:#333333; margin:0 0 0.5em;}
#product #banner nav{ top:160px;}
.detail{ clear:both; overflow:hidden;}
#prdt-thb{ position:fixed; right:1%; width:5%; z-index:100; top:20%; text-align:center; font-size:1.6em; line-height:1em; color:#555;}
#prdt-thb a{ display:block; width:100%; opacity:0.5; filter:alpha(opacity=50);}
#prdt-thb a:hover{ opacity:0.8; filter:alpha(opacity=80);}
#prdt-thb a.selected{opacity:0.8; filter:alpha(opacity=80);}
.detail #g1{ width:100%; position:relative; min-height:450px;}
.detail #g1 div{ width:24.5%; bottom:15.2%; right:4.9%; position:absolute;}
.detail #g1 h3{ font-size:1.13em; color:#333333;text-shadow:1px 1px #fff; text-transform:uppercase;}
.detail #g1 h2{ font-size:2.295em; color:#333333; margin:0 0 7%;text-shadow:1px 1px #fff; text-transform:uppercase;}
.detail #g1 li{ list-style:none; color:#7F7F7F; font-size:1.4em;text-shadow:1px 1px #fff;}
.detail #g1 li.first{ color:#333333;}
.detail #g1 ul{ margin:0 0 20%;}
.btn-buy{ background:#9a0101; color:#FFF; display:block; line-height:33px; text-align:center; font-size:2em; padding:0 8%; display:inline-block; *display:inline; *zoom:1;}
.btn-buy:hover{ background:#000;}
.btn-out-of-stock{ background:#999; color:#FFF; display:block; line-height:33px; text-align:center; font-size:2em; padding:0 8%; display:inline-block; *display:inline; *zoom:1;}
.detail #g2{ width:36.5%; float:left;}
.detail #g3{ width:63.5%; float:left;}
.video{ position:relative;}
.video video{ background:#fff;}
.btn-video{ background:url(../images/product/btn-video.png) no-repeat; width:125px; height:125px; display:block; position:absolute;}
.video .vjs-default-skin .vjs-big-play-button{ left:50%; top:50%; margin:-62px 0 0 -62px;}

section#story{ background:url(../images/contact/bg.jpg) center no-repeat; background-size:100% 100%;}
#story .container{ position:relative; z-index:10; padding:27px 0 50px;}
#story #banner{ position:fixed; top:0; left:0; overflow:hidden; z-index:-1;}
#story aside{ top:40px; left:-35%; width:35%; position:fixed;}
#story h1{ font-size:3.2em; color:#fff; line-height:1.5em; font-weight:normal;text-shadow:1px 1px #000; padding:0 0 40px;}
#story p{ color:#fff; text-shadow:1px 1px #000;  font-size:1.1em; line-height:1.5em; padding:0 0 40px; }
#story form div label{ color:#fff; text-shadow:1px 1px #000;}
#story form div.textarea span{ color:#fff; text-shadow:1px 1px #000;}

#chart .container{ clear:both; position:relative; z-index:10;}
#chart aside{ width:35%; margin:0 3.5% 0 0;float:left;}
#chart aside nav{ display:inline-block; *display:inline; *zoom:1; padding:203px 0 0 0;}
#chart div.left{ width:61.5%; float:left; padding:112px 0 0 0;}
#chart h1{ font-size:3.2em; color:#2F2F2F; line-height:1.5em; font-weight:normal; padding:0 0 40px;}
#chart #head{ margin:18px 0;}
#chart #head li{ color:#A4A4A4; font-size:1.2em; list-style:none; width:32.5%; display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
#chart ul.left{ width:32.5%; display:inline-block; *display:inline; *zoom:1;vertical-align:top; padding:0 0 40px;}
#chart ul.left li{ color:#515151; font-size:1.2em; list-style:none; padding:32px 0;}
.size-chart{}
.size-chart th{ padding:18px 0 ;color:#A4A4A4; font-size:1.2em;vertical-align:top; text-align:left; text-transform:uppercase; font-weight:normal; position:relative;}
.size-chart th.style{color:#515151; padding:32px 0;}
.size-chart td{ color:#515151; font-size:1.2em; list-style:none; padding:32px 0; text-align:left;}
.size-chart th img{ position:absolute; left:50%; top:0;}
#chart p{ font-size:1.1em; color:#515151; line-height:1.5em; padding:0 0 40px; max-width:525px;}
#chart h2{ font-size:2.5em; color:#2F2F2F; line-height:1.5em; font-weight:normal; padding:0 0 20px;}
#chart h3{ font-size:2em; color:#2F2F2F; line-height:1.5em; font-weight:normal; padding:0 0 20px;}
#chart h4{ font-size:1.8em; color:#2F2F2F; line-height:1.5em; font-weight:normal; padding:0 0 20px;}
#chart address{ font-size:1.5em; color:#2F2F2F; line-height:1.5em; font-weight:normal; padding:0 0 40px; font-style:normal;}


#story p{ font-size:1.1em; line-height:1.5em; padding:40px 0 0;}
#story div.left{ width:100%; float:left;}
#story h1{ font-size:3.197em; color:#fff; text-shadow:1px 1px #000; line-height:1.5em; font-weight:normal;}
#story form{ padding:0 0 51px; }
#story form p{ padding:26px 0 35px;}
#story form div label{ width:40.2%;display:inline-block; *display:inline; *zoom:1;vertical-align:top; margin:0 4.1% 0 0; height:26px; line-height:26px; font-size:1.1em;}
#story form label strong,#story form span strong{ color:#9a0101; font-weight:bold;}
#story form div input{ width:53%;display:inline-block; *display:inline; *zoom:1;vertical-align:top; height:26px; line-height:26px; font-size:1.1em;-webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px; border:1px solid #000;-webkit-appearance: none; font-size:1.5em; /*padding:0 0 0 2%;*/}
#story form div{ margin:0 0 23px;}
#story form div.textarea label{ width:100%; margin:0 0 18px;}
#story form div.textarea select{ width:72.7%; height:26px; margin:0 0 20px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px;}
#story form div.textarea select option:hover { background:#a00101; color:#fff;}
#story form div.textarea textarea{ width:98%; height:118px; -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px; border:1px solid #000; -webkit-appearance: none; font-size:1.5em; padding:2% 0 0 2%;}
#story form div.textarea span{ padding:16px 0 0; display:block;}
#story form div.submit{ text-align:right; margin:8px 0 23px; }
#story form div.submit input{ width:93px; height:28px; line-height:28px; color:#FFF; display:inline-block; background:#a00101; border:0; -webkit-appearance:none;-webkit-border-radius: 0;   -moz-border-radius: 0;   border-radius: 0;}

#cart{ padding:0 0 106px; }
#cart aside{ display:none;}
#cart h1{ font-size:2.295em; margin:74px 0 30px 3.6%; font-weight:normal;}
#cart li{ list-style:none; clear:both; overflow:hidden;}
#cart .detail{  width:60%; margin:9px 3% 26px 3.6%; display:inline-block; *display:inline; *zoom:1; vertical-align:top; border-top:1px solid #bbbbbb; }
#cart .detail p{ padding:30px 0; font-size:1.5em; border-bottom:1px solid #bbbbbb; text-align:center;}
#cart .detail .error p{ padding:0; font-size:1em;}
#cart .detail li{ border-bottom:1px solid #bbbbbb; padding:30px 0; min-height:85px;}
#cart .img{ padding:0 3%; width:24%; float:left;}
#cart .desc{ padding:0 3%; width:40%; float:left; padding:0 10% 0 5%;}
#cart .desc h2{ font-size:1.2em; font-weight:normal; color:#2F2F2F; padding:0 0 15px;}
#cart .desc h2 a{ color:#2F2F2F;}
#cart .desc h3{ font-size:0.839em; font-weight:normal; color:#2F2F2F;}
#cart .desc span{ font-weight:normal; color:#2F2F2F;}
#cart .desc li{ font-size:1.2em; color:#2F2F2F; line-height:1.5em; border:0; padding:0; min-height:auto;}
#cart .opts{ float:left; width:15%;position:relative;}
#cart .opts span{ font-size:1.1em;}
#cart .opts input{ width:25%; display:inline-block; margin:0 0 0 7%; text-align:center;}
#cart .opts h3{ font-size:1.6em; font-weight:normal; color:#000; padding:0 0 18px;}
#cart .btn-del{ margin:20px 0 0 19%;}
#cart p.note{ color:#9a0101; font-size:1.2em; padding:0; text-align:left; border:0; line-height:3em;}
#cart .summary{ width:30%;  display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 3% 0 0;}
#cart .summary h2{ font-size:1.3em; font-weight:normal; padding:0 0 14px;}
#cart .summary h3{ font-size:1.3em; font-weight:normal;}
#cart .summary h4{ font-size:1.2em; font-weight:normal;}
#cart .promo{ margin:0 0 18px;}
#cart .promo input{ height:40px;}
#cart .promo .txt{ width:68%; padding:0 0 0 2%; border:1px solid #bbbbbb; font-size:1.6em;}
#cart .promo .submit{ width:24%; border:0; background:#2f2f2f; color:#fff; font-size:1.2em; margin:0 0 0 3%; cursor:pointer; -webkit-appearance:none;}
#cart .orderwrap{ border:1px solid #bbbbbb; padding:18px 6.3%; margin:0 0 20px;}
#cart .orderwrap li{ text-align:right; line-height:2em;}
#cart .orderwrap h3{ float:left; width:80%; text-align:left;}
#cart .orderwrap h4{ float:left; width:80%; text-align:left;}
#btn-pchkout{ display:block; width:100%; background:#9a0101; color:#fff; font-size:2em; line-height:34px; text-align:center; border:0; cursor:pointer;}
#btn-back{ margin:0 0 0 3.6%; font-size:1.3em; color:#2F2F2F;}

#cart .personal{ margin:0 3.6% 0; padding:0 0 58px; border-bottom:1px solid #bbbbbb;}
#cart .personal div,#cart .billing div{width:36.7%; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 0 20px 26%;}
#cart .personal .left,#cart .billing .left{ width:36.5%; display:inline-block; *display:inline; *zoom:1; vertical-align:top;  margin:0 0 20px;}
#cart .personal div label,#cart .billing div label{display:block; font-size:1.6em; color:#2F2F2F; margin:0 0 12px;}
#cart form div label strong{ color:#9a0101; font-weight:bold;}
#cart .personal div input,#cart .personal div select,#cart .billing div input,#cart .billing div select{display:block; font-size:1.4em; color:#2F2F2F; width:97%; padding:0 0 0 2%;border:1px solid #bbbbbb; height:34px; line-height:34px;-webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px;}
#cart .personal div.textarea{ margin:40px 0 20px; width:36.5%; display:block;}
#cart .personal div textarea{ display:block; font-size:1.4em; color:#2F2F2F; margin:0 0 20px; width:97%; padding:2% 0 0 2%;border:1px solid #bbbbbb; -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px; height:84px;}

#cart .billing{ margin:35px 0 0; display:none;}
#cart .address{ margin:0 3.6% 0; padding:51px 0; border-top:1px solid #bbbbbb;}
#cart .address ul{ width:40%; list-style:none;}
#cart .address li{ margin:0 0 14px; }
#cart .address li h3{ float: left; width:50%; text-align:left; font-weight:normal;font-size:1.2em;}
#cart .address li span{ display:inline-block; *display:inline; *zoom:1; width:50%;font-size:1.2em;}

#cart  .container{ position:relative;}
#cart .logo{ position:absolute; right:3.6%; top:0; margin:0 0 15px; text-align:right;}
#cart .logo li{ list-style:none; display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:9%;}
#cart .total{ margin:27px 0 0; padding:0 0 25px;}
#cart .total div{ padding:0 0 15px; border-bottom:1px solid #bbbbbb; text-align:right;}
#cart .total div h1{ font-size:1.7em; font-weight:normal; float:left; margin:0;}
#cart .total div span{display:inline-block; *display:inline; *zoom:1;font-size:1.7em;}
#cart .total input{display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:13px 0 0;}
#cart .total label{display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:90%; margin:13px 0 0 5%;}

#cart .ship{ margin:0 3.6% 0; padding:46px 0 51px; border-bottom:1px solid #bbbbbb;}
#cart .newsletter{margin:0 3.6% 0; padding:46px 0 51px;}
#cart .ship h1,#cart .newsletter h1{ margin:0 0 34px;}
#cart .ship input,#cart .newsletter input{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
#cart .ship span,#cart .newsletter span{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 0 0 1.7%; font-size:1.3em; width:90%;}
#cart .save{ display:block; text-align:right;}
#cart .save input{ display:inline-block; *display:inline; *zoom:1; height:34px; background:#9a0101; color:#fff; font-size:2em; line-height:34px; text-align:center; border:0; padding:0 2%; cursor:pointer; -webkit-appearance:none;}

#faq h1{width:15%; padding:23px 3% 23px; background:#ee2827;  list-style:none; font-size:3em;  text-align:center; margin:65px 0 64px; color:#FFF; }
#faq{ list-style:none; min-height:600px; _height:600px;}
#faq ul li{ font-size:2.2em; line-height:1.5em; font-weight:bold; margin-bottom:18px; color:#222; margin-left:6%; list-style:none;}
#faq ul li p{ position:relative; padding-bottom:9px; max-width:80%;}
#faq ul li span{ position:absolute; display:block; top:0; left:-27px; color:#222;}
#faq ul li strong{ color:#b80f4a; display:block;}
#faq ul li .main-video{ width:40%; position:relative;}
#faq ul li .btn-play{ position:absolute; width:80px; height:80px; left:50%; top:50%; margin:-40px 0 0 -40px; z-index:20;}
#faq ul li .btn-play img{ width:100%;}
#faq ul li .thb{ position:absolute; width:100%; left:0; top:0; z-index:10;}
#faq ul li .thb img{ width:100%;}
#faq ul li span.play-btn{ position:relative; left:0; display:inline-block; background:url(../images/customization/technology_internet_communications20-512.png) no-repeat 10px #ee2827; background-size:auto 100%; color:#FFF; padding:10px 2% 10px 4%; font-size:1em; cursor:pointer;}


footer{ text-align:left; position:relative; padding:35px 0 0 0;}
footer .container{ position:relative;}
footer #sns-btns{ margin:0 0 24px 0; position:absolute; right:0; top:0; white-space:nowrap;}
footer #sns-btns a{ display:inline-block; width:32px; height:32px; background-size:100% 100%; background-position:center; background-repeat:no-repeat; margin:0 10px 0 0; text-indent:-9999px; overflow:hidden;}
footer a#btn-facebook{ background-image:url(../images/share/social_facebook_circle.png)}
footer a#btn-twitter{ background-image:url(../images/share/social_twitter_circle.png)}
footer a#btn-instagram{ background-image:url(../images/share/social_instagram_circle.png)}
footer ul{ margin:34px 0 24px ;/*2.7%;*/ padding-right:1.2em;}
footer li{ list-style:none;display:inline-block; *display:inline; *zoom:1; margin:0 2% 10px 0;}
footer li a{ font-size:1.2em; color:#2c2c2c;}
footer p{ font-size:0.9em; line-height:1.5em; margin:0 2.7% 30px 0; padding-right:1.2em;}

/*class =white footer*/
footer.white p{ color:#fff; text-shadow:1px 1px #000;}
footer.white li a{ color:#fff; text-shadow:1px 1px #000;}
footer.white a#btn-facebook{ background-image:url(../images/share/social_facebook_circle_w.png)}
footer.white a#btn-twitter{ background-image:url(../images/share/social_twitter_circle_w.png)}
footer.white a#btn-instagram{ background-image:url(../images/share/social_instagram_circle_w.png)}

.m-footer{ background:#000; text-align:center; color:#fff; margin:1em -10px 0; padding-bottom:1em;}
.m-footer .address{ font-size:1.4em; line-height:1.286em; padding:0.5em 0;}
.m-footer .booking{ font-size:2em; line-height:1.5em; padding:0 0 0.25em;}
.btn-tel{ display:inline-block; margin-left:2em; color:#fff;}
.m-footer p{ font-size:1.1em; margin:0;}

#btn-menu{ background:url(../images/share/menu.png) no-repeat; width:30px; height:30px; display:none;  z-index:100; background-size:85%; z-index:5000; vertical-align:middle;margin:10px 0;}

section #contactinfo{ color:#FFF; display:inline-block; font-size:2.3em; width:52%; padding:0 0 0 3%; vertical-align:top; background:rgba(0,0,0,0.5);}
section#story #contactinfo{ line-height:1.875em;}
.map{ display:inline-block;}
section #contactinfo a{ color:#FFF;}

header { background:#000; position:fixed; top:0; left:0;}
header #logo-ch{ margin:13px 0 0 1%; }




.left-women { display:inline-block; vertical-align:top; width:27%;}
.left-women ul { padding:263px 0 0 0; width:56%;}
.left-women ul li { padding:45px 0; background:#ee2827;  list-style:none; font-size:4em;  text-align:center; margin:16px 0; color:#FFF; }
.right-women { display:inline-block; vertical-align:top; width:70%;}

#women-top .women-top-exter div{  width:100%; height:95%; overflow:hidden;}
#women-top{ padding:0 0 0 5%; width:90%; height:550px; visibility:hidden;}
#women-top .women-top-exter h1{ position:absolute; bottom:0; left:0; padding:10px 4%;  background:#ee2827; color:#FFF; font-size:2em; text-align:center; cursor:pointer;}
.women-top-exter{ display:inline-block; width:50%; height:100%; position:relative;}


.womenul .gutter-sizer { width: 0.7%;}
.womenul .big { width: 66.5%; }
.womenul .small { width: 32.8%; }
.womenul .pic{overflow:hidden; padding-bottom:10px;}
.womenul li{ list-style:none;}
.womenul li a{ width:100%; height:100%; display:block;}
.ctnt{ padding:30px 0 0 0;}
#ctnt1{ display:none;}
#ctnt2{ display:none;}

.left-men { display:inline-block; vertical-align:top; width:27%;}
.left-men ul { padding:263px 0 0 0;}
.left-men ul li { padding:45px 0 45px 10%; background:#ee2827;  list-style:none; font-size:4em;  text-align:left; margin:16px 0; color:#FFF; }
.right-men { display:inline-block; vertical-align:top; width:70%;}
.menul .gutter-sizer { width: 0.7%;}
.menul .big { width: 66.5%; }
.menul .small { width: 32.8%; }
.menul .pic{overflow:hidden; padding-bottom:10px;}
.menul li{ list-style:none;}
.menul li a{ width:100%; height:100%; display:block;}
.menul li img{ visibility:hidden;}


#banner #bnrs-menu { position:absolute; right:3%; top:15px; z-index:1000;}
#banner #bnrs-menu ul { list-style:none; width:150px;}
#banner #bnrs-menu ul li{ display:inline-block; margin:0 0 0 9%;}
#bnrs-menu li a{ border-radius:22px; display:block; width:14px; height:14px; background:#ee2827;}
#bnrs-menu .btns li.selected a{ background:#FFF;}

#step .stepli{ overflow:hidden; display:block; position:relative;}
#step li h2{ position:absolute; left:0; top:0; padding:23px 6% 39px; font-size:3em; background:#ee2827; color:#FFF;}
#step #arrow{ width:50px; height:35px; position:fixed; bottom:1%; left:0; background:url(../images/customization/arrow.png) no-repeat; background-size:100% 100%; display:block; z-index:1; cursor:pointer;}
#step li h2 .play-btn{height:30px; background:url(../images/customization/technology_internet_communications20-512.png) no-repeat right; background-size:auto 100%; position:absolute; right:10px; bottom:8px; line-height:30px; font-size:0.6em; cursor:pointer; color:#FFF; padding-right:2.2em; display:block;}
#step li .video-js{ position:absolute; top:0; left:0; z-index:1000; display:none;}
#step .stepli .close-btn{ position:absolute; top:0; right:0; z-index:1001; display:none; width:50px; height:50px; background:url(../images/customization/close_4-512.png) no-repeat #ee2827; background-size:100% 100%; cursor:pointer;}
#step li .video-js2{ position:absolute; top:0; left:0; z-index:1000; display:none;}
#step .stepli .close-btn2{ position:absolute; top:0; right:0; z-index:1001; display:none; width:50px; height:50px; background:url(../images/customization/close_4-512.png) no-repeat #ee2827; background-size:100% 100%; cursor:pointer;}


section#about{ background:#F6F6F7;/*url(../images/about/about_bg.png) center no-repeat; background-size:100% 100%;*/}
#left-about{ display:inline-block; width:40%; height:100%; vertical-align:top;}
#left-about span{ position:absolute; right:5%; bottom:-11px; font-size:1em; font-weight: bold;}

#right-about{ display:inline-block; width:60%; height:100%; vertical-align:top;}
.wrap-about-img img{ width:100%;}
.wrap-about-img{ width:100%;}
.left-about-div{margin:32px 0 0 6%; position:relative; width:60%;}
#right-about #about-p1{ margin:140px 0 2em 0; font-size:2em; font-weight: bold;}
#right-about #about-p2{ width:60%; font-size:1.7em; line-height:1.5em; font-weight: bold;}

.stepli h2 #stepli-text{height:30px; position:absolute; right:10px; bottom:8px; line-height:30px; font-size:0.8em; color:#000; padding-right:0.2em;}
.stepli h2 #stepli-text a{ color:#000; }
.stepli #stepli-span{ background:#ee2827; color:#FFF; padding:10px 2%; font-size:2em; position:absolute; bottom:11%; left:0; cursor:pointer;}
.stepli #stepli-span2{ background:url(../images/customization/technology_internet_communications20-512.png) no-repeat 10px #ee2827; background-size:auto 100%; color:#FFF; padding:10px 2% 10px 4%; font-size:2em; position:absolute; bottom:21%; left:0; cursor:pointer;}

#address-phone{ position:absolute; bottom:13%; right:1em; color:#FFF; font-size:15px;}
#addres{ padding-right:50px; font-size:1em;}
#phoneno{ font-size:1.5em;}
.map{width:38%; height:325px; z-index:1000;}
@media screen and (min-width: 1600px) {
	nav li a{ font-size:1.4em;}
	#right-about #about-p1{ margin:40px 0 2em 0;}
	.wrap-about-img{padding-bottom:10px;}
}


@media screen and (max-width: 1280px) {
	#right-about #about-p1{ margin:40px 0 2em 0;}
	.wrap-about-img{padding-bottom:25px;}
	#btns{ margin-right:10px;}
	.container{ width:auto; margin:0 40px; left:0;}
	#banner .container{ width:96%; margin:0 auto; left:0;}
	header .container{ width:auto; margin:0 40px; left:0;}
	#products .container{ width:auto; margin:0 40px; left:0;}
	#main #banner h1{ left:40px;}
	#main #banner p{ left:40px;}
	#banner nav{ margin-left:2.7%}
	#product .container div.detail{ max-width:1000px; margin-left:auto; margin-right:0;}
	section#about #right-about{ font-size:1.5em;}
	#right-about #about-p2{ width:90%}
	#left-about span{ font-size:2em;}
}
@media screen and (max-width: 1024px) {
	#products ul{ width:100%; margin:0 auto;}
	#step li h2 .play-btn{ padding-right:4em;}
}
@media screen and (max-width: 1000px) {
	#banner .container{ width:100%;}
	header .container{margin:0 20px;}
	#products .container{ margin:0 20px;}
	.container {width:auto; height:auto; margin:0 10px;}
	#banner .container{ width:100%; margin:0; left:0;}
	#main #banner h1{ left:20px;}
	#main #banner p{ left:20px;}
	#slide, #slide li{height:auto;}
	#slide li img{ width:100%; height:auto;}
	section #contactinfo{ font-size:3.2em;}
	nav li a{padding-top:0.25em}

}
@media screen and (max-width: 700px) {
	#cart .logo{ position:relative; left:3.6%;}
	#address-phone{ display:none;}
}
@media screen and (max-width: 800px) {
	
	
	header.home #logo{ background:url(../images/share/logo.png) no-repeat; background-size:100%;}
	#main-wrap header.home #logo{ background:url(../images/share/logo_w.png) no-repeat; background-size:100%;}
	header.home #txt-free{ color:#fff;}
	header.home #btn-cart{ background:url(../images/share/btn-cart.png) no-repeat;}
	header.home #btn-shopcart .cnt{ color:#000; text-shadow:none;}
	
	#story nav{ display:block;}
	#story .container{ padding:50px 0;}
	
	#txt-free{ margin:4px 0;}
	.content{ min-height:100px;}
	#main.content{min-height:0}
	#prdt-thb{display:none;}
	header{ padding:0;}
	header .container{ padding:0; border:0; margin:0 20px;}
	#btn-cart-wrap{ background:none;}
	.content{ padding:60px 0 0;}
	#main{ padding:0;}
	#main #banner nav{ display:block;}
	#collections #banner nav{ display:block;}
	#main #banner h1{ margin:65px 0 0;}
	#main #banner p{ font-size:2.2em;}
	#product #banner .container{ top:10%;}
	#product #banner .desc{ width:70%;}
	#main #banner .desc{ width:20%;}
	.btn-detail{ font-size:2em;}
	#banner .desc h3{ font-size:2.2em;}
	#banner .desc h2{ font-size:4em;}
	
	nav li{ margin:0 0 5%;}
	#main #banner nav{ top:40px; left:-35%; width:35%; position:fixed;}
	#product #banner nav{ top:40px; left:-35%; width:35%; position:fixed;}
	.detail #g1 div{ width:30%;}
	.btn-buy, .btn-out-of-stock{ font-size:1.5em;}
	#contact aside, #chart aside, #cart aside { top:40px; left:-35%; width:35%; position:fixed; display:block;}
	#contact aside nav, #chart aside nav{ padding:0;}
	#btn-menu{ display:inline-block; *display:inline; *zoom:1;}
	#logo{ margin:10px 0;}
	.content{ position:relative;}
	header{position:fixed;}
	#main-wrap header{ position:fixed;}
	header:before{ content:" "; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.8; z-index:10;}
	#main-wrap header:before{ background:none;}
	header .container{ z-index:100;}
	#product #banner .container{max-height:none}
	#product #banner p{ font-size:2.5em;}
	#detail #g1 div{ width:35%; right:1.4%;}	
	#products li{ width:50%;}
	#chart div.left{ width:80%; margin:0 auto; float:none;}	
	#contact div.left{ width:80%; margin:0 auto; float:none;}
	#contact form{ width:80%;}
	#chart h1{ padding:80px 0 0 0;}
	#contact h1{ padding:80px 0 0 0;}
	#products h2{ font-size:1.6em;}
	
	#cart{ padding:60px 0 0;}
	#cart h1{ margin:20px 0 30px 3.6%;}
	#cart .detail{ width:96%; display:block;}
	#cart .detail{ margin:0 auto;}
	#cart .btn-del{ top:120%;}
	#cart .summary{ width:96%; display:block; margin:20px auto 0;}
	#cart .orderwrap{ width:60%;}	
	.checkout{ text-align:right;}
	
	#cart .save input{ font-size:1.5em;}
	#btn-pchkout{ width:auto; font-size:1.5em; padding:0 2%; display:inline-block; *display:inline; *zoom:1;}
	
	#cart .personal div,#cart .billing div{width:44%; margin:0 0 20px 10%;}
	#cart .personal .left,#cart .billing .left{ width:44%;}
	#cart .personal div.textarea{ width:44%;}
	#cart .address ul{ width:80%;}
	
	#left-women ul{ padding:0;}
	#women-banner .banner1 li span{ padding:0 10px;}
	
	header ul{ margin:5px 0; width:100%; height:1000px; top:0; left:0; text-align:left;}
	header .container nav { position:fixed; left:-35%; top:0; height:1000px; width:35%;}
	header nav li{ display:block;}
	nav li a{font-size:2em; padding:0.25em 0.5em; border-bottom:0;}
	nav li a.navsel{color:#FF0000;}
	
	section#womens{ padding:128px 0 0 0;}
	nav{ background:#000;}
	nav li a:hover{ border:0;}
	header #logo{ padding-bottom:4%;}
	#address-phone{ bottom:auto; top:10px; text-align:right;}
	#addres{ display:block; padding-right:0;}
	.map{width:100%; height:225px;}
	section #contactinfo{ width:98%; padding:20px 0 20px 2%;}

}
@media screen and (max-width: 800px) and (orientation: landscape) {
	.detail #g1 div{ width:50%; width:95%; position:static;}
	.detail #g1 ul{ margin-bottom:5%;}
	.left-women ul{ padding:0;}
	.left-men ul{ padding:0;}
}

@media screen and (max-width: 548px) {
	header #logo{ padding-bottom:0;}
}


@media screen and (max-width: 480px) {
	#lily-quote{ font-size:2.4em; line-height:1.2em; color:#EE2827; text-align:center; padding-top:1em;}
	#founder{ display:block; font-size:1.6em; width:80%; text-align:right; margin:0 auto;}
	#video-list ul{ list-style:none; width:90%; margin:3em 5%;}
	#video-list ul li{ width:96%; margin:0 2% 1em; float:none;}
	#video-list ul li strong{ padding-bottom:0.25em;}
	#main-wrap header.home{ position:absolute;}
	#main-wrap header.home #logo{ min-height:48px; min-width:70px}
	#txt-free{ display:none;}
	#slide{ margin:0 0 0 19px;}
	#main{ overflow:hidden;}
	#main #banner, #slide li{ overflow:visible;}
	#main #banner p{ font-size:3.0em;}
	#main #banner .desc{ width:30%;}
	#banner .desc h3{ font-size:3.2em;}
	#banner .desc h2{ font-size:6em;}
	.btn-detail{ font-size:3em;}
	#banner nav li a{font-size:4em;}
	.detail #g1 div{ width:55%;}
	#products{ position:relative;}
	#products li{ width:49.8%;}	
	.detail #g1 h2{ font-size:2.5em;}
	.detail #g1 .price{ font-size:2.5em;}
	#products{ margin:10px 0 0;}
	#product #banner .container{ position:relative;}
	#product #banner .desc{ width:80%; margin:0 auto 20px; display:none;}
	#product #banner p{ font-size:4em;}
	.detail #g1 div{ width:50%; width:95%; position:static;}
	.detail #g1 ul{ margin-bottom:5%;}
	#contact form{ width:99%;}
	#chart div.left{ width:100%;}	
	#chart h1{ padding:20px 0 0 0;}
	#contact div.left{ width:100%;}
	#contact h1{ padding:20px 0 0 0;}
	#contact form div.textarea select{ width:100%;}
	#left-about span{ font-size:4em; bottom:0;}
	
	#cart .desc li{ display:none;}
	#cart .opts{ width:25%;}
	#cart .desc{ padding:0 2%;}
	#cart .orderwrap{ width:85%;}
	#btn-pchkout{ width:100%; margin:0 0 10px; padding:0;}
	
	#cart .personal div,#cart .billing div{width:100%; margin:0 0 20px;}
	#cart .personal .left,#cart .billing .left{ width:100%;}
	#cart .personal div.textarea{ width:100%;}
	#cart .address ul{ width:100%;}	
	footer #sns-btns{ position:static; display:block; text-align:center; margin:14px 0 0;}
	
	div#left-about{ width:80%;}
	.left-about-div{ width:100%;}
	section#about{ height:auto!important;}
	section#about #left-about{ font-size:1.5em;}
	#right-about #about-p1{margin:10% 0 1em 11%; width:80%; font-size:3em;}
	#right-about #about-p2{ width:80%; margin:0 0 0 11%;}
	#right-about{ width:100%;}
	section#about #right-about{ font-size:2.5em;}
	
	.left-women ul{ padding:0;}
	.womenul .pic{ width:100%;}
	.left-men ul{ padding:0;}
	.menul .pic{ width:100%;}
	#step li h2 .play-btn{ padding-right:3em;}
	#step li h2{ font-size:10em;}

	#faq h1{ font-size:10em; width:40%;}
	#faq ul li{ font-size:6em; margin-left:10%;}
	#story h1{ font-size:10em;}
	section #contactinfo{ font-size:5.5em;}

	#main #bnrs li{ height:auto;!important;}
	#main #bnrs { height:auto;!important;}
}
@media screen and (max-width: 360px) {
	#step li h2{ font-size:8em;}
}
@media screen and (max-width: 320px) {
	section #contactinfo{ font-size:4em;}
}