@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100);
html, body { font-family: "Work Sans",Arial,Verdana,"source-han-sans-traditional","Microsoft JhengHei",PMingLiU,sans-serif; background-color: #fff; }
h1 { font-size: .75em; }
h2 { font-size: 1.25em; color: #FFF; padding: 10px 0px; }
h3 { font-size: 3em; color: #FFF; font-weight: 400; }
h4 { font-weight: bold; letter-spacing: 1px; margin: 0px; padding: 0px; }
h5, h6 { font-size: 1rem; }
h1, h2, h3, h4, h5, h6 { line-height: 1.5rem; margin-bottom: 2%; color: #fff; }
p { font-size: .9em; line-height: 1.5rem; color: #fff; font-style: normal; text-align: justify; }
strong { color: #F60; font-size: 1em; font-style: normal; line-height: 32px; }
em a { color: #CC6699; font-style: normal; text-decoration: none; }
a { color: #cc6699; text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }
a:hover, a:active, a:focus { color: #cc6699; text-decoration: none; outline: none; }
* { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-webkit-transition: all 0.3s; }
article a { word-wrap: break-word; word-break: break-all; }
input, select, button, textarea { font-family: 'Roboto', "Work Sans",Arial,Verdana,"source-han-sans-traditional","Microsoft JhengHei",PMingLiU,sans-serif; }
img { height: auto; max-width: 100%; }
main { position: relative; display: inline-block; margin-top: 80px; width: 100%; }
.center h2 { margin: 2% 5%; color: #000; font-weight: 400; }
.center p { margin-left: 5%; }
.wrapper { width: 100%; max-width: 1160px; margin: 0px auto; display: block; }
/*bg*/
.bg-index { background: url(../images/bg.jpg) no-repeat 0px 0px #0a0605; background-size: 100% 100%; }
.bg-product { background: url(../images/bg/baking3-bg.jpg) no-repeat fixed center 0px; background-size: 100% 100%; }
.bg-epaper { background: url(../images/bg/epaper_bg.jpg) no-repeat 0px 0px #0a0605; background-size: 100% 100%; }
.bg-bk { background: url(../images/bg/about4-bg.jpg) no-repeat 0px 0px #0a0605; background-size: 100% 100%; }
.shop { background: url(../images/about/shop-bg.jpg) no-repeat scroll right top; background-size: 1680px 942px; }
.contact-bg { background: url(../images/about/about-bg3.jpg) repeat scroll right top; background-size: 1920px 923px; float: left; }
.about-bg { background: url(../images/about/about-bg.jpg) no-repeat right center; background-size: cover; }
.bg-whitle { background-color: #fff; }
.txt-red{ font-size: .8em!important;  color: #666; }
.txt-red strong{color:#C91439; }
/*bg effect*/
#wrap { position: fixed; z-index: -1; top: 0; left: 0; background-color: black; }
#wrap img.bgfade { position: absolute; top: 0; width: 100%; height: auto; z-index: -1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
/*index*/
.fade { width: 1160px; margin: 5% auto; padding: 10px; background: rgba(255,255,255,1); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
.box-types { width: 1140px; margin: 5% auto; vertical-align: top; min-height: 540px; overflow: hidden; display: block; padding: 40px 10px 20px 10px; background: rgba(246,246,246,1); line-height: 1.45em; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
.box-types h2 { padding-left: 20px; margin-left: 4%; background: url(../images/h2.jpg) no-repeat left center; font-size: 28px; color: #000; }
.box-types h2 span { padding-left: 6px; font-size: 15px; color: #000; }
.news-block { width: 65%; display: inline-block; }
.news-block .news { width: 95%; padding: 2% 0px 0px 5%; display: block; }
.news .news-Wrap { width: 90%; display: block; }
.news .news-Wrap img { padding: 10px; width: 100%!important; height: 220px; overflow: hidden; }
.news .news-Wrap a img { padding: 10px; width: 90%!important; height: 90%; overflow: hidden; }
.news .news-Wrap span { width: 90%; display: block; }
.news .news-Wrap span:nth-child(2) { font-size: 12px; color: #666; }
.news .news-Wrap span:nth-child(3) { font-size: 16px; line-height: 30px; color: #f06292; font-weight: bold; }
.news .news-Wrap span:nth-child(4) { font-size: 13px; color: #000; }
.fb-block { width: 28%; display: inline-block; vertical-align: top; margin-left: 3%; }
.fb-block iframe { margin-top: 10%; margin-left: 2%; }
/*layout*/
.mainwrap { margin: 2% auto; width: 100%; padding: 30px 0px; max-width: 1160px; background-color: rgba(0,0,0,.8); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
#title { padding: 30px 0px 20px 0px; margin: -2% auto 10px -7%; width: 85%; height: auto; display: inline-block; z-index: 999; vertical-align: top; }
#title h1 { display: block; padding-left: 240px; width: auto; color: #f06292; font-weight: 400; text-align: left; }
#title h2 { margin: 10px auto auto auto; padding: 20px 0px 10px 0px; width: 100%; display: inline-block; vertical-align: top; font-size: 14px; line-height: 1.6em; color: #fff; font-weight: 400; }
.title-about { width: 369px; height: 27px; background: rgba(0, 0, 0, 0) url("../images/title.png") no-repeat scroll 0px top; }
.title-baking { width: 369px; height: 27px; background: rgba(0, 0, 0, 0) url("../images/title-baking.png") no-repeat scroll 0px top; }
.title-eaper { width: 369px; height: 27px; background: rgba(0, 0, 0, 0) url("../images/title-epaper.png") no-repeat scroll 0px top; }
.title-contact { width: 369px; height: 27px; background: rgba(0, 0, 0, 0) url("../images/title-contact.png") no-repeat scroll left top; }
.title-member { width: 369px; height: 27px; background: rgba(0, 0, 0, 0) url("../images/title-member.png") no-repeat scroll left top; }
.title-faq { width: 369px; height: 27px; background: rgba(0, 0, 0, 0) url("../images/title-faq.png") no-repeat scroll left top; }
.title-dining { width: 369px; height: 27px; background: rgba(0, 0, 0, 0) url("../images/title-dinning.png") no-repeat scroll left top; }
.title-gift-box { width: 369px; height: 27px; background: rgba(0, 0, 0, 0) url("../images/title-giftbox.png") no-repeat scroll left top; }
.title-wedding,.title-Biscuit { width: 369px; height: 27px; background: rgba(0, 0, 0, 0) url("../images/title-wedding.png") no-repeat scroll left top; }
.title-catering { width: 369px; height: 27px; background: rgba(0, 0, 0, 0) url("../images/title-catering.png") no-repeat scroll left top; }
/* breadcrumb*/
.breadcrumb { margin: 0px; width: 100%; display: inline-block; position: relative; background: url(../images/main-menu.png) repeat-y center right; box-shadow: 0 1px 1px -1px rgba(204, 204, 204, 0.5); }
.breadcrumb ul { margin: 0 0 0 4%; padding: 0 10px; width: auto; float: left; }
.breadcrumb li { padding: 0 10px 0 5px; width: auto; float: left; color: #cc6699; background: rgba(0, 0, 0, 0) url("../images/breadcrumb.png") no-repeat scroll right center; font-size: 12px; font-weight: 400; line-height: 2em; list-style: outside none none; }
.breadcrumb li a { color: #fff; text-decoration: none; }
.breadcrumb li a:hover { color: #c96; }
.breadcrumb ul li a .fa { position: relative; top: 0; display: table-cell; width: 30px; height: 20px; font-size: 15px; text-align: center; }
.breadcrumb .nav-text { display: table-cell; position: relative; vertical-align: middle; width: auto; }
/*about*/
.box-main { margin: 1% auto 1% auto; padding: 20px 5%; width: 90%; min-height: 60vh; display: inline-block; position: relative; background: rgba(0,0,0,0.6); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#about { padding: 40px 10px 40px auto; margin: auto; width: 96%; height: auto; background: rgba(0,0,0,0); text-align: left; z-index: 999; display: inline-block; }
.grpa { background: #462230; }
.contact { display: inline-block; width: 30%; text-align: left; margin: 3% 0px 0px 15%; vertical-align: top; }
.contact h3 { margin-bottom: 15%; display: block; }
.col-left { display: inline-block; width: 45%; margin: 3% 0px 0px 20px; }
.col-left h3 { margin: 5% auto; }
.col-line { border-top: #FFF dotted 1px; padding: 20px 0px 0px 0px; margin: 10px 0px 0px 0px; }
.col-row { display: inline-block; width: 40%; margin: 3% 0px 0px 10%; vertical-align: top; }
/*product*/
.product { margin: 0 auto; padding: 15px 0px 0 0px; width: 100%; max-width: 1024px; text-align: left; }
.productwrap { margin: 0 auto; padding: 0px 0px 30px 0px; width: 100%; max-width: 1024px; text-align: left; }
.productwrap li {
margin-left:calc(21px * 3/2 ); margin-bottom: 50px; width: 30%; padding: 5px 3px 15px 3px; display: inline-block; vertical- align: top;
list-style: none; background-color: #6c354b; border: 1px solid rgba(191,64,78,.1); text-align: center; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); }
.productwrap li:nth-child(3n+1) { margin-left: 0px; }
.productwrap li a { display: block; text-decoration: none; }
.productwrap li:hover { border: 1px solid rgba(255,51,102,1); background: rgba(255,51,102,.5); opacity: 0.9; -webkit-transform: scale3d(1.01, 1.01, .5); transform: scale3d(1.01, 1.01, .5); -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); }
.productwrap li:hover h5 { color: #FFF; }
.productwrap li img { height: auto; margin: 0px auto; }
.productwrap li img:hover { background: rgba(255,51,102,.5); opacity: .8; }
.productwrap li h5 { color: #fff; font-size: 22px; font-weight: 400; line-height: 1.65em; margin: 10px auto; }
.productwrap li p { margin-bottom: 10px; color: #ec6877; font-size: 16px; line-height: 1.65em; }
.more { width: 30px; height: 30px; margin-right: 1%; float: right; color: rgba(255,51,102,1); font-size: 15px; background: url("../images/icons/icon-heart-p.png") no-repeat scroll 5px 8px; background-size: 18px; transition: all 0.4s ease 0s; -webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; }
.buy { padding: 8px 20px 8px 30px; margin-left: 2%; width: auto; float: left; nd: #bf404f url("../images/icons/icon-car-w.png") no-repeat scroll 5px 6px; background-size: 18px; transition: all 0.4s ease 0s; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
a:hover span.more { background: rgba(255,51,102,1) url("../images/icons/icon-heart-w.png") no-repeat scroll 4px 6px; color: rgba(255,51,102,1); background-size: 22px; }
a:hover span.buy { background: rgba(255,51,102,1) url("../images/icons/icon-car-w.png") no-repeat scroll 4px 6px; color: #FFF; background-size: 22px; }
/*product show*/
.box-left { float: left; margin: 5% auto; width: 40%; }
.box-right { float: right; margin: 5% auto; padding: 0px 0px 100px 8%; width: 50%; vertical-align: top; }
.product-name { font-size: 20px; padding: 0px 0px 10px 0px; color: #fff; }
.product-description { padding-bottom: 3px; color: #FF6600; font-size: 24px; font-size: 100; }
.short-description { padding: 0px 0px 10px 0px; color: #FF9900; font-size: 13px; line-height: 22px; }
.box-left ul { padding: 12px 0px; width: 100%; display: block; list-style: none outside none; text-align: left; }
.box-left li { padding: 5px 0px; display: block; color: #999; line-height: 1.6em; }
.box-left li.title { border: medium none; }
.box-left li.title div { color: #FF6600; font-size: 22px; }
.box-left li.title select { border: 1px solid #ABADB3; color: #858585; font-size: 11px; }
.box-left li.price { padding: 3px 0px 2px 0px; display: block; clear: both; font-size: 16px; color: #FF6600; border-bottom-style: none; }
.box-left li.price select { margin: 1% auto; padding: 4px 8px; width: 52%; display: inline-block; color: #FFF; font-size: 14px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background-color: rgba(255,255,255,.5); }
.box-left li.price option { background-color: rgba(255,255,255,.5)!important; color: #000; }
.box-left li.info a { color: #D73C69; }
.box-left li.info a:hover { text-decoration: underline; }
.box-left li.info a.selected { background: none repeat scroll 0 0 #D73C69; color: #FFFFFF; }
.box-left li.info div { padding-top: 6px; text-align: justify; }
.box-left li.info ol { margin: 0px 0px 0px 18px; padding: 5px 0px; float: left; width: 280px; display: block; clear: both; }
.box-left li.info ol li { padding: 0px; float: left; width: 140px; list-style-type: disc; }
.box-left li.order { padding: 30px 0px 20px 0px; width: auto; display: inline-block; }
.box-left li.smallphoto img { border: 1px solid #DBDBDB; margin-right: 3px; }
span.little { font-size: 12px; }
span.gray { padding: 10px 0px 0px 0px; color: #fff; font-size: 15px; font-weight: bold; line-height: 24px; }
/*product show*/
.scrollable { position: relative; overflow: hidden; width: 600px; height: 100px; float: right; }
.scrollable .items { width: 262143px; position: absolute; clear: both; left: 0px; text-align: left; top: 1px; }
.items div { width: 300px; padding: 30px 0px 10px 50px; float: left; }
.scrollable img { float: left; width: 50px; height: 50px; margin: 0px 8px; }
.scrollable .active { border: 2px solid #cc9933; position: relative; cursor: default; }
#image_wrap { width: 100%; height: auto; float: left; padding: 0px;	/* centered */ text-align: center; margin: 0px 0px 10px 0px; }
#image_wrap img { width: auto; height: auto; }
.container { max-width: 980px; width: 100%; margin: 40px auto; padding: 30px; background: #fff; display: block; }
/*scroll*/
.content { margin: 20px auto; height: 600px; padding: 20px; overflow: auto; background: rgba(0,0,0,0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content_1 { margin: auto auto auto 0px; padding: 0 5px; background: rgba(0,0,0,0.75); height: 415px; }
#content_2 { margin: auto; padding: 40px 10px 40px auto; width: 96%; height: 600px; background: rgba(0,0,0,0); text-align: left; z-index: 999; display: inline-block; }
#content_5 { margin: auto; padding: 10px 10px 80px 10px; width: 90%; text-align: left; height: auto; }
#content_4 { margin: auto 30px 80px 0px; padding: 10px; text-align: left; }
#content_3 { margin: auto; padding: 10px 10px 80px 10px; width: 40%; text-align: left; height: 400px; }
/*about gallery*/
.service { display: inline-block; width: 73%; padding: 0px 0px 0px 50px; vertical-align: top; border-left: rgba(255,255,255,0.5) solid 1px; }
.grid { padding: 5px; background: #fff; margin: 8px; display: inline-block; width: 80px; min-height: 50px; box-shadow: 0 5px 6px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0 5px 6px rgba(0,0,0,0.4); -webkit-transition: top 1s ease, left 31s ease; -moz-transition: top 1s ease, left 3s ease; -o-transition: top 1s ease, left 3s ease; -ms-transition: top 1s ease, left 3s ease; }
.grid .imgholder img { max-width: 100%; display: block; }
/*epaper*/
.epaper { padding: 0px 0px 0px 50px; color: #CCC; font-size:1em; }
.epaper-main { display: block; margin:auto; padding: 0px 0px 10px 30px; width: 70%; }
input, textarea { padding: 5px; width: auto; margin-right: 5px; background-color: rgba(255,255,255,0.8); border: 1px solid rgba(0,0,0,.3); border-radius: 2px; font-size: 12px; }
/*news*/
#news { width: 580px; margin: auto; padding: 10px 20px; display: inline-block; }
.news_list { margin: 10px auto 10px 10%; padding: 5px 0px; width: 80%; height: 120px; display: inline-block; font-size: 13px; line-height: 22px; color: #fff; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #333; text-align: left; }
.news_list a { padding: 5px 0px; text-decoration: none; color: #CCC; }
.news_list:hover { opacity: 0.5; background: #333; }
.news_list_pic { padding: 0px 10px 20px 0px; margin: 0px; float: left; height: 68px; width: 82px; }
.news_list_pic img { height: 68px; width: 82px; overflow: hidden; }
.news_title { display: block; margin: 0px auto 5px 92px; vertical-align: top; overflow: hidden; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
.news_title a { color: #f05b0f; }
.news_date { padding-bottom: 10px; display: block; text-align: left; letter-spacing: 1px; font-size: 12px; color: #f06292; }
.news_title2 a { color: #BFDFD7; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
.news_show { width: 100%; margin: 10px auto; border-collapse: collapse; text-align: center; }
.news_show th { color: #009ddc; font-weight: 700; padding: 10px 10px; text-align: center; }
.news_show td { padding: 5px 0px 5px 15px; color: #000; text-align: center; line-height: 1.65em; }
.news_show tr td a img { width: auto; }
.news_show td.title { padding: 10px; font-size: 1.45em; color: #9c1f64; border-bottom: solid 1px #999; }
.news_show td.main { padding: 10px; font-size: 1em; color: #000; text-align: center; }
.news_show td.main p { color: #000; text-align: center; }
/*left*/
#left { float: left; width: 18%; padding: 20px 10px 0px 0px; text-align: left; vertical-align: top; }
#left.submennu-title { padding-bottom: 40px; display: block; }
.submennu-title h3 { margin: 10px auto; color: #f06292; font-size: 1.6em; text-align: center; }
.submennu-title div { padding: 10px 0px 0px 0px; font-size: 12px; color: #FF6600; }
.submenu ul li { padding: 0px 30px 0px 0px; display: block; text-align: right; line-height: 2.5em; color: #FFF; -webkit-transition: all 0.3s ease-in-out; }
.submenu ul li a { color: #fff; text-decoration: none; }
.submenu ul li:hover, li:focus { background: #DD9BBC; }
.submenu .current { display: none; /* show only current <li> item */ }
.sidebar .current { display: none; /* show only current <li> item */ }
/*stor_tab*/
.abgne_tab { margin: 5% auto; padding: 10px; width: 90%; }
.circle { width: 120px; height: 120px; background: url(../images/icons/tab-1.png) no-repeat center 5px rgba(254,101,0,1); background-size: 50px 50px; -moz-border-radius: 99em; -webkit-border-radius: 99em; border-radius: 99em; }
.circle2 { width: 120px; height: 120px; background: url(../images/icons/tab-2.png) no-repeat center 5px rgba(107,52,74,1); background-size: 50px 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.archle { width: 100%; font-size: .9em; line-height: 2em; color: #FFF; }
.archle-list { display: inline-block; width: 45%; min-height: 120px; margin: 5px 3% 0px 1%; vertical-align: top; border-bottom: dotted 1px rgba(255,255,255,0.2); }
.archle-list2 { display: inline-block; width: 100%; min-height: 80px; margin: 5px 2% 5px 1%; vertical-align: top; border-bottom: dotted 1px rgba(255,255,255,.5); }
.archle-list-title { font-size: 15px; line-height: 24px; font-weight: bold; color: #FFF; background: url(../images/dot.png) no-repeat left 18px; padding: 10px 0px 5px 12px; }
.archle-list-content { padding: 0px 0px 10px 0px; width: 100%; display: block; font-size: 13px; line-height: 24px; color: #FFF; }
.archle-price { color: #FFCC66; font-size: 12px; }
.archle-list-num { font-size: 16px; line-height: 24px; font-weight: bold; color: #FFF; padding: 10px 0px 5px 0px; }
/*pager*/
.pages { width: 100%; position: relative; display: inline-block; }
.pages ol li { width: auto; height: auto; float: left; margin: 5% 1%; padding: 2px 5px; font-size: 13px; text-align: center; line-height: 1.5em; border-radius: 3px; border: 1px solid #ebebeb; list-style-type: none; }
.pages ol li:hover { color: rgba(255,51,102,1); border: 1px solid rgba(255,51,102,1); }
.pages ol li.current { background: #EDF1F1; color: #6c354b; }
.pages ol li a { border: none; color: #fff; border-radius: 0; display: block; padding: 0; height: 100%; text-decoration: none; }
.pages ol li a:hover, .pages ol li a:focus { background: none; color: rgba(255,51,102,1); }
#page-back a { opacity: 1; padding: 5px 10px; font-size: 15px; color: #fff; font-weight: normal; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #9c1f64; }
#page { width: 80%; margin: 20px auto; text-align: left; font-size: 12px; letter-spacing: 1px; color: #666666; font-weight: normal; }
#page a { padding: 0px 8px; font-weight: normal; text-decoration: none; color: #FF9900; }
#page a:hover { color: #cc9933; }
#page a:active { color: #666666; }
#page span.current { margin-right: 2px; padding: 2px 5px; font-size: 16px; color: #9c1f64; font-weight: bold; }
.page-focus { float: left; width: 650px; text-align: left; }
main .box-right .pages { margin-left: 10%; }
main .box-right .pages ol li { padding: 0 8px 0 0; font-weight: normal; text-decoration: none; color: #ff9900; border: none; background: rgba(0, 0, 0, 0) url("../images/line01.jpg") no-repeat scroll right 8px; }
/*contact*/
.contact-right { width: 100%; }
.contact-right p { color: #fff; font-size: 15px; line-height: 1.4em; margin-bottom: 10px; text-align: center; }
.contact-right .length-l { width: 388px }
.contact-right .length-m { width: 236px }
.contact-right .length-s { width: 120px }
.contact-right .select-city select option { height: 26px; line-height: 26px; }
.contact-right ul { display: block; width: 100%; }
.contact-right ul:nth-child(2n) { margin-left: 60px; }
.contact-right ul li { display: block; margin: 1% 0; padding: 0; line-height: 40px; overflow: hidden; }
.contact-right ul li span { color: #fff; display: block; float: left; line-height: 40px; overflow: hidden; font-size: 13px; }
.contact-right ul li.comment { height: 80px; margin: 10px 0 0 0 }
.contact-right ul li.comment span { height: 75px; }
.contact-right ul li textarea { border: 1px solid #CCC; width: 200px; height: 100px; }
.contact-right ul li input { border: 1px solid #CCC; padding: 5px 5px; }
.contact-right ul li span:first-child { width: 80px; color: fff; text-align: right; margin-right: 20px; }
.start { padding-right: 3px; color: #F00; }
/*car*/
#process-bar { margin: 2% auto 0px auto; padding: 0px 0 10px 0; display: block; width: 100%; height: 50px; text-align: center; overflow: hidden; }
#process-bar li { padding: 0 40px 0 30px; display: inline-block; overflow: hidden; background: url(../images/process.png) no-repeat right 8px; }
#process-bar li:last-child { padding: 0 0 0 30px; background: none; }
#process-bar li span { color: #462230; }
#process-bar li span:first-child { margin-right: 4px; width: 40px; height: 40px; display: inline-block; font-size: 1em; line-height: 40px; color: #fff; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.2); border-radius: 15px 15px 15px 0px; background: rgba(240,98,146,1); }
#process-bar li span:first-child + span { margin: 0 0 0 10px; line-height: 36px; color: rgba(240,98,146,1); }
#process-bar li a { color: rgba(240,98,146,1); }
#process-bar li.current a { color: #462230; }
#process-bar li.current span:first-child { background: #462230; }
#process-bar li.current span:first-child + span { color: rgba(240,98,146,1); }
/*submit-btn*/
ul#submit-btn { display: inline-block; margin: 20px auto; height: auto; width: 100%; text-align: center; }
ul#submit-btn li { margin: 20px auto; display: inline-block!important; width: auto; }
/* cart list */
#cart-list { width: 100%; display: inline-block; margin: auto; border: solid 1px rgba(0,0,0,.1); }
#cart-list ul { display: block; width: 100%; margin: 1% auto; border-bottom: 1px dotted #999; }
#cart-list ul li { display: block; }
/*2016/01/23*ul.item*/
.price-mobile, .total-mobile { display: none; }
#cart-list ul.field { width: 100%; height: 35px; border-bottom: 2px solid rgba(240,98,146,1)); }
#cart-list ul.field li { display: inline-block; width: auto; font-size: 15px; line-height: 35px; color: #000; font-weight: bold; }
#cart-list ul.field li.no { width: 40px; text-align: center; }
#cart-list ul.field li.pimg { width: 90px; text-align: center; }
#cart-list ul.field li.unit { width: 100px; text-align: center; font-size: 16px; }
#cart-list ul.field li.amount { width: 100px; text-align: center; }
#cart-list ul.field li.subtotal { width: 100px; text-align: center; font-size: 16px; font-weight: bold; }
#cart-list ul.field li.dele { width: 100px; text-align: center; font-size: 16px; font-weight: bold; }
#cart-list ul.field li.sate { width: 100px; text-align: center; font-size: 16px; font-weight: bold; }
#cart-list ul.item { width: 100%; display: block; }
#cart-list ul.item li { display: inline-block; width: auto; margin: 10px auto; line-height: 90px; vertical-align: top; }
#cart-list ul.item li.no { width: 40px; text-align: center; }
#cart-list ul.item li.pimg { width: 90px; height: 90px; text-align: center; }
#cart-list ul.item li.pimg a { display: block; width: 100%; height: 100%; margin: 10px auto; }
#cart-list ul.item li.pimg img { width: 100%; height: auto; }
#cart-list ul li.name { width: 300px; padding: 0 0 0 20px; }
#cart-list ul li.name span { margin: 10px 0 3px 0; width: 100%; display: block; font-size: 15px; line-height: 20px; color: #666666; }
#cart-list ul li.name span strong { display: inline-block; margin-right: 10px; padding: 0 10px; width: auto; height: 20px; font-size: 12px; line-height: 20px; text-align: center; color: #FFF; background-color: #C9163A; border-radius: 3px; }
#cart-list ul li.name span:nth-child(2) { font-size: 14px; color: rgba(240,98,146,1); line-height: 26px; margin: 0px; }
#cart-list ul li.name span:nth-child(3) { font-size: 14px; color: #666; line-height: 26px; margin: 0px; }
#cart-list ul.item li.unit { width: 100px; text-align: center; font-size: 16px; }
#cart-list ul.item li.amount { width: 100px; text-align: center; }
#cart-list ul.item li.subtotal { width: 100px; text-align: center; font-size: 16px; font-weight: bold; }
#cart-list ul.item li.state { width: 100px; text-align: center; font-size: 16px; font-weight: bold; }
#cart-list ul.item li.dele { width: 100px; text-align: center; }
#cart-list ul.item li.dele a { display: block; width: 100%; height: 50px; background: url(../images/delete.png) no-repeat center 35px; text-indent: -9999px; }
#cart-list ul.item li.dele a:hover { background-position: center -40px; }
#cart-list ul.item li.dele span:first-child { width: 100%; padding-top: 20px; display: block; font-size: 13px; color: #C1042B; line-height: 26px; margin: 0; }
#cart-list ul li.dele span:first-child+span { margin: 0px; width: 100%; font-size: 13px; color: #333; line-height: 26px; }
#cart-list ul li.dele a { display: block; width: 100%; height: 100%; background: url(../images/delete.png) no-repeat center 37px; text-indent: -9999px; }
#cart-list ul li.dele a:hover { background-position: center -38px; }
/*shipment*/
#cart-list input { display: block; margin: 30px auto 0 auto; width: 60px; height: 18px; font-size: 14px; }
#cart-list .border { width: 100%; height: 2px; display: block; overflow: hidden; background-color: rgba(120,0,0,1); }
#cart-list ul.shipment { display: block; margin: 10px auto; width: 90%; border: 3px solid rgba(240,98,146,.1); }
#cart-list ul.shipment li { padding: 0px 20px 0px 0px; width: auto; display: inline-block; vertical-align: top; text-align: center; line-height: 90px; color: #666; }
#cart-list ul.shipment li:first-child { width: 20%; padding: 0px 10px; }
#cart-list ul.shipment li.coupons select { margin: 0 auto 0 auto; width: auto; text-align: center; }
#cart-list ul.shipment li.radio-s input { display: inline-block; }
#cart-list ul.shipment li.last { width: 100%; text-align: center; line-height: 2.5em; display: block; }
#cart-list ul.shipment li.last span { margin-left: 20%; width: 10%; text-align: center; display: inline-block; color: rgba(120,0,0,1); }
#cart-list ul.shipment li.last span:nth-child(2) { width: 20%; margin-left: 1%; font-size: 16px; font-weight: bold; }
.member-subtitle { margin: 10px auto; display: block; line-height: 1.5em; color: #cc6699; width: 100%; }
.rulel { padding: 5px; margin: 5px; color: #999; text-align: left; }
.rule-list li { padding: 5px; margin: 5px; display: block; text-align: left; line-height: 1.75em; }
.rule-list li a { color: #D37EA9; }
#cart-list ul.shipping { width: 98%; display: inline-block; border-bottom: none; vertical-align: top; }
#cart-list ul.shipping li { width: auto; display: inline-block; }
#cart-list ul.shipping li:first-child { margin: 0 2%; width: 60px; vertical-align: top; line-height: 6em; overflow: hidden; background: url(../images/shipping.png) no-repeat center center rgba(153,153,153,1); background-size: 60px auto; text-indent: -9999px; border-radius: 3px; }
#cart-list ul.shipping li:nth-child(2) { width: 56%; height: auto; font-size: 14px; color: #666; line-height: 1.8em; vertical-align: top; }
#cart-list ul.shipping li:nth-child(3) { margin-top: 1%; margin-left: 6%; width: auto; font-size: 16px; font-weight: bold; }
#cart-list ul.shipping li:nth-child(2) span { width: 100%; display: inline-block; color: #666; }
#cart-list ul.shipping li:nth-child(2) span strong.mem-gift { display: inline-block; margin-right: 10px; height: 20px; width: 80px; font-size: 12px; line-height: 20px; text-align: center; color: #FFF; background-color: rgba(120,0,0,1); border-radius: 3px; }
#cart-list ul.shipping li:first-child + li span:first-child+span { width: 100%; display: inline-block; color: #666; line-height: 1.8em; }
#cart-list ul.sum { display: block; margin: 30px 0 30px 460px; width: 400px; height: 70px; border: 3px solid rgba(240,98,146,.1); }
#cart-list ul.sum li { height: 70px; padding: 0px; float: left; line-height: 70px; }
#cart-list ul.sum li:first-child { padding: 0; width: 140px; text-align: center; }
#cart-list ul.sum li:nth-child(2) { padding: 0; width: 60px; font-size: 16px; font-weight: bold; text-align: right; }
#cart-list ul.sum li:nth-child(3) { padding: 0px; width: 200px; font-size: 24px; color: #C1042B; font-weight: bold; text-align: center; }
#checkout { display: block; width: 100% }
#checkout li { float: left; }
#checkout li:first-child { width: 100%; height: 50px; line-height: 50px; }
#checkout li:first-child+li { width: 80%; height: 50px; line-height: 50px; background-color: #E0E0E0; }
#checkout li:first-child+li+li { width: 20%; height: 50px; }
#checkout li:first-child+li+li a { display: block; width: 100%; height: 50px; line-height: 50px; color: #FFF; text-align: center; text-decoration: none; letter-spacing: 1px; background-color: #002853; }
#checkout li:first-child+li+li a:hover { background-color: #C9163A; }
#checkout .cart-login-type div { float: left; margin: 0 20px 0 10px; }
#checkout .cart-login-bar strong { margin: 0 5px 0 15px; font-size: 13px; color: #666666; }
#checkout .cart-login-bar input { height: 25px; border: 1px solid #CCC; line-height: 24px; }
#checkout .cart-login-bar input.account-id { width: 200px; }
#checkout .cart-login-bar input.account-pswd { width: 100px; }
#club-ad { float: left; overflow: hidden; margin: 30px 0; }
#cart-remark { float: left; margin: 0 0 30px 0; display: list-item; padding: 0 0 0 22px; }
#cart-remark li { display: list-item; list-style-type: decimal; line-height: 24px; font-size: 14px; color: #000; }
/*#info-form */
#info-form { display: inline-block; margin: 2% auto; width: 100%; clear: both; font-size: 14px; }
#info-form .length-l { width: 96%; }
#info-form .length-m { width: 130px !important; }
#info-form .select-city select { padding: 2px 5px; margin: 0 10px 0 0; width: 150px; height: 30px; line-height: 30px; border: 1px solid #CCC; }
#info-form .select-city select option { height: 30px; line-height: 30px; }
#info-form .select-store select { margin: 0 10px 0 0; padding: 2px 5px; width: 100%; height: 30px; line-height: 30px; border: 1px solid #CCC; }
#info-form .select-store select option { height: 30px; line-height: 30px; }
#info-form ul { display: inline-block; margin-left: 2%; width: 45%; height: 480px; vertical-align: top; }
#info-form ul:nth-child(2n) { margin-left: 5%; }
#info-form ul li { display: block; margin: 3px 0px; padding: 0; width: 100%; line-height: 40px; }
#info-form ul li.title { margin: 20px 0 10px 0; padding-left: 10px; display: block; font-size: 18px; color: rgba(120,0,0,1); border-bottom: 2px solid rgba(120,0,0,1); }
#info-form ul li span { display: inline-block; font-size: 15px; line-height:1.5em; }
#info-form ul li input { padding: 5px; margin: 3px 0px; line-height: 24px; border: 1px solid #CCC; }
#info-form ul li textarea { padding: 5px; margin: 3px 0px; height: 40px; border: 1px solid #CCC; }
#info-form ul li input[type="radio"] { border: none; background: none; }
#info-form ul li input[type="checkbox"] { border: none; background: none; }
#info-form ul li span:first-child { width: 100px; color: #333333; }
#info-form ul li span:first-child+span { width: 300px; }
#info-form ul li span a { padding: 2px 5px; color: #C91439; }
#info-form ul.level-ii { margin-top: 10px; min-height: 540px; }
#info-form ul.level-ii li { height: auto; }
#info-form ul.level-ii li strong { font-weight: bold; }
#info-form ul.level-ii li span { height: auto; }
#info-form ul.level-ii li span:first-child { width: 100px; color: #333333;vertical-align:top; }
#info-form ul.level-ii li ul { padding: 0; margin: 0; display: block; width: 350px; height: auto; overflow: hidden; }
#info-form ul.level-ii li ul li { display: block; width: 100%; line-height: 35px; }
#info-form ul.level-ii li ul li em.vremark { display: block; width: auto; padding: 0 0 0 25px; line-height: 18px; font-size: 13px; color: #9D9D9D; }
#info-form ul.level-ii li ul li ul { display: block; width: 300px; height: auto; overflow: hidden; padding: 0; margin: 0 0 0 20px; }
#info-form ul.level-ii li ul li ul li { display: block; width: 100%; line-height: 35px; }
#info-form ul.level-ii li ul li ul li span:first-child { width: 50px; }
#info-form ul.level-ii li ul li ul li span:first-child + span { width: 220px; }
#info-form ul li.remark-red { padding-top: 5px; display: inline-block; font-size: 13px; line-height: 21px; color: #C91439; }
#info-form ul li.remark-store { padding: 5px; font-size: 13px; color: #666; }
#info-form.confirm-list { margin: 40px 0 0 0; overflow: hidden; display: inline-block; }
#info-form.confirm-list ul { margin-left: 2%; height: 400px; }
#info-form.confirm-list ul li { line-height: 32px; }
#info-form.confirm-list ul li span { display: inline-block; line-height: 32px; font-size: 15px; }
#info-form.confirm-list ul li span:first-child { width: 100px !important; display: inline-block; color: #666; }
#info-form.confirm-list ul li span:nth-child(2) { display: inline-block; width: 300px !important; color: #000000; font-weight: bold; }
#info-form.confirm-list ul:nth-child(2) { margin-left: 5%; }
#info-form.confirm-list ul:nth-child(3) li span:first-child { width: 150px !important; }
#info-form.confirm-list ul:nth-child(3) li:nth-child(3) { margin: 0px; }
#info-form.confirm-list ul:nth-child(3) li:nth-child(5) { margin: 0px; }
#info-form.confirm-list ul.level-ii { width: 100%; height: 300px; }
#info-form ul li.thesame { width: 100%; }
#info-form ul li.thesame span { margin: 4% 0; height: 24px; }
#info-form ul li.thesame span input { margin: 0; padding: 0; line-height: 24px; }
#info-form ul li.thesame span:first-child { padding: 0; margin: 1% 0; width: 20px; line-height: 24px; }
#info-form ul li.thesame span:first-child+span { margin: 1% 0 0 10px; width: 70%; line-height: 24px; }
#info-form ul.pay { margin: 0px 0px 2% 0px; width: 100%; height: auto; color: #FFF; }
#info-form ul.pay li { height: auto; }
#info-form ul.pay li strong { margin: 0px; font-size: 16px; font-weight: bold; }
#info-form ul.pay li span { height: auto; }
#info-form ul.pay li span:first-child { padding-top: 16px; padding-left: 10px; width: 100px; font-size: 17px; color: #462230; }
#info-form ul.pay li ul { display: block; padding: 0; margin: 0; width: 85%; height: auto; overflow: hidden; }
#info-form .pay li ul li label { width: 300px !important; padding: 10px; color: rgba(240,98,146,1); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#info-form ul.pay li ul li { display: block; margin: 10px; width: auto; line-height: 50px; }
#info-form ul.pay li ul li em.vremark { padding: 0 0 0 25px; width: 50%; font-size: 13px; line-height: 18px; color: #9D9D9D; }
/***/
.area { width: 93%; margin: 0px auto 0 5%; }
.area h3 { margin: 20px 0 10px 0; padding-left: 10px; display: block; font-size: 18px; color: rgba(120,0,0,1); }
.area li.radio-s { display: inline-block; width: auto!important; margin: 5px; }
.area .radio-s input[type=radio] + label { display: inline-block; margin: 2% 1px; padding: 0px 10px; background-color: #FFF; border: 1px solid #CCC; border-radius: 4px; height: 28px; line-height: 28px; color: #999; min-width: 30px; text-align: center; }
.area .radio-s input[type=radio]:checked + label { background-image: none; background-color: #666; color: #FFF; border-color: #666; }
#info-form .area ul { display: block; width: 100%!important; height: auto; margin: 5px auto; background: rgba(205,217,225,.1); }
#info-form .area ul li { display: inline-block; width: 50%!important; margin: 5px auto 5px 10px; }
/* member center*/
#mem-center { margin: 30px auto 0 auto; width: 1000px; overflow: hidden; }
.member-center { background: #FFF; }
#mem-center-left { width: 400px; float: left; }
#mem-center-left ul { display: block; margin: 65px auto; width: 280px; }
#mem-center-left ul li { display: block; width: 100%; color: #fff; line-height: 36px; }
#mem-center-left ul li.member-center-logo { margin: 0 0 50px 0; height: 223px; text-indent: -9999px; background: url(../images/member-center.png) no-repeat left top; background-size: 200px 223px; }
#mem-center-left ul li.name { margin: 0 0 20px 0; font-size: 24px; letter-spacing: 1px; text-align: center; }
#mem-center-left ul li.name strong { margin: 0 0 0 10px; text-decoration: underline; font-weight: bold; color: #f7a6b7; }
#mem-center-right { width: 600px; float: left; }
#mem-center-right ul { display: block; margin: 0px auto 22% 10%; width: auto; overflow: hidden; }
#mem-center-right ul li { display: block; margin: 20px; width: 30%; height: 130px; list-style: none; }
#mem-center-right ul li a { display: block; padding: 110px 0 0 0; height: 20px; width: 110px; font-size: 14px; color: #fff; line-height: 20px; text-decoration: none; text-align: center; }
#mem-center-right ul li.profile a { background: url(../images/profile@2x.png) no-repeat center top; background-size: 96px 280px; }
#mem-center-right ul li.order a { background: url(../images/order@2x.png) no-repeat center top; background-size: 96px 280px; }
#mem-center-right ul li.faqs a { background: url(../images/faqs@2x.png) no-repeat center top; background-size: 96px 280px; }
#mem-center-right ul li.password a { background: url(../images/password@2x.png) no-repeat center top; background-size: 96px 280px; }
#mem-center-right ul li a:hover { background-position: center -184px; color: #f7a6b7; font-weight: bold; opacity: 0.8; }
#mem-center-promo { width: 529px; float: left; }
#mem-center-promo ul { display: block; margin: 65px auto; width: 280px; overflow: hidden; }
#mem-center-promo ul li { display: block; width: 100%; color: #E6E6E6; line-height: 24px; }
#mem-center-promo ul li.member-center-logo { margin: 0 0 30px 0; height: 150px; text-indent: -9999px; background: url(../images/member-center.png) no-repeat center top; }
#mem-center-promo ul li.join a { display: block; margin: 30px auto 0 auto; width: 80px; height: 80px; font-size: 19px; color: #FFF; line-height: 80px; text-align: center; text-decoration: none; font-weight: normal; background: rgba(0,109,69,1); border-radius: 40px; overflow: hidden; }
#mem-center-promo ul li.join a span { display: block; width: 100%; height: 22px; line-height: 22px; }
#mem-center-promo ul li.join a span:first-child { margin-top: 17px; }
#mem-center-promo ul li.join a:hover { background: rgba(0,109,69,.8); }
#mem-center-promo ul li.promoad { display: block; height: 150px; overflow: hidden; border: 1px solid #0F0; }
#mem-center-promo ul li.promo-ad img { display: block; margin: 0 auto; width: 100%; height: auto; }
#mem-center-login { width: 80%; margin: auto; }
#mem-center-login ul { display: block; width: 50%; overflow: hidden; margin: 50px auto; }
#mem-center-login ul li { display: block; margin: 0 0 1px 0; width: 100%; text-align: center; list-style: none; }
#mem-center-login ul li a { color: #000; }
#mem-center-login ul li.function { margin: 10px 0; line-height: 30px; text-align: center; }
#mem-center-login ul li.function a { margin-right: 20px; font-size: 15px; color: rgba(240,98,146,1); text-decoration: underline; }
#mem-center-login ul li.function a:hover { text-decoration: none; }
#mem-center-login ul li.title { margin: 15px auto; font-size: 26px; line-height: 72px; color: #fff; text-align: center; }
#mem-center-login ul li.login { width: 100%; display: block; }
#mem-center-login ul li.login span { width: 20%; display: inline-block; margin-top: 3%; color: #fff; }
#mem-center-login ul li.login input { display: inline-block; padding: 0 15px; margin-bottom: 1%; width: 60%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: rgba(255,255,255,.3); border: none; }
#mem-center-login ul li.alert span { display: inline-block; margin: 10px 5px; padding: 5px 15px; width: 300px; color: #a94442; }
.length-l { width: 388px; }
.length-m { width: 236px; }
/* MEMBER - PASSWORD */
#password-form { width: 100%; display: inline-block; }
#password-form ul { display: block; margin: 30px auto; width: 400px; overflow: hidden; }
#password-form ul li { display: block; margin: 0 0 5px 0; padding: 0; height: auto; overflow: hidden; }
#password-form ul li.title { margin: 0 0 10px 0; padding-bottom: 10px; width: 100%; font-size: 18px; font-weight: bold; border-bottom: 2px solid #000; }
#password-form ul li span { display: block; overflow: hidden; font-size: 16px; }
#password-form ul li span .remark { display: block; line-height: 21px; overflow: hidden; font-size: 14px; color: #666; }
#password-form ul li span:first-child { width: 100px; color: #000; }
#password-form ul li span:first-child+span { width: 300px; }
#password-form .birthday select { padding: 0; margin: 0 10px 0 0; width: 90px; border: 1px solid #CCC; }
#password-form ul#submit-btn { display: block; margin: 30px auto auto 35%; width: 40%; }
#password-form ul#submit-btn li input { width: 98%; height: auto; display: block; }
/* MEMBER - JOIN */
#form-medium { display: inline-block; width: 100%; }
#form-medium h2 { display: block; margin: 70px auto 50px auto; width: 60%; color: #cc6699; }
#form-medium p { margin: 20px auto; width: 100%; min-height: 35px; display: block; font-size: 15px; overflow: hidden; }
#form-medium p strong { margin: 0 10px; font-weight: bold; }
#form-medium ul { display: block; margin: 30px auto; width: 60%; }
#form-medium ul li { display: block; margin: 0 0 5px 0; padding: 0; line-height: 1.8em; }
#form-medium ul li.title { margin: 0 0 10px 0; padding-bottom: 10px; width: 100%; font-size: 18px; font-weight: bold; border-bottom: 2px solid #000; }
#form-medium ul li span { display: block; color: #000; line-height: 2em; }
#form-medium ul li span.remark { display: block; margin-top: 2%; margin-bottom: 2%; overflow: hidden; font-size: 13px; color: #999; line-height: 1.5em; }
#form-medium ul li input { line-height: 1.8em; }
#form-medium ul li input[type="radio"] { border: none; background: none; }
#form-medium ul li input[type="checkbox"] { border: none; background: none; }
#form-medium ul li span:first-child { width: 100px; color: #000; }
#form-medium ul li span:first-child+span { width: 400px; }
#form-medium select { padding: 5px 0px; margin: 0 0 10px 0; }
#form-medium .birthday select { margin: 0 10px 0 0; width: 90px; }
#form-medium ul li.rule { width: 100%; margin: 10px 0 0 0; display: inline-block!important; }
#form-medium ul li.rule span:first-child { width: auto; display: inline-block!important; }
#form-medium ul li.rule span:first-child+span { width: auto; display: inline-block!important; color: #666; }
#form-medium ul li.rule span:first-child+span a { color: rgba(240,98,146,1); }
#form-medium ul#submit-btn { display: block; margin: 30px auto; width: 60%; overflow: hidden; }
#form-medium ul#submit-btn li input[type="submit"] { display: block; clear: both; margin-left: 0px!important; width: 100%; height: auto; font-size: 18px; text-align: center !important; border: none; }
#form2 ul li span img, #form2 ul li span em { float: right; margin-top: 5px; }
#center-info { margin: 0 auto; width: 640px; overflow: hidden; }
#center-info h2 { display: block; margin: 30px 0; width: 100%; font-size: 26px; font-weight: bold; color: #000!important; text-align: center; }
#center-info p { margin: 30px 0; display: block; width: 100%; text-align: center; color: #000!important; }
#center-info p.info-more { display: block; margin: 30px 0; width: 100%; font-size: 14px; text-align: center; line-height: 26px; }
#center-info p strong { margin: 0 0 0 10px; font-weight: bold; color: #C9163A!important; }
#center-info #submit-btn li { margin: auto; width: 100%; text-align: center; }
#tab-bar { display: inline-block; margin: 40px auto auto auto; padding: 20px 0 10px 0; width: 100%; height: 38px; text-align: center; overflow: hidden; }
#tab-bar li { display: inline-block; margin: 0; overflow: hidden; }
#tab-bar li a { padding: 0px 20px; color: #000; text-decoration: none; border-right: dotted 1px #CCCCCC; }
#tab-bar li a:hover { color: #333333; }
#tab-bar li.current { }
#tab-bar li.current a { color: rgba(240,98,146,1); font-weight: 400; text-decoration: none; font-size: 22px; }
#order-history-list { display: block; margin-bottom: 10%; width: 100%; }
#order-history-list ul { display: block; overflow: hidden; width: 100%; border-bottom: 1px dotted #999; }
#order-history-list ul li { display: inline-block; font-size: .9em; line-height: 1.8em; text-align: center; vertical-align: top; ; }
#order-history-list ul li span:first-child { display: none; }
#order-history-list ul li:first-child { width: 100px; }
#order-history-list ul li:nth-child(2) { width: 200px; }
#order-history-list ul li:nth-child(2) a { color: #1e7ec8; }
#order-history-list ul li:nth-child(3) { width: 100px; }
#order-history-list ul li:nth-child(4) { width: 150px; }
#order-history-list ul li:nth-child(5) { width: 120px; }
#order-history-list ul li:nth-child(6) { width: 100px; }
#order-history-list ul li:nth-child(7) { width: 90px; }
#order-history-list ul li:nth-child(9) { width: 150px; }
#order-history-list ul li.delete { width: 80px; }
#order-history-list ul li.delete a { display: block; width: 100%; height: 100%; background: url(../images/delete.png) no-repeat center 2px; text-indent: -9999px; }
#order-history-list ul li.delete a:hover { background-position: center -75px; }
#order-history-list ul li a span { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-webkit-transition: all 0.3s; }
#order-history-list ul li.detail { display: none; width: 100%; height: auto; border: 1px solid #CCC; overflow: hidden; background-color: #F5F5F5; }
#order-history-list ul.field { margin: 40px auto 20px auto; width: 100%; height: 35px; border-bottom: 2px solid #000; }
#order-history-list ul.field li { display: inline-block; color: #9c1f64; line-height: 35px; font-weight: bold; }
#order-history-list ul li.detail ul.detail-list { display: block; margin: 20px 60px; width: 940px; overflow: hidden; border: none; }
#order-history-list ul li.detail ul.detail-list li { display: block; padding: 0; margin: 0; width: 100%; height: 50px; border-bottom: 1px solid #CCC; overflow: hidden; }
#order-history-list ul li.detail ul.detail-list li:first-child { border-bottom: 2px solid #000; }
#order-history-list ul li.detail ul.detail-list li span { display: block; margin-left: 30px; }
#order-history-list ul li.detail ul.detail-list li span:first-child { width: 150px; margin-left: 0; }
#order-history-list ul li.detail ul.detail-list li span:nth-child(2) { width: 380px; }
#order-history-list ul li.detail ul.detail-list li span:nth-child(3) { margin-right: 40px; width: 90px; text-align: right; }
#order-history-list ul li.detail ul.detail-list li span:nth-child(4) { width: 60px; text-align: center; }
#order-history-list ul li.detail ul.detail-list li span:nth-child(5) { width: 90px; text-align: right; }
#order-history-list ul li.detail ul.detail-list li span em { display: none; }
#order-history-list ul li.detail ul.detail-list li.sum { margin: 10px 0 0 610px; width: 326px; height: 60px; background-color: #FFF; border: 2px solid #000; }
#order-history-list ul li.detail ul.detail-list li.sum span { line-height: 60px; height: 60px; }
#order-history-list ul li.detail ul.detail-list li.sum span:first-child { margin: 0 0 0 30px; width: 130px; }
#order-history-list ul li.detail ul.detail-list li.sum span:nth-child(2) { margin: 0; width: 20px; }
#order-history-list ul li.detail ul.detail-list li.sum span:nth-child(3) { margin: 0; width: 120px; font-size: 21px; font-weight: bold; text-align: right; color: #C0042B; }
#order-history-list ul.detail-pay { display: block; margin: 20px auto; padding: 2%; width: 96%; overflow: hidden; border: 1px solid rgba(242,241,246,1); background-color: rgba(242,241,246,.3); }
#order-history-list ul.detail-pay li { display: block; padding: 0; margin: 0; width: 100% !important; line-height: 50px; background-color: rgba(255,255,255,1); border-bottom: 1px solid rgba(0,0,0,.1); }
#order-history-list ul.detail-pay li:first-child { border-bottom: 2px solid rgba(120,0,0,.6); }
#order-history-list ul.detail-pay li span { display: block; margin-left: 30px; }
#order-history-list ul.detail-pay li span:first-child { float: left; margin-left: 0; padding-left: 20px; width: 200px; background-color: rgba(120,0,0,1); text-align: left; color: #FFF; }
#order-history-list ul.detail-pay li span:nth-child(2) { width: auto; text-align: left; }
#order-history-list ul.detail-pay li span:nth-child(3) { width: auto; }
#order-history-list ul.detail-pay li span:nth-child(3) a { color: rgba(120,0,0,1); }
.section-header { padding: 1%; margin-bottom: 30px; width: 98%; display: block; background-color: rgba(120,0,0,.2); border-bottom: solid 2px rgba(120,0,0,1); }
.section-header h3 { color: #462230; font-size: 18px; }
.section-header span { float: right; padding: 0px 3px; font-size: .75em; color: rgba(120,0,0,1); }
.icon-pack { margin-right: 1%; float: left; width: 40px; height: 40px; border-radius: 99em; -webkit-border-radius: 99em; -moz-border-radius: 99em; background: url(../images/icon-pack.png) no-repeat center 7px #ff7200; background-size: 30px 30px; }
.alert-block { display: block; padding: 4%; margin: 20px auto; width: 80% !important; text-shadow: 0 1px 0 rgba(255,255,255,0.5); text-align: center; background-color: #fff5cc; border: 1px solid #ff7200; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.alert-block p { margin-top: 10px; color: #ff7200; }
.alert-block h4 { color: #ff7200; }
ul.alert { margin: 1% 2%; width: 98%; float: left; }
ul.alert li { display: block; width: 100%; padding-left: 15px; line-height: 1.8em; background: url(../img/rightArrow.png) no-repeat left 8px; }
.rules h2 { display: block; padding: 50px 0 10px 0; width: 100%; height: 38px; overflow: hidden; font-size: 22px; line-height: 38px; text-align: center; font-weight: bold; }
.rules section { margin: 30px auto 50px auto; padding: 0 0 30px 0; width: 720px; overflow: hidden; border-bottom: 1px dotted #000; }
.rules section h1 { padding: 10px; margin: 0 auto 30px auto; display: block; width: 240px; height: auto; overflow: hidden; line-height: 26px; text-align: center; color: #FFF; background: rgba(240,98,146,1); }
.rules section article h2 { padding: 0; margin: 15px 0; display: block; width: 100%; text-align: center; border-bottom: none; font-size: 16px; }
.rules section article { line-height: 24px; font-size: 14px; }
.rules section article p { margin: 15px 0 25px 0; line-height: 24px; font-size: 14px; color: rgba(240,98,146,1); }
.rules section p { margin: 15px 0 25px 0; line-height: 24px; font-size: 14px; color: rgba(2,92,52,1); }
.cart_message section { margin: 30px auto 30px auto; padding: 0 0 30px 0; width: 240px; overflow: hidden; }
.cart_message section article h2 { padding: 0; margin: 15px 0; display: block; width: 100%; text-align: center; border-bottom: none; font-size: 16px; }
.cart_message section article { line-height: 24px; font-size: 14px; }
.cart_message section article p { margin: 15px 0 25px 0; line-height: 24px; font-size: 14px; color: #333; }
.cart_message section p { margin: 15px 0 25px 0; line-height: 24px; font-size: 14px; color: rgba(2,92,52,1); }
/*txt-style*/
.grpa { background: #462230 none repeat scroll 0 0; }
.txt-pink, .txt-pink a { color: #cc9999; }
.txt-yellow { color: #ffcc66; font-size: 22px; line-height: 38px; }
.txt-orage { color: #ff6600; font-size: 18px; line-height: 26px; }
.txt-pin { color: #ff6699; font-size: 16px; font-weight: bold; }
.txt-blue { color: #9ddfff; }
.txt-big { font-size: 32px; font-weight: normal; }
.txt-small { font-size: 12px; }
.txt-yellow-s { color: #ffcc66; }
.txt-yellow-m { color: #ffcc66; font-size: 15px; }
.txt-white { color: #fff; }
.dot ol { float: left; list-style: outside none circle; margin: 0; }
.dot ol li { padding: 0 0 5px 10px; background: rgba(0, 0, 0, 0) url("../images/dot.png") no-repeat scroll left 9px; }
.button { display: inline-block; cursor: pointer; margin: 0 2px; padding: 0.5em 2em 0.55em; outline: medium none; font-size: 15px; text-align: center; text-decoration: none; border-radius: 0.5em; vertical-align: baseline; }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.button:focus, .button:active:focus, .button.active:focus { outline: 0 none; }
.bigrounded { border-radius: 2em; }
.medium { padding: 2% 10%; border-radius: 2em; }
.small { border-radius: 2em; font-size: 11px; }
.rosy { background: #f16c7c; border: 1px solid #f16c7c; color: #fae7e9; }
.rosy:hover { background: #a53845; }
.rosy:active { background: #bf404f; color: #dca4ab; }
.white { color: #f05b0f; background: #ededed; border: 1px solid #b7b7b7; }
.white:hover { background: #dcdcdc; }
.white:active { background: #ededed; color: #999; }
.red { background: #aa1317; border: 1px solid #980c10; color: #fff; }
.red:hover { background: #c9151b; color: #fff; }
.red:active { background: #ed1c24; color: #fff; }
.pink { margin: 0 4px 0 0; padding: 5px; font-size: 11px; color: #fff; border-radius: 2em; background: #6c354b none repeat scroll 0 0; }
.pink:hover { background: #ff6600 none repeat scroll 0 0; }
.pink:active { background: #6c354b none repeat scroll 0 0; color: #f3c3d9; }
a.button.bk {color: #fff!important;}
.bk { background: #f16c7c; border: 1px solid #442221; color: #fff; border-radius: 2em; }
.bk:hover { background: #c9151b; color: #fff; }
.bk:active { background: #ed1c24; color: #fff; }

/*go to top*/
.cd-top { display: inline-block; position: fixed; z-index: 9999; bottom: 40px; right: 10px; height: 40px; width: 40px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(232, 98, 86, 1) url(../images/icons/arrow_up.png) no-repeat center 50%; visibility: hidden; background-size: 70%; opacity: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .8; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
.sp { clear: both; }
.news_show { padding: 4px; margin: 15px auto; width: 80%; border-collapse: collapse; }
/* service */
.service { float: left; width: 680px; padding: 0px 0px 10px 30px; border-left: rgba(255,255,255,0.5) solid 1px; }
.service h2, .member h2 { color: #cc6699; font-size: 300; font-size: 24px; margin: 0px; padding: 0px 0px 20px 0px; }
.member { border-bottom: #FFF dotted 1px; display: block; margin: 0px auto; padding: 10px 0px 20px 0px; width: 90%; }
.member p strong { padding: 10px 0px 10px 20px; font-weight: bold; font-size: 1em; }
.member li { padding: 5px 0px; display: block; color: #000; font-size: .9em; line-height: 24px; }
.member li a { color: #DD9BBC; text-decoration: underline; }
#download { margin: 5% auto; }
.download-table { width: 100%; margin: auto; }
.download-table th { color: #f06292; padding: 5px; }
.download-table td { color: #91a4af; padding: 5px; border-bottom: solid 1px rgba(145,164,175,.3); text-align: center; }
.download-table td a { color: #91a4af; }
.download-table tr:hover { background: rgba(244,112,0,.6); }
.download-table tr:nth-of-type(2n) { background: rgba(145,164,175,.2); }
 @media only screen and (min-width: 768px) {
.cd-top { right: 20px; bottom: 20px; }
}
 @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 .wrapper { width: 100%; display:block;background-color:#000; }
 .fade { padding: 5px; margin:1% auto;width:98%!important;height:auto; }
 .fade div img { width: 100%!important; height:auto; overflow:hidden;  }
 .box-types { display: block;  margin:6% auto;  padding:40px 0px; width: 98%;  height: auto;overflow:auto; }
 .news-block, .fb-block { width: 98%; display:block; margin:0px auto; }
 .news {  width: 100%; display: block;  }
 .fb-block iframe {margin-top: 10%;margin-left: 0; width:92%!important;  }
 .breadcrumb {background-position:center top; }
 .mainwrap {   margin:2% auto;  padding:1%; width: 98%;  display:block; }
 #title { display:none;}
 #title h2 {display:block; margin: 10px 3%; width: 94%; line-height: 1.6em;vertical-align: top; }
 .productwrap { margin: 0 auto; width:100%; display:block;  }
 .productwrap li {margin:20px 5px 20px 28px!important;  width:42%;  }
 .main {width:100%; overflow: hidden;}
 .scrollable { display: block; padding: 0px;  width: 100%!important;  overflow: hidden; float: none;}
 .box-right {display: block;padding: 0px;width: 100%;}
 .box-left {display: block;  margin:auto;   width: 100%; }
 .page-focus {  float: none;  width: 100%; display: block;}
 .main .box-right .pages { margin-left: 30%; }
 .contact, .col-left, .col-row {width:90%; margin:3% auto; }
 .container {width:96%;padding: 10px; }
 /*epaper*/
 .box-main {display:block;  padding:10px; margin:2% auto; width:90%!important;z-index:988!important;overflow: hidden;}
 .content {
margin:20px auto;
height:auto !important;
}
 #content_1 {
padding:0 5px;
margin:auto auto auto 0px;
height: auto !important;
}
 #content_2 {
margin:auto;
width:90%!important;
height: auto !important;
}
 #content_3 {
padding:10px;
margin:auto 30px auto 0px;
width:90%!important;
text-align:left;
height:auto!important;
}
 #left {
margin:0;
padding:0px;
width:100%;
}
 #left .submennu-title {
padding-left:5%;
}
 .submennu-title h3 {
margin:20px 0px!important;
}
 .submenu {
left:5%;
min-height: 40px!important;
margin-bottom:20px!important;
float:left;
width: 180px;
position:relative;
z-index:999;
}
 .submenu ul {
min-height: 40px!important;
float:left;
width: 180px;
padding:2px 0;
position: absolute;
top: 0;
left: 0;
border: solid 1px #aaa;
background: url(../images/icon-menu.png) no-repeat 10px 15px;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
 .submenu ul li {
display: none;
margin: 0;
}
 .submenu .current {
display: block; /* show only current <li> item */
}
 .submenu ul li a {
color:#000;
display: block;
padding: 5px 5px 5px 32px;
text-align: left;
}
 .submenu .current a {
background: none;
color:#fff;
}
	/* on nav hover */
	.submenu ul:hover {
background: rgba(255,255,255,1);
width: 180px;
display: block;
}
 .submenu ul:hover li {
display: block;
margin: 0 0 5px;
color:#000;
}
 .submenu ul:hover .current a {
background: url(../images/icon-check.png) no-repeat 10px 7px;
color: #000;
}
 .service {
width:90%;
margin:auto;
display:block;
}
 .epaper {
padding:10px;
}
 .epaper-main {
width:100% !important;
display:block;
padding:0px 0px 10px 0px;
border-left: none;
}
 .news_list {
display: block;
margin: 10px auto!important;
padding:0px 10px 30px 10px!important;
width:90%!important;
height:auto!important;
vertical-align:top;
}
 .inquiry-table td:first-child {
padding:5px 5px 5px 10px;
background:#FFF;
color:#f47001;
width:100%!important;
}

    	/* Force table to not be like tables anymore */
    	.inquiry-table table, .inquiry-table thead, .inquiry-table tbody, .inquiry-table th, .inquiry-table td, .inquiry-table tr {
 display: block;
}
  
    	/* Hide table headers (but not display: none;, for accessibility) */
    	.inquiry-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 .inquiry-table tr {
border: 1px solid #ccc;
}
 .inquiry-table td {
 border: none;
 border-bottom: 1px solid #eee;
 position: relative;
 padding-left: 50% !important;
 white-space: normal;
 text-align: center;
}
 .inquiry-table tr td span:first-of-type {
width:90%;
text-align:right;
float: none;
}
 .inquiry-table tr td span:nth-child(2) {
width:8%;
text-align:left;
padding-left:2%;
float:none;
}
 .inquiry-table td:before {
    		/* Now like a table header */
    		position: absolute;
    		 /*Top/left values mimic padding */
    		top: 6px;
 left: 6px;
 width: 45% !important;
 padding-right: 10px;
 white-space: nowrap;
 text-align:left;
 font-weight: bold;
}
 .inquiry-table td:before {
content: attr(data-title);
}
 .bg-epaper {
background-image:none;
}
/* cart list */
	#process-bar {
display:block;
width:100%;
height:38px;
padding:10px 0;
border-bottom: none;
text-align:center;
overflow:hidden;
}
 #process-bar li {
display:inline-block;
width:60px;
height:38px;
line-height:38px;
overflow:hidden;
padding:0;
background:url(../images/process.png) no-repeat right 8px;
}
 #process-bar li:nth-child(4) {
background:none;
padding:0;
width:39px;
margin-left:4px
}
 #process-bar li:last-child {
background:none;
padding:0;
width:39px;
margin-left:4px
}
 #process-bar li span {
display:block;
float:left;
line-height:38px;
color:rgba(2,92,52,1);
}
 #process-bar li span:first-child + span {
display:none;
}
 #cart-list {
width:90%;
display:block;
margin-left:5%;
}
 #cart-list ul {
display:block;
height: auto;
border-bottom:1px dotted #999;
clear:both;
}
 #cart-list ul.item {
width:98%;
display:block;
float:left;
}
 #cart-list ul.item li {
display:block;
float:left;
height:auto;
}
 #cart-list ul.item li.pimg {
width:90px;
height:90px;
text-align:center;
float:left;
}
 #cart-list ul.item li.pimg a {
display:block;
width:100%;
height:100%;
margin:10px auto;
}
 #cart-list ul.item li.pimg a img {
display:block;
width:auto;
height:100%;
}
 #cart-list ul li.name {
width:50%;
padding:0px;
margin:0px auto auto 5%;
float:left;
}
 #cart-list ul li.name span.price-mobile {
font-size:15px;
color:#000;
line-height:26px;
margin:0px;
display:block;
}
 #cart-list ul.item li.unit {
display:none;
}
 #cart-list ul.item li.amount {
width:20%;
}
 #cart-list ul.item li.subtotal {
width:20%;
color: #C1042B;
margin-left:80%;
}
 #cart-list ul li.subtotal span.total-mobile {
float:left;
display:block;
color:#000;
}
 #cart-list ul li.subtotal span.Single_Total {
float:left;
display:block;
margin-left:2%;
}
 #cart-list ul li.dele {
position:absolute;
right:4%;
margin:10px 0px 0px 0px;
width:45px;
height:90px;
}
 #cart-list ul li.dele span:first-child {
width:100%;
padding-top:20px;
display:block;
font-size:13px;
color:#C1042B;
line-height:26px;
margin:0;
}
 #cart-list ul li.dele span:first-child+span {
width:100%;
font-size:13px;
color: #333;
line-height:26px;
margin:0px;
}
 #cart-list ul li.dele a {
float:left;
display:block;
width:100%;
height:100%;
background:url(../images/delete.png) no-repeat center 37px;
text-indent:-9999px;
}
 #cart-list ul li.dele a:hover {
background-position:center -38px
}
 #cart-list ul.field {
display:none;
}
 #cart-list select {
display:block;
height:26px;
width:60px;
margin:32px auto 0 auto;
font-size:16px
}
 #cart-list .border {
height:2px;
overflow:hidden;
float:left;
background-color:#000;
width:100%;
}
 #cart-list ul.shipping li:nth-child(2) {
width:60%;
height:auto;
}
 #cart-list ul.shipping li:nth-child(3) {
color: #C1042B;
font-weight:bold;
margin-left:30px;
}
 #cart-list ul.sum {
border:2% solid #000;
height:70px;
width:95%;
float:left;
margin:30px auto 30px 2% !important;
}
 #cart-list ul.sum li {
float:left;
padding:0
}
 #cart-list ul.sum li:first-child {
width:40%;
padding:0;
text-align: right;
}
 #cart-list ul.sum li:nth-child(2) {
width:25%;
padding:0
}
 #cart-list ul.sum li:last-child {
width:30%;
font-weight:bold;
color:#C1042B;
font-size:24px;
padding:0;
text-align: center;
}
 #cart-list ul.shipment {
height: auto;
width:95%;
padding:13px 1%!important;
display:block;
}
 #cart-list ul.shipment li {
height:35px;
line-height:35px;
font-size:14px;
color:#666;
text-align:center;
}
 #cart-list ul.shipment li:first-child {
height:35px;
line-height:35px;
width:12%;
text-align:left;
}
 #cart-list ul.shipment li:nth-child(2) {
width:20%;
text-align:left;
}
 #cart-list ul.shipment li:nth-child(3) {
width:22%;
text-align:left;
}
 #cart-list ul.shipment li:nth-child(4) {
width:30%;
text-align:left;
}
 #cart-list ul.shipment li.coupons {
width:60%;
text-align:left;
}
 #info-form {
width:95%;
margin:0px 2% 0px 3%;
}
 #info-form .length-l {
width:90%;
}
 #info-form .length-m {
width:90%;
}
 #info-form .select-city select {
width:98%;
margin-bottom:10px;
}
 #info-form ul {
display:block;
width:47%;
float:left;
height:620px;
margin:20px 0 0 0;
}
 #info-form ul:nth-child(2n) {
margin-left:6% !important;
width:90%;
}
 #info-form ul li {
display:block;
float:left;
height:auto;
line-height:40px;
overflow:hidden;
margin:0;
padding:0;
width:100%
}
 #info-form ul li.title {
font-size:18px;
height:30px;
line-height:30px;
border-bottom:2px solid #000;
width:100%;
margin:0 0 10px 0;
padding-bottom:8px
}
 #info-form ul li span {
display:block;
float:left;
line-height:30px;
height:auto;
overflow:hidden;
font-size:15px;
}
 #info-form ul li input {
border:1% solid #FFF;
line-height:24px;
padding:4px 4%; /*background-color:#EFEFEF; */
font-size:14px;
font-weight:normal;
}
 #info-form ul li input[type="radio"] {
border:none;
background:none
}
 #info-form ul li input[type="checkbox"] {
border:none;
background:none
}
 #info-form ul li span:first-child {
width:100%;
color:#333333
}
 #info-form ul li span:first-child+span {
width:100%;
}
 #info-form ul.pay li ul {
display: block;
padding: 0;
margin: 0px!important;
width: 100%;
height: auto;
}
 #info-form ul.pay li ul li {
display: block;
width:80% !important;
line-height: 50px;
margin: 10px;
float: left;
}
 #info-form ul.pay li strong {
font-size: 15px;
}
 #info-form .pay li ul li label {
width:60% !important;
}
 #info-form ul.pay li ul li em.vremark {
display:none;
}
 #info-form ul.level-ii {
}
 #info-form ul.level-ii li {
height:auto;
width:98%;
display:block;
}
 #info-form ul.level-ii li strong {
font-weight:bold;
}
 #info-form ul.level-ii li span {
height:auto
}
 #info-form ul.level-ii li span:first-child {
width:150px;
color:#333333
}
 #info-form ul.level-ii li span:first-child+span {
width:100%;
}
 #info-form ul.level-ii li ul {
display:block;
width:100%;
height:auto;
overflow:hidden;
float:left;
padding:0;
margin:0
}
 #info-form ul.level-ii li ul li {
display:block;
width:94%;
line-height:35px;
margin-bottom:2px
}
 #info-form ul.level-ii li ul li ul {
display:block;
height:auto;
overflow:hidden;
float:left;
padding:0;
margin:0 0 0 20px;
}
 #info-form ul.level-ii li ul li ul li {
display:block;
width:100%;
line-height:35px;
}
 #info-form ul.level-ii li ul li ul li span:first-child {
width:50px;
}
 #info-form ul.level-ii li ul li ul li span:first-child + span {
width:220px;
}
 #info-form ul li.remark-red {
font-size:13px;
line-height:21px;
color:#C91439
}
 #info-form.confirm-list {
width:92%;
margin-left:4%
}
 #info-form.confirm-list ul {
display:block;
width:92%;
overflow:hidden;
float:left;
height:auto;
margin:0;
}
 #info-form.confirm-list ul li {
display:block;
float:left;
height:auto;
line-height:32px;
overflow:hidden;
margin:0;
padding:3px 0;
width:100%;
}
 #info-form.confirm-list ul li:first-child {
margin-bottom:5px
}
 #info-form.confirm-list ul li span {
display:block;
float:left;
line-height:26px;
font-size:15px;
}
 #info-form.confirm-list ul li span:first-child {
width:25%;
color:#666;
float:left;
line-height:26px;
font-size:15px;
height:26px
}
 #info-form.confirm-list ul li span:first-child+span {
width:75%;
color:#000000;
font-weight:bold;
float:left;
line-height:26px;
font-size:15px;
}
 #info-form.confirm-list ul:nth-of-type(2) {
margin:10px 0px !important;
}
 #info-form.confirm-list ul:nth-of-type(3) {
width:100%!important;
margin:0px;
}
 #info-form.confirm-list ul:nth-child(3) li:nth-child(3) {
margin:0;
}
 #info-form.confirm-list ul:nth-child(3) li:nth-child(5) {
margin:0;
}
 #info-form.confirm-list ul.level-ii {
width:98%;
}
 #info-form.confirm-list ul.level-ii li {
width:92%;
}
 #info-form.confirm-list ul.level-ii li:first-child {
margin-bottom:5px;
}
 #info-form.confirm-list ul.level-ii li span {
float:left;
}
 #info-form.confirm-list ul.level-ii li span:first-child {
width:30%;
margin:0
}
 #info-form.confirm-list ul.level-ii li span:first-child+ span {
width:70%;
margin:0
}
 #info-form.confirm-list ul.level-ii li:nth-child(5) span:first-child+ span {
height:auto;
overflow:hidden;
min-height:26px;
}
	/*mobile-btn*/

  
	.radio input[type=radio] {
margin:10px;
}
 .radio input[type=radio] + label {
display:inline-block;
margin:2% 1px;
padding:0px 10px;
border:2px solid #CCC;
border-radius:4px;
height:28px;
line-height:28px;
color:#999;
width:30%;
min-width:50px;
text-align:center
}
 .radio input[type=radio]:checked + label {
background-image: none;
background-color:#666;
color:#FFF !important;
border-color:#666
}
 .radio-full input[type=radio] {
display:none;
margin:10px;
}
 .radio-full input[type=radio] + label {
display:inline-block;
margin:2px 1px;
padding:0;
background-color:#FFF;
border:1px solid #CCC;
border-radius:4px;
height:32px;
line-height:32px;
color:#999;
width:90%;
text-align:center
}
 .radio-full input[type=radio]:checked + label {
background-image: none;
background-color:#666;
color:#FFF;
border-color:#666
}
 .radio-s input[type=radio] {
margin:10px;
}
 .radio-s input[type=radio] + label {
display:inline-block;
margin:2% 1px;
padding:0px 10px;
background-color:#FFF;
border:1px solid #CCC;
border-radius:4px;
height:28px;
line-height:28px;
color:#999;
min-width:30px;
text-align:center;
}
 .radio-s input[type=radio]:checked + label {
background-image: none;
background-color:#666;
color:#FFF;
border-color:#666
}
 .thesame input[type=checkbox] {
display:none;
margin:10px;
}
 .thesame input[type=checkbox] + label {
display:inline-block;
margin:0 1px;
padding:0;
background-color:#FFF;
border:1px solid #999;
border-radius:9px;
width:16px;
overflow:hidden;
height:16px;
line-height:16px;
color:#999
}
 .thesame input[type=checkbox]:checked + label {
background-image: none;
background-color:#666;
color:#FFF;
border-color:#666
}
 #info-form ul li.thesame span {
display:block;
float:left;
overflow:hidden;
height:24px;
margin:5px 0
}
 #info-form ul li.thesame span:first-child {
width:20px;
padding-top:0
}
 #info-form ul li.thesame span:first-child+span {
margin-left:15px;
line-height:24px;
width:70%
}
  
	/* member */
	#mem-center {
width:100%;
margin:30px auto 0 auto;
overflow:hidden;
display:inline-block;
}
 #mem-center-left {
width:100%;
float: none;
margin-top:50px;
display:inline-block;
}
 #mem-center-left ul {
display:block;
width:80%;
margin:0 auto
}
 #mem-center-left ul li {
display:block;
width:100%;
text-align:center;
}
 #mem-center-left ul li.member-center-logo {
display:none;
height:110px;
margin:0 0 50px 0;
text-indent:-9999px;
}
 #mem-center-left ul li.name {
font-size:18px;
line-height:28px;
letter-spacing:1px;
margin:0 0 20px 0;
}
 #mem-center-left ul li.name strong {
margin:0 0 0 10px;
text-decoration:underline;
font-style:normal
}
 #mem-center-right {
width:100%;
float:left;
}
 #mem-center-right ul {
display:block;
width:90%;
overflow:hidden;
margin:50px auto 0 auto;
}
 #mem-center-right ul li {
display:block;
list-style:none;
width:40%;
height:150px;
margin:5px 5%;
float:left;
}
 #mem-center-right ul li a {
display:block;
padding:100px 0 0 0;
height:20px;
width:100%;
line-height:20px;
text-decoration:none;
text-align:center;
font-size:14px;
transition:none;
-moz-transition:none;
-webkit-transition:none;
-ms-transition:none;
-o-webkit-transition:none;
}
 #mem-center-right ul li.profile a {
background:url(../images/profile@2x.png) no-repeat center top;
background-size:88px 256px
}
 #mem-center-right ul li.order a {
background:url(../images/order@2x.png) no-repeat center top;
background-size:88px 256px
}
 #mem-center-right ul li.faqs a {
background:url(../images/faqs@2x.png) no-repeat center top;
background-size:88px 256px
}
 #mem-center-right ul li.password a {
background:url(../images/password@2x.png) no-repeat center top;
background-size:88px 256px
}
 #mem-center-right ul li a:hover {
background-position:center 0;
}
 #mem-center-promo {
display:none;
}
 .member-login {
}
 #mem-center-login {
width:100%;
float:left;
border:none;
}
 #mem-center-login ul {
display:block;
width:80%;
height:100%;
overflow:hidden;
margin:50px auto 30px auto !important;
}
 #mem-center-login ul li {
display:block;
list-style:none;
width:100%;
height:auto;
margin:0 0 1px 0;
float:left
}
 #mem-center-login ul li input {
display:block;
width:89%;
height:45px;
line-height:45px;
font-size:16px;
padding:0 5%;
border: solid 1px rgba(204,204,204,.6);
}
 #mem-center-login li input[type=submit] {
width:50%;
margin:auto;
border:none;
}
 #mem-center-login ul li.title {
font-size:26px;
line-height:72px;
text-align:center;
margin:15px auto;
}
 #mem-center-login.verifyimg {
margin:15px auto;
}
  	/* center-info */
	#center-info {
width:92%;
margin:0 auto;
overflow:hidden;
}
 #center-info h2 {
font-size:26px;
display:block;
width:92%;
margin:30px 0;
text-align:center;
font-weight:bold
}
 #center-info p {
font-size:15px;
display:block;
text-align:center;
width:100%;
margin:30px 0;
line-height:26px;
}
 #center-info p.info-more {
font-size:14px;
display:block;
text-align:center;
width:100%;
margin:30px 0;
line-height:26px;
}
 #center-info p strong {
font-weight:bold;
color:#C9163A;
margin:0 0 0 10px;
}
	/* order-history */
	#order-history-list {
width:92%;
float: none;
display:inline-block;
margin:4% auto 4% 4%;
}
 #order-history-list ul {
display:block;
overflow:hidden;
border-bottom:1px dotted #999;
float:left;
padding:5px 0 0 0;
margin-bottom:15px;
}
 #order-history-list ul li {
display:block;
float:left;
height:24px;
text-align:center;
line-height:24px;
overflow:hidden;
}
 #order-history-list ul li span {
display:block;
float:left;
text-align:left;
}
 #order-history-list ul li span:first-child {
display:block;
font-size:13px;
color:#999999;
width:80px;
}
 #order-history-list ul li span:first-child+span {
width:auto;
font-size:14px
}
 #order-history-list ul li:first-child {
width:100%;
}
 #order-history-list ul li:nth-child(2) {
width:100%;
}
 #order-history-list ul li:nth-child(3) {
width:100%;
}
 #order-history-list ul li:nth-child(4) {
width:100%;
}
 #order-history-list ul li:nth-child(5) {
width:100%;
}
 #order-history-list ul li:nth-child(6) {
width:100%;
text-align:center
}
 #order-history-list ul li:nth-child(7) {
width:100% !important;
text-align:center;
height:31px;
margin:5px 0 0 0
}
 #order-history-list ul li:nth-child(7) a {
display:block;
width:100% !important;
height:30px;
text-decoration:none
}
 #order-history-list ul li:nth-child(7) a:hover {
color:#000;
font-weight:bold
}
 #order-history-list ul li:nth-child(8) {
width:100% !important;
text-align:center
}
 #order-history-list ul li:nth-child(8) a {
display:block;
width:100%;
height:100%;
background:url(../images/delete.png) no-repeat center 0px;
text-indent:-999px;
}
 #order-history-list ul li:nth-child(8) a:hover {
background-position:center -75px;
}
 #order-history-list ul li a span {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-webkit-transition: all 0.3s;
}
 #order-history-list ul.field {
display:none;
}
 #order-history-list ul.detail-list {
display:block;
width:88%;
overflow:hidden;
margin:0 0 0 6%;
border:none
}
 #order-history-list ul.detail-list li {
display:block;
height:auto;
border-bottom:1px solid #CCC;
overflow:hidden;
float:left;
width:100%;
line-height:24px;
padding:7px 0;
margin:0
}
 #order-history-list ul.detail-list li:first-child {
display:none;
border-bottom:2px solid #000;
}
 #order-history-list ul.detail-list li span {
display:block;
float:none;
line-height:24px;
line-height:24px;
font-size:14px;
margin-left:0;
clear:both;
text-align:left;
overflow:hidden;
}
 #order-history-list ul.detail-list li span em {
display:inline-block;
color:#666666;
}
 #order-history-list ul.detail-list li span strong {
color:#000000;
padding-left:5px
}
 #order-history-list ul.detail-list li span:first-child {
width:100%;
margin-left:0
}
 #order-history-list ul.detail-list li span:first-child+span {
width:100%;
margin-left:0;
text-align:left
}
 #order-history-list ul.detail-list li span:first-child+span+span {
width:100%;
text-align:left;
margin-right:0
}
 #order-history-list ul.detail-list li span:first-child+span+span+span {
width:100%;
text-align:left
}
 #order-history-list ul.detail-list li span:first-child+span+span+span+span {
width:100%;
text-align:right;
font-size:15px;
font-weight:bold;
}
 #order-history-list ul.detail-list li.sum {
border:2% solid #000;
margin:2% 0 10px 0;
width:100% !important;
height:40px;
background-color:#FFF
}
 #order-history-list ul.detail-list li.sum span {
line-height:40px;
height:40px;
display:block;
float:left;
}
 #order-history-list ul.detail-list li.sum span:first-child {
width:40%;
margin:0;
float:left;
text-align:right
}
 #order-history-list ul.detail-list li.sum span:first-child+span {
width:20%;
margin:0;
clear:none;
float:left;
text-align:center
}
 #order-history-list ul.detail-list li.sum span:first-child+span+span {
width:40%;
color:#C0042B;
font-weight:bold;
font-size:18px;
text-align:center;
margin:0;
clear:none;
float:left;
}
 #order-history-list ul.detail-pay {
width:96%;
padding:2% 2% 2% 0px!important;
background-color: rgba(255,255,255,1);
}
 #order-history-list ul.detail-pay li {
display:block;
height: auto;
border-bottom:1px rgba(153,153,153,.5) dotted;
}
 #order-history-list ul.detail-pay li:first-child {
border-bottom:2px solid #000;
}
 #order-history-list ul.detail-pay li span {
width:90%;
display:block;
line-height:2.5em!important;
}
 #order-history-list ul.detail-pay li span:first-child {
display:none;
}
 #order-history-list ul.detail-pay li span:first-child+span {
width:90%;
text-align:left;
display:block!important;
}
 #order-history-list ul.detail-pay li span:first-child+span+span {
width:90%;
display:block;
}
 .section-header {
width:94%;
margin:0px 2% 30px 2%;
}
 .section-header h3 {
font-size:1.25em;
font-weight:bold;
float:left;
padding:0.5em;
}
 .section-header span {
font-size:.75em;
padding:15px 0px 5px 10px;
}
 #about-bar {
margin:0px !important;
display:block;
width:100%;
float:left;
height:auto;
padding:10px 0;
border-bottom: none;
text-align:center;
overflow:hidden;
}
 #about-bar li {
display:inline-block;
height:30px;
line-height:30px;
overflow:hidden;
padding:0 10px;
font-size:14px;
margin:2% 0px;
}
 #about-bar li a {
color:#2f7a5a;
text-decoration:none
}
 #about-bar li a:hover {
color:#333333;
font-size:14px
}
 #about-bar li.current {
color:#fff;
background:#2f7a5a;
}
 #about-bar li.current a {
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:14px
}
 #password-form {
width:90%;
float: none;
margin-left:10%;
}
 #password-form ul {
display:block;
width:100%;
overflow:hidden;
margin:10px 0
}
 #password-form ul li {
display:block;
height:auto;
overflow:hidden;
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px solid #E5E5E5;
width:80%
}
 #password-form ul li:first-child span:first-child+span {
font-size:18px;
font-style:italic;
height:21px;
line-height:21px;
margin:0;
color:#999;
padding:0
}
 #password-form ul li.title {
font-size:18px;
height:35px;
line-height:35px;
border-bottom:2px solid #000;
width:100%;
font-weight:bold;
margin:0 0 10px 0;
padding-bottom:10px
}
 #password-form ul li span {
display:block;
float:left;
line-height:40px;
overflow:hidden;
font-size:15px;
}
 #password-form ul li span .remark {
display:block;
float:left;
line-height:21px;
overflow:hidden;
font-size:15px;
color:#666
}
 #password-form ul li input {
border:1% solid #FFF;
height:28px;
line-height:28px;
padding:0 4%;
background-color:#EFEFEF;
font-size:15px;
font-weight:normal;
margin-bottom:5px;
width:90% !important;
}
 #password-form ul li span:first-child {
width:100%;
color: rgba(240,98,146,1);
font-size:16px
}
 #password-form ul li span:first-child+span {
width:100%;
}
 #password-form .length-l {
width:90%
}
 #password-form .length-m {
width:50%
}
 #password-form ul#submit-btn {
width:100%;
overflow:hidden;
margin:30px 0px;
}
 #password-form ul#submit-btn li input[type=submit] {
line-height:2.5em !important;
background:#b61318;
}
 ul#submit-btn li span.medium {
width: 40% !important;
line-height:2em;
}
 ul#submit-btn li input.medium {
width: 50% !important;
line-height:2em;
}
 #wrap img.bgfade {
width:100%;
height:auto;
}
}
@media only screen and (max-width: 640px) {
#title {display:none; }
#title h1 { width: 100%; display: block; overflow: hidden; }
.productwrap li { width: 95% !important; margin: 20px auto!important; }
.box-left { width: 98%; margin-right: 2%; display: inline-block; }
.box-left ul { float: none; width: 100%; display: inline-block; }
.box-left li { width: 90%; }
.container { margin: auto; padding: 0px; width: 96%; display: block; }
#mem-center-login ul li.title { font-size: 26px; line-height: 72px; color: #000; text-align: center; margin: 15px auto; background: none; }
/* cart list */
#form-medium { width: 92%; float: none; display: inline-block; font-size: 14px; margin-left: 4% }
#form-medium h2 { font-size: 26px; display: block; width: 100%; margin: 20px 0; text-align: center; font-weight: bold }
#form-medium p { display: block; width: 100%; margin: 0 auto; font-size: 14px; text-align: center; margin: 10px 0; line-height: 24px; overflow: hidden; min-height: 35px; }
#form-medium p strong { font-weight: bold; margin: 0 10px }
#form-medium ul { display: block; width: 100%; overflow: hidden; margin: 15px auto 0 auto }
#form-medium ul li { display: block; float: left; height: auto; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #E5E5E5; width: 100% }
#form-medium ul li.title { font-size: 18px; height: 35px; line-height: 35px; border-bottom: 2px solid #000; width: 100%; font-weight: bold; margin: 0 0 10px 0; padding-bottom: 10px; color: #2f7a5a; }
#form-medium ul li span { display: block; float: left; line-height: 30px; overflow: hidden; font-size: 15px; }
#form-medium ul li span .remark { display: block; float: left; line-height: 21px; overflow: hidden; font-size: 15px; color: #666 }
#form-medium ul li input { border: 1px solid rgba(80%,80%,80%,.5); padding: 5px; font-size: 15px; font-weight: normal; margin-left: 5px; width: 90%; }
/*	#form-medium ul li input[type="radio"] { border:none; background:none;}
	#form-medium ul li input[type="checkbox"] { border:none; background:none} */
#form-medium ul li span:first-child { width: 100%; color: rgba(240,98,146,1); font-size: 16px }
#form-medium ul li span:first-child+span { width: 100%; }
#form-medium .length-l { width: 90% }
#form-medium .length-m { width: 90% }
#form-medium input[type="radio"], #form-medium input[type="checkbox"] { color: #666; background: #eee; border: 1px solid #1399EA; }
#form-medium input[type="radio"]+label, #form-medium input[type="checkbox"]+label { transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-webkit-transition: background-color 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#form-medium input[type="radio"]+label, #form-medium input[type="checkbox"]+label { width: 90%; box-sizing: border-box; padding: 5px 10px 5px 2%; display: inline-block; cursor: pointer; vertical-align: middle; border-radius: 4px; margin-bottom: 3vw; background-color: #eee; color: #666; -moz-transition: color 0.2s ease, background-color 0.2s ease; -o-transition: color 0.2s ease, background-color 0.2s ease; -webkit-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; }
#form-medium input[type="radio"]+label:before, #form-medium input[type="checkbox"]+label:before { content: ""; display: inline-block; vertical-align: middle; overflow: hidden; height: 22px; width: 22px; background-color: #fff; border-radius: 50%; margin: -1px 7px 0 0; -moz-transition: border-color 0.2s ease, background-color 0.2s ease; -o-transition: border-color 0.2s ease, background-color 0.2s ease; -webkit-transition: border-color 0.2s ease, background-color 0.2s ease; transition: border-color 0.2s ease, background-color 0.2s ease; }
#form-medium input[type="radio"]:nth-of-type(2n+1)+label, #form-medium input[type="checkbox"]:nth-of-type(2n+1)+label { margin-right: 0; }
#form-medium input[type="radio"]:checked+label, #form-medium input[type="checkbox"]:checked+label { border: 1px solid #1399EA; color: #fff; background-color: #1399EA }
#form-medium select { border: 1px solid #CCC; margin-left: 5px; padding: 5px; font-size: 14px }
#form-medium .birthday select { margin: 0 1% 0 1%; width: 30%; }
#form-medium .select-city select { width: 94%; font-size: 15px; }
#form-medium .select-city .length-m { width: 90%; margin-top: 5px }
#form-medium ul li.rule { margin: 0; padding: 6px 0 4px 0 }
#form-medium ul li.rule span:first-child { width: 13%; line-height: 24px; padding-top: 3px }
#form-medium ul li.rule span:first-child+span { width: 87%; line-height: 24px; color: #666 }
#form-medium ul#submit-btn { width: 100% !important; margin: 10px 0px!important; clear: both; margin-bottom: 10px !important; display: block!important; }
#form-medium ul#submit-btn li { height: 40px; width: 100% !important; margin: 10px 0px!important; float: left; margin-bottom: 10px !important; display: block!important; border-bottom: none; }
#cart-list ul.shipping { width: 98%; height: auto; display: block; float: left; border-bottom: none; margin-top: 5%; margin-bottom: 0px!important; }
#cart-list ul.shipping li:first-child { display: none; }
#cart-list ul.shipping li:nth-child(2) { width: 95% !important; margin-left: 5%; }
#cart-list ul.shipping li:nth-child(2) span { width: 100%; display: block; color: #666; line-height: 1.4em; }
#cart-list ul.shipping li:nth-child(2) span strong.mem-gift { line-height: 1.8em; margin-bottom: 5%; }
#cart-list ul.shipping li:first-child + li span:first-child+span { font-size: 14px; color: #666; }
#cart-list ul.shipping li:nth-child(3) { width: 65% !important; height: auto; margin: 5%; text-align: right !important; }
#cart-list ul.shipment { width: 85% !important; margin: 0 auto 0 5%; padding: 0px 5px !important; height: auto; }
#cart-list ul.shipment li:first-child { width: 100%!important; display: block; text-align: left !important; }
#cart-list ul.shipment li:nth-child(2) { width: 100%!important; padding-left: 0px !important; }
#cart-list ul.shipment li:nth-child(3) { width: 100%!important; padding-left: 0px !important; }
#cart-list ul.shipment li:nth-child(4) { width: 100%!important; padding-left: 0px !important; }
#cart-list ul.shipment li.last span { margin-left: 0; width: 50%; }
#cart-list ul.item { width: 98%; display: block; }
#cart-list ul.item li { display: block; height: auto; }
#cart-list ul li.name { padding: 0px; margin: 0px auto auto 15%; width: 85%; line-height: 45px; }
#cart-list ul.item li.amount { margin: 0px auto 0px 15%; text-align: left; }
#cart-list ul.item li.subtotal { width: 60%; margin: 0px auto 0px 15%; color: #C1042B; line-height: 45px; }
#cart-list ul.item li.dele { position: absolute; right: 8%; margin: -20px 0px 0px 0px; width: 15px; height: 90px; }
#cart-list ul.item li.amount select { margin: 0px auto; }
#info-form ul.pay li ul li { display: block; width: 90%!important; line-height: 30px; margin: 0px 10px; float: left; }
#info-form .pay li ul li label { width: 30%; padding: 2px 5px; }
#cart-list ul.sum { border: none; height: 70px; width: 95%; margin: 0px auto !important; }
#cart-list ul.sum li { float: left; padding: 0 }
#cart-list ul.sum li:first-child { width: 40%; padding: 0; text-align: center; font-size: 14px; }
#cart-list ul.sum li:nth-child(2) { width: 12%!important; font-size: 14px; }
#cart-list ul.sum li:last-child { width: 40%!important; color: #C1042B; font-size: 24px; padding: 0px!important; text-align: center!important; }
#info-form .area ul li { width: 45%!important; }
/*submit-btn*/
#contact-left { width: 90%; margin: 30px 5% 0 5%; padding-bottom: 30px; float: left; border-bottom: 1px solid #E6E6E6; }
#contact-left ul { width: 100%; margin: 20px 0px 40px 0px; }
#contact-left ul li { width: 100%; }
#contact-left ul li span:first-child { margin-right: 0px; }
#contact-left h2 { text-align: center; }
#contact-right { width: 80%; margin: 30px 5% 0 10%; float: left }
#contact-right ul#submit-btn li input.bigrounded { width: 90%!important; }
#contact-right ul#submit-btn li { width: 100%!important; float: left; }
#contact-right ul li span img { float: none !important; width: 90%; height: auto; }
#contact-right ul li { border-bottom: 1px solid #e5e5e5; display: block; float: left; height: auto; margin: 0 0 10px; overflow: hidden; padding: 0 0 10px; width: 100%; }
#contact-right ul li span.remark { display: none; }
#contact-right .length-l { width: 90% }
#contact-right .length-m { width: 90% }
#contact-right .length-s { width: 90% }
#checkout { display: block; width: 100% }
#checkout li { float: left; }
#checkout li:first-child { width: 100%; line-height: 50px; height: 50px; }
#checkout li:first-child+li { width: 80%; background-color: #E0E0E0; height: 50px; line-height: 50px }
#checkout li:first-child+li+li { width: 20%; height: 50px; }
#checkout li:first-child+li+li a { display: block; width: 100%; height: 50px; line-height: 50px; background-color: #002853; color: #FFF; text-align: center; text-decoration: none; letter-spacing: 1px; }
#checkout li:first-child+li+li a:hover { background-color: #C9163A }
#checkout .cart-login-type div { float: left; margin: 0 20px 0 10px }
#checkout .cart-login-bar strong { margin: 0 5px 0 15px; font-size: 13px; color: #666666 }
#checkout .cart-login-bar input { border: 1px solid #CCC; height: 25px; line-height: 25px; }
#checkout .cart-login-bar input.account-id { width: 200px }
#checkout .cart-login-bar input.account-pswd { width: 100px }
#club-ad { overflow: hidden; margin: 30px 0 0 4%; width: 92%; overflow: hidden }
#club-ad img { display: block; width: 100%; height: auto; }
#cart-remark { float: left; margin: 0 0 30px 4%; list-style: none; padding: 0 0 0 22px; width: 92% }
#cart-remark li { list-style: decimal; list-style-type: decimal; display: list-item; line-height: 24px; font-size: 14px; color: #000; width: 90% }
#info-form { width: 95%; margin: 0px auto; }
#info-form ul { display: block; width: 94%; overflow: hidden; height: auto; margin: 20px 3% !important; }
#info-form.confirm-list ul:first-child +ul { margin: 10px 3% 0px 3%!important; display: inline-block; clear: both; }
#info-form ul.level-ii { display: block; width: 94%; overflow: hidden; float: left;  height: auto; min-height: auto; margin: 20px auto 20px 5% !important; }
#info-form ul.level-ii li span input.length-m { width: 60%!important; }
#info-form.confirm-list ul:nth-of-type(3) { margin-left: 3%!important; }
#info-form ul li.thesame span { display: block; float: left; overflow: hidden; height: 24px; margin: 5px 0 }
#info-form ul li.thesame span:first-child { width: 20px; padding-top: 0 }
#info-form ul li.thesame span:first-child+span { margin-left: 10px; line-height: 24px; width: 80% }
#info-form .select-city select { width: 90%; margin-bottom: 10px; }
#info-form ul li textarea { width: 90%; }
#info-form .area { width: 80%; margin: 0px auto; }
#tab-bar { display: block; width: 100%; float: none; height: auto; padding: 10px 0; border-bottom: 1px solid #E6E6E6; text-align: center; overflow: hidden; }
#tab-bar li { display: inline-block; height: 30px; line-height: 30px; overflow: hidden; padding: 0 10px; font-size: 14px; margin: 0; }
#tab-bar li a { text-decoration: none }
#tab-bar li a:hover { font-size: 14px }
#tab-bar li.current a { font-weight: bold; text-decoration: none; font-size: 16px }
.section-header span { display: inline-block; padding: 15px 10px; }
.radio input[type=radio] + label { width: 85%; display: inline-block; padding: 5px; }
ul#submit-btn li span.medium { width: 50% !important; line-height: 2em; }
ul#submit-btn li input.medium { width: 80% !important; line-height: 2em; }
}