@charset "utf-8";

@font-face {font-family:ZawgyiOne;
	src: url(/font/ZawgyiOne.eot);
	src: local("ZawgyiOne"), url(/font/ZawgyiOne.woff) format("woff");
}
/*******************************************************************
*	common default
********************************************************************/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,figure,pre,input,textarea,button,select,blockquote{margin:0;padding:0}
input,select,textarea,button,table{font:14px/1.25em Malgun Gothic,arial,tahoma,sans-serif,Helvetica,Zawgyi-One,ZawgyiOne;color:#222;letter-spacing:-0.5px;}
body{background:#fff;-webkit-text-size-adjust:none;font-family:Malgun Gothic,'맑은 고딕',sans-serif,Zawgyi-One,ZawgyiOne;font-weight: normal;font-size:.75em;line-height:1.4em;color:#797979;letter-spacing:-0.05em;}
legend,caption{overflow:hidden;position:absolute;font-size:0;line-height:0;visibility:hidden}
h1,h2,h3,h4,h5,h6{font-size:1em}
img{vertical-align:middle}
img,input,textarea,fieldset{border:0 none;outline:none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
a{color:#373e40;text-decoration:none}
a:link,a:visited,a:hover,a:active{text-decoration:none}
strong{font-weight:bold}
legend,hr,caption{display:none}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea,button{vertical-align:middle;}
select { font-family:Malgun Gothic,'맑은 고딕',sans-serif,Zawgyi-One,ZawgyiOne; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
u{text-decoration:none;}
input[type='text'], input[type='password']{-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type='checkbox']{cursor:pointer; -webkit-appearance:checkbox;}
button,input[type='submit'],input[type='button']{cursor:pointer;}
::-webkit-input-placeholder{color:#aaa;}
input[type='text']{height:25px;text-indent:1px;color:#222;border-bottom:1px solid #e4e4e4;font-family:Malgun Gothic,'맑은 고딕',sans-serif,Zawgyi-One,ZawgyiOne;}
input[type='text']:focus{color:#222;border-bottom:1px solid #aaa;}
input[type='password']{height:25px;text-indent:1px;color:#222;}
input[type='password']:focus{color:#222;}
iframe{overflow:hidden;}

.lines { margin:30px 0; height:1px; background-color:#cecece }

a {selector-dummy: expression(this.hideFocus=true);}

/*********************************************************************
*	LightBox Css
*********************************************************************/
div.inBright { z-index: 99999; position:absolute; visibility:visible; display:block; left:0px; top:0px; border:0px; width:100%; }
div.inDark { z-index: 99999; position:absolute; visibility:hidden; display:none; left:-10000px; top:-10000px; width:1px; height:1px; }
div.inDarkLayer {z-index: 99997; position:absolute; display:none; width:100%; height:100%; background-color:#000;}
img.boxCenter { width:100%; cursor:pointer; border: solid 4px #000000; background-color: #fff; }
div.loading { z-index: 99998; background-image:url(../../lib/img/bigBlackWaiting.gif); background-repeat:no-repeat; background-position:center; text-align:center; position:absolute; font-family: "verdana","tahoma",Zawgyi-One,ZawgyiOne; font-size: 12px; color: #ffffff; padding-top:60px;}
div.boxBody { border:8px solid #3b3b3b; background-color:#fffFFF; }


/*********************************************************************
*	MessageBox CSS
*********************************************************************/
#messageDiv { position:absolute; border:2px solid #333; background-color:#fff; display:none; z-index:9999999; box-shadow:1px 1px 2px #777; -webkit-box-shadow:1px 1px 2px #777; border-radius:3px;-webkit-border-radius:3px; }
div.title	{ padding-top:4px;height:24px; font-family:'맑은 고딕', 'Malgun Gothic', sans-serif,Zawgyi-One,ZawgyiOne; color:#fff;font-size:11px;letter-spacing:-1px; text-align:center; font-weight:bold; background-color:#555;}
div.message { padding:16px 8px 8px 8px; font-family:'맑은 고딕', 'Malgun Gothic', sans-serif,Zawgyi-One,ZawgyiOne; color:#444;font-size:11px;letter-spacing:-1px; text-align:center;}
div.confirm { padding:8px; text-align:center;}
input.btnBox{ margin: 0 3px; border: 0; width: 60px; height: 25px; cursor: pointer; text-decoration:none; font-size:1em; color:#333; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa)); }
input.btnBox0{ display:block; text-align:center; margin: 0 3px; border: 0; width: 97%; height: 25px; cursor: pointer; text-decoration:none; font-size:1em; color:#fff; border:1px solid #111; background-color:#444; }
input.btnBox1{ display:block; text-align:center; margin: 12px 3px 0 3px; border: 0; width: 97%; height: 25px; cursor: pointer; text-decoration:none; font-size:1em; color:#fff; border:1px solid #4b3468; background-color:#604a7b; }


/*******************************************************************
*	layout
********************************************************************/
html, body{height:100%;margin:0;padding:0;background:#fff;}
.clear {clear:both;height:1px;overflow:hidden;}
.left { float:left }
.hide { display:none; }
.show { display:block; }
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.black { color:#000; }
.white { color:#fff; }
.cursorPoint { cursor:pointer; }

/* checkbox */
p.checkboxStyle{padding:0 !important;margin:0;display:inline-block;}
p.checkboxStyle input[type='checkbox']{display:none;}
p.checkboxStyle label {}
p.checkboxStyle label span{vertical-align:-4px; cursor:pointer; display:inline-block;width:18px;height:18px; background:#fff; border:solid 1px #ccc; border-radius:1px;-webkit-border-radius:1px; box-shadow:1px 1px 2px #d4d4d4; -webkit-box-shadow:1px 1px 2px #d4d4d4 }
p.checkboxStyle input[type='checkbox']:checked + label span{background:#fff url('img/common/icon_check.png') no-repeat 2px 3px; background-size:16px auto;-webkit-background-size:16px auto;}
p.checkboxStyle input[type='checkbox']:disabled + label span{background:#dadada url() no-repeat 2px 3px; background-size:16px auto;-webkit-background-size:16px auto;}

/* radio */
p.radioStyle{padding:0 !important;margin:0;display:inline-block;}
p.radioStyle input[type='radio']{display:none;}
p.radioStyle label {}
p.radioStyle label span{vertical-align:-4px; cursor:pointer; display:inline-block;width:18px;height:18px; background:#fff; border:solid 1px #ccc; border-radius:10px;-webkit-border-radius:10px; box-shadow:1px 1px 2px #d4d4d4; -webkit-box-shadow:1px 1px 2px #d4d4d4 }
p.radioStyle input[type='radio']:checked + label span{background:#fff url('img/common/icon_radio.png') no-repeat 2px 3px; background-size:16px auto;-webkit-background-size:16px auto;}


.tm_color { color : #8cd136; }
.tm_dcolor { color : #333; }

/* header */
#header{position: relative; z-index: 20;}
#header h1{padding: 11px 10px 13px 10px;}
#header h1 img{height:30px; width:auto; }

/* header_renew */
#header_renew{ position: relative; background-color:#8cd136; }
#header_renew ul{ padding:0px 8px 0px 8px; height:54px;}
#header_renew ul li{float:left; font-size:1.4em;  color:#fff}
#header_renew ul li:nth-child(1){ padding:12px 0 0 0; width:20%; text-align:left; font-size:1.2em;}
#header_renew ul li:nth-child(2){ width:60%; text-align:center;}
#header_renew ul li:nth-child(3){ padding:12px 0 0 0;width:20%; text-align:right;}
#header_renew .circleCart { display:none; position:absolute; top:5px; font-size:0.6em; right:-1px; color:#fff; background-color:#ff0000; width:18px; height:18px; text-align:center; border-radius: 50%; -webkit-border-radius:50%;}

/* searchForm_renew */
#searchForm_renew{ position: relative;padding: 0 20px 10px 20px; text-align:center; display:none;}
#searchForm_renew input{ width:calc(100% - 40px); height:35px; border: 0 none; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; padding:0 20px; }
#searchForm_renew .searchIcon { position:absolute; right:30px; top:6px}

/* top Util */
#util{position: static;}
#util h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#util ul{position: absolute; top: 12px; right: 10px;}
#util ul li{display: inline; padding: 0 4px 0 8px; background: url('img/common/common_line.png') no-repeat left 50%; vertical-align: top;}
#util ul li:first-child{background: none;}
#util ul li a{height: 15px; line-height: 14px; font-size: 1em;}
#util ul li a.active{color: #eee;}
#util ul li:last-child a{position: relative;}
#util ul li:last-child a.active:after{background-position: left -65px;}
#util ul li:last-child a:after{content: ""; position: absolute; left: 0; top: 0; display: inline-block; width: 30px; height: 18px; background: url('img/common/btn_search.png') no-repeat left top; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto;}

/* searchForm */
#searchForm{overflow:hidden;position: relative; margin: 0 10px; padding: 0 80px 10px 0; height: 38px; background: url('img/common/bg_search.png'), url('img/common/bg_search.png'), url('img/common/bg_search.png'); background-repeat: no-repeat, no-repeat, repeat-x; background-position: left 0, right -50px, 0 -100px; background-size: 50px 200px, 50px 200px, 50px 200px; -webkit-background-size: 50px 200px, 50px 200px, 50px 200px;}
#searchForm .target{display: none;}
#searchForm .target .active{display: block;}
#searchForm input{border: 0 none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
#searchForm input[type="text"],
#searchForm input[type="search"]{position: relative; left: 15px; top: 5px; width: 100%; height: 30px; line-height: normal; font-size: 1.2em; background-color: transparent; -webkit-border-radius: 0; box-shadow: inset 0 0 0 #969696; vertical-align: middle;}
#searchForm input[type="search"]::-webkit-input-placeholder  {}
#searchForm input[type="submit"],
#searchForm input[type="button"]{position: absolute; right: 0; top: 0; overflow: hidden; width: 40px; height: 40px; text-indent: -999em; background: url('img/common/bg_search.png') no-repeat right -150px; background-size: 50px 200px; -webkit-background-size: 50px 200px; cursor: pointer;}
#searchForm input[type="reset"]{display:none; position: absolute; right: 40px; top: 5px; overflow: hidden; width: 30px; height: 30px; text-indent: -999px; background: url('img/common/btn_reset.png') no-repeat 0 3px; background-size: 26px 26px; -webkit-background-size: 26px 26px; cursor: pointer;}


/* navi */
/* #navi{position: relative; border-top: 1px solid #b72e1f; border-bottom: 1px solid #b72e1f; box-shadow:0px 2px 3px #c8c8c8; -webkit-box-shadow:0px 2px 3px #c8c8c8; background: #df3725 -webkit-gradient(linear, left top, left bottom, from(#df3725), to(#df3725)); background: #df3725 -moz-linear-gradient(top, #df3725, #df3725); background: #df3725 -o-linear-gradient(top, #df3725, #df3725); background-color: #df3725;} */
#navi{position: relative; border-top: 1px solid #111111; border-bottom: 1px solid #111111; box-shadow:0px 2px 3px #c8c8c8; -webkit-box-shadow:0px 2px 3px #c8c8c8; background: #404040 -webkit-gradient(linear, left top, left bottom, from(#404040), to(#404040)); background: #404040 -moz-linear-gradient(top, #404040, #404040); background: #404040 -o-linear-gradient(top, #404040, #404040); background-color: #404040;}
#navi h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#navi ul:after{content: ""; display: block; clear: both; height: 0; width: 0; visibility: hidden;}
#navi ul li{float: left; width: 25%;}
#navi ul li a{display: block; padding: 10px 0 7px 0; height: 15px; font: bold 1em/1em sans-serif,Zawgyi-One,ZawgyiOne; line-height: 1em; text-align: center; color: #fff; border-right: 1px solid #b72e1f;}
#navi ul li:last-child a{border-right: none;}

#navi_renew { border-bottom: 1px solid #ccc; background: #fff; height:70px; }
#navi_renew h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
.naviFixed { position: fixed; top: 0px; z-index:99999; }

/* navi */
#naviMain{position: relative; border-top: 1px solid #111111; border-bottom: 1px solid #111111; box-shadow:0px 1px 3px #c8c8c8; -webkit-box-shadow:0px 1px 3px #c8c8c8; background: #404040 -webkit-gradient(linear, left top, left bottom, from(#404040), to(#404040)); background: #404040 -moz-linear-gradient(top, #404040, #404040); background: #404040 -o-linear-gradient(top, #404040, #404040); background-color: #404040;}
#naviMain h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#naviMain ul:after{content: ""; display: block; clear: both; height: 0; width: 0; visibility: hidden;}
#naviMain ul li{float: left; width: 25%;}
#naviMain ul li a{display: block; padding: 10px 0 7px 0; height: 15px; font: bold 1em/1em sans-serif,Zawgyi-One,ZawgyiOne; line-height: 1em; text-align: center; color: #fff; border-right: 1px solid #b72e1f;}
#naviMain ul li:last-child a{border-right: none;}

/* menubar navi */
.alter { width:1px;height:1px;overflow:hidden;position:absolute;top:-9999rem;left:-9999rem;}
/* .btn-menu {display:inline-block;width:25px;height:25px;background:#fff url('img/common/btn_menu.png') no-repeat; border:0;} */
.btn-menu {display:inline-block;width:25px;height:25px;background-color:#fff; border:0;}

#nav {z-index:99999; height:auto;position:absolute;top:0;left:-110%;background:#fff;opacity:1;overflow:auto}
#nav .naviBox {width:240px; background:#404040;color:#fff;height:20px; padding:20px 10px;border-bottom:5px #e2e2e2 solid;}
#nav .menu {position:relative;}
#nav .menu ul {width:100%;}
#nav .menu li {position:relative;border-bottom:1px #ccc solid; height:40px; }
#nav .menu li.country_sub {background-color:#f3f3f3; border-bottom:1px #dfdfdf solid }
#nav .menu li a {display:block;padding:14px 10px;color:#555;font-size:14px;font-weight:500;}
#nav .menu li a.sub:after {content:'';display:inline-block;width:15px;height:10px;background:url(./img/common/icon_arrow_sub.png) 50% 50% no-repeat;background-size:100%;position:absolute;top:50%;margin-top:-5px;right:20px;}
#nav .btn-x {width:20px;height:20px;display:block;position:absolute;top:20px;right:20px;background:url('img/common/btn_x.png') 50% 50% no-repeat;background-size:100%;border:0;}
#darkLayer {z-index: 99997; position:absolute; display:none; top:0; left:0; width:100%; height:100%; background-color:#000;filter:alpha(opacity=30);opacity:0.3; -moz-opacity:0.3;}

/* SWIPER */
#navi .swiper-container, #naviMain .swiper-container{width:100%;position:relative;overflow:hidden;direction:ltr;margin:0 auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;z-index:1;}
#navi .swiper-wrapper, #naviMain .swiper-wrapper{width:2000px;position:relative;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#navi .swiper-slide, #naviMain .swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;height:100%;}
#navi .swiper-slide a, #naviMain .swiper-slide a{display: block; padding: 14px 8px 12px 13px; height: 15px; font: bold 1.1em/1.1em sans-serif,Zawgyi-One,ZawgyiOne; line-height: 1.1em; text-align: center; color: #fff;}

#navi_renew .swiper-container{width:100%;position:relative;overflow:hidden;direction:ltr;margin:0 auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;z-index:1;}
#navi_renew .swiper-wrapper{width:2000px;position:relative;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#navi_renew .swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#navi_renew .swiper-slide a{display: block; padding: 0; height: 70px; text-align: center;position:relative; }
#navi_renew .slide_bar { position:absolute; top:67px; height:4px; background-color:#8cd136; display:none;}

#ctop_renew { border-bottom: 1px solid #ccc; background: #fff; height:30px; }
#ctop_renew h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
.naviFixed2 { position: fixed; top: 71px; z-index:99999; }

#ctop_renew .swiper-container{width:100%;position:relative;overflow:hidden;direction:ltr;margin:0 auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;z-index:1;}
#ctop_renew .swiper-wrapper{width:2000px;position:relative;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#ctop_renew .swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;height:100%;}
#ctop_renew .swiper-slide a{display: block; padding: 0px 24px 0 28px; height: 30px; border-right:1px solid #ccc; border-radius:13px; text-align: center;position:relative; font-size:1.2em; line-height:2.0em }
#ctop_renew .swiper-slide a.renew{display: block; padding: 0px 15px 0 15px; height: 24px; margin:2px 0 0 10px; border:1px solid #ccc; text-align: center; position:relative; font-size:1.2em; line-height:1.6em }
#ctop_renew .swiper-slide a.selected{ background-color:#8cd136; color:white; border-color:#8cd136}
#ctop_renew .slide_bar { position:absolute; top:26px; height:4px; background-color:#8cd136; display:none;}

/* pagination */
p.pagination{overflow: hidden; margin-top: 10px; height: 20px; line-height: 1em; text-align: center;}
p.pagination strong,
p.pagination span{position: relative; display: inline-block; overflow: hidden; color:#fff; font-size:0.1em; width: 15px; height: 15px; margin: 0; vertical-align: top;}
p.pagination strong:after,
p.pagination span:after{content: ""; position: absolute; left: 2px; top: 0; display: block; width: 100%; height: 100%; background: url('img/common/bg_pagination.png') no-repeat left top; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto;}
p.pagination .active:after{content: ""; position: absolute; left: 2px; top: 0; display: block; width: 100%; height: 100%; background: url('img/common/bg_pagination.png') no-repeat left 120%; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto;}

.contents { width:100%; background-color:#fff;}

/* main banner */
#mainBanner{overflow: hidden;}
#mainBanner h1{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainBanner .slidings{background-color: #fff;  border-bottom:1px solid #e3e3e3}
#mainBanner .slidings .wrap{position: relative;}
#mainBanner .slidings .wrap:after{content: ""; display: block; clear: both; width: 0; height: 0; visibility: 0;}
#mainBanner .slidings figure figcaption{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainBanner .slidings figure a{display: block; text-align: center;}
#mainBanner .slidings figure a img{display: block; margin: 0 auto;  min-width: 100%; max-width: 100%;}

/* main Hit Goods */
#mainHitGoods{overflow: hidden; position: relative;}
#mainHitGoods h1{position: relative; padding-left: 10px; height: 33px; text-align: left; line-height: 28px; font-size: 1.2em; color: #333; background-color:#efefef;  border-top: 1px solid #ccc; border-bottom: 1px solid #dadada; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
#mainHitGoodsListPagination{ position: absolute; top: 0px; right: 10px; text-align: right; height: 21px; }

/* main Recommand Goods */
#mainRecoGoods{overflow: hidden; position: relative;}
#mainRecoGoods h1{position: relative; padding-left: 10px; height: 33px; text-align: left; line-height: 28px; font-size: 1.2em; color: #333; background-color:#efefef;  border-top: 1px solid #ccc; border-bottom: 1px solid #dadada; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
#mainRecoGoodsListPagination{ position: absolute; top: 0px; right: 10px; text-align: right; height: 21px; }

/* main New arrival Goods */
#mainNewGoods{overflow: hidden; position: relative;}
#mainNewGoods h1{position: relative; padding-left: 10px; height: 33px; text-align: left; line-height: 28px; font-size: 1.2em; color: #333; background-color:#efefef;  border-top: 1px solid #ccc; border-bottom: 1px solid #dadada; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
#mainNewGoodsListPagination{ position: absolute; top: 0px; right: 10px; text-align: right; height: 21px; }

.main_goods{ min-height: 180px; }
.main_goods li{float: left; padding: 10px 0; min-width:100px; text-align: center;}
.main_goods .item_box{width:100px; margin: 0 auto; overflow: hidden; text-align: center;}
.main_goods .thumbnail{display: block; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
.main_goods .thumbnail img{display: block; margin: 0 auto; width: 100px; height: 100px;}
.main_goods .item_info .goods{padding-top:4px; line-height: 1.2em; max-height: 28px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;}
.main_goods .item_info .price{padding-top:4px; line-height: 1.2em; font-size: 1em;}
.main_goods .item_info .price strong{font-size: 1.1em; color: #333;}

/* bannerList */
#bannerList{overflow: hidden; margin:10px 0 20px 0; padding-bottom:2px;}
#bannerList h1{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#bannerList li{float: left; padding:10px 0 0 0; min-width:150px; width:50%;  text-align: center;}
#bannerList li a{display:inline-block; width:96%; border:1px solid #999;box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; }
#bannerList li a img{width:100%; height:auto; }

/* main Notice */
#mainNotice{overflow: hidden; position: relative;}
#mainNotice h1{position: relative; padding-left: 10px; height: 40px; text-align: left; line-height: 33px; font-size: 1.2em; color: #333; background-color:#fff;  border-top: 1px solid #bbb; background: url('img/common/common_line.png') no-repeat 80px 40%; background-size:1px 40%; -webkit-background-size: 1px 40%; -o-background-size: 1px 40%; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
#mainNotice .noticeArticle{ position: absolute; display: inline-block; top: 11px; left: 90px; height:16px; overflow:hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; }

/* headline */
#headline{ position: relative; border-bottom:solid 4px #555; box-shadow:0px 1px 2px #bbb; -webkit-box-shadow:0px 1px 2px #bbb;}
#headline h1{font: bold 18px/44px dotum, sans-serif,Zawgyi-One,ZawgyiOne; color: #444; text-align: center; ; background:#fff;}
#headline a.btn_back{display:block;position:absolute;top:7px;left:5px;width:42px;height:auto;border:solid 1px #dadada;border-radius:3px;-webkit-border-radius:3px;box-shadow:1px 1px #fff;-webkit-box-shadow:1px 1px #fff;background:#fefefe -webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#f4f4f4));}
#headline a.btn_back span{display:inline-block;width:100%;height:30px;border-radius:3px;box-shadow:inset 1px 1px #fff;}
#headline a.btn_back img{position:relative;top:3px;left:8px;width:20px;}

/* cateIndicator */
#cateIndicator{position: relative; overflow:hidden; height:40px; line-height:36px; border-bottom:solid 1px #aaa; box-shadow:0px 1px 2px #d4d4d4; -webkit-box-shadow:0px 1px 2px #d4d4d4; background: #e3e3e3 -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e3e3e3)); background: #e3e3e3 -moz-linear-gradient(top, #fafafa, #e3e3e3); background: #e3e3e3 -o-linear-gradient(top, #fafafa, #e3e3e3); background-color: #e3e3e3;}
#cateIndicator li{float:left; height:40px; padding: 0 23px 0 0; color:#222; font-size:1.0em; background: url('img/common/bg_indicator.png') no-repeat right; background-size:23px auto;-webkit-background-size:23px auto;}
#cateIndicator li a{color:#078a92}
#catehttp://kmall777.com/m/index.php?channel=cate&cate=108000000000Indicator li:first-child{padding-left:10px;}
#cateIndicator li:last-child{padding-right:0; background:url();}

/* cateList */
#cateList{background:#fff; margin:10px 0 20px 0;}
#cateList li{border-bottom:1px solid #e3e3e3; height:40px; line-height:35px; padding:0 0 0 14px; background: url('img/common/icon_next.png') no-repeat 98% 60%; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#cateList li a{display:block; font: bold 14px/40px dotum, sans-serif;}
#cateList li a span{vertical-align:middle; width:40px;display:inline-block;}

/* goodsListHead */
#goodsListHead{position: relative; border-bottom:solid 1px #999; height: 40px; line-height: 33px; background:#fff -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f7f7f7)) no-repeat; box-shadow:0px 1px 3px #d4d4d4; -webkit-box-shadow:0px 1px 3px #d4d4d4; }
#goodsListHead h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsListHead select{display:inline-block; height:27px; margin:7px; padding:2px 50px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #bbb;border-radius:2px;-webkit-border-radius:2px;background:#f6f6f6 url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}
#goodsListHead span{position: absolute; top:3px; right:8px;} 
#goodsListHead button{width: 25px; height: 25px; text-indent: -999em; background-image: url('img/common/list_type.png'); background-repeat: no-repeat;}
#goodsListHead .button{display: -moz-inline-stack;	display: inline-block; margin: 0; padding: 0; overflow: hidden; border: 0 none; border-radius: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; background-color: transparent; cursor: pointer; -webkit-text-size-adjust: none; }
#goodsListHead .listImg{background-position: 0 0;}
#goodsListHead .listImgOn{background-position: right 0;}
#goodsListHead .listList{background-position: 0 -50px;}
#goodsListHead .listListOn{background-position: right -50px;}
#goodsListHead p{padding:0 0 0 10px; color:#666;}
#goodsListHead p em {font-size:1.2em; font-weight:bold; color:#333}
#goodsListHead span.btn{position:absolute; text-align:center; color:#fff; top:6px; right:8px; width:100px; height:24px; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333));}
#goodsListHead span a {position:relative; top:-5px; color:#fff}

/* goodsList */
#goodsList{background:#fff; min-height:120px; margin:0 0 20px 0;}
.listList li{border-bottom:1px solid #e3e3e3; height:100px; padding:10px 0 10px 14px; box-shadow:0px 1px 1px #fafafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
.listList .item_box {position: relative; display: block; width:100%; } 
.listList .thumbnail{display: block; width:100px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
.listList .thumbnail img{display: block; margin: 0 auto; width: 100px; height: 100px;}
.listList .item_info{position: absolute; margin: 0 auto; top:0px; left:110px; display: block; float:left; text-align:left;  }
.listList .item_info .goods{margin:4px 0 4px 0;line-height: 1.4em; font-size: 1.2em; height: 40px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;}
.listList .item_info .review{line-height: 1.2em; font-size: 1em; color:#666;}
.listList .item_info .sales{line-height: 1.2em; font-size: 1em;}
.listList .item_info .sales img { margin: 4px auto 0 auto; width: auto; height:16px; }
.listList .item_info .price{padding:6px 0 0 0px; line-height: 1.4em; font-size: 1em;}
.listList .item_info .price .selling {padding:0 20px 0 0px;}
.listList .item_info .price strong{font-size: 1.4em; color: #333;}
.listList .todayDel, .listList .wishDel{display:none; position:absolute; text-align:center; padding:2px 0 0 0;top:76px; right:10px; width:50px; height:20px; box-shadow:1px 1px 2px #aaa; -webkit-box-shadow:1px 1px 2px #aaa; border:1px solid #999; border-radius:1px;-webkit-border-radius:1px;background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(0.5, #b5b5b5), color-stop(0.51, #979797), color-stop(1, #979797));}
.listList .todayDel a, .listList .wishDel a { color:#fff;}

.imgList li{float: left; padding: 10px 0; min-width:140px; width:50%; text-align: center;}
.imgList2 li{float: left; padding: 10px 0; min-width:140px; width:33.3%; text-align: center;}
.imgList .item_box, .imgList2 .item_box {width:98%; text-align: center;} 
.imgList .thumbnail, .imgList2 .thumbnail{display: block; min-width:140px; min-height:140px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
.imgList .thumbnail img{display: block; margin: 0; width: 100%; height: 100%;} 
.imgList2 .thumbnail img{display: block; margin: 0; width: 100%; height: 100%;}
.imgList .item_info, .imgList2 .item_info{ display: block; width:98%; }
.imgList .item_info .goods, .imgList2 .item_info .goods{margin:4px 0 0 0;line-height: 1.4em; font-size: 1.2em; height: 40px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;}
.imgList .item_info .review, .imgList2 .item_info .review{display:none;}
.imgList .item_info .sales, .imgList2 .item_info .sales{display:none;}
.imgList .item_info .price, .imgList2 .item_info .price{padding:6px 0 0 0px; line-height: 1.4em; font-size: 1em; height: 48px; overflow: hidden;}
.imgList .item_info .price .selling, .imgList2 .item_info .price .selling {display:none;}
.imgList .item_info .price, .imgList2 .item_info .price strong{font-size: 1.4em; color: #333;}
.imgList .todayDel, .imgList2 .todayDel, .imgList .wishDel, .imgList2 .wishDel {display:none;}

.goodsListRenew { background-color:#dad9da; padding:0 0 20px 0; }
.goodsListRenew li{ float: left; text-align: center;  width:calc(50% - 15px); margin:5px; background-color:#fff; }
.goodsListRenew li:nth-child(1) { margin-top:10px; }
.goodsListRenew li:nth-child(2) { margin-top:10px; }
.goodsListRenew li:nth-child(2n+1) { margin-left:10px; clear:both; }
.goodsListRenew li:nth-child(2n+2) { margin-right:10px; }
.goodsListRenew li .item_box {width:calc(100%); text-align: center;} 
.goodsListRenew li .thumbnail {display: block; position:relative; min-width:140px; min-height:140px; overflow: hidden; text-align: center; }
.goodsListRenew li .thumbnail img{display: block; margin: 0; width: 100%; height: 100%;} 
.goodsListRenew li .thumbnail .soldout{ position:absolute; top:0; z-index:999; width:100%; height:100%; background-color:#333; filter:alpha(opacity=60);opacity:0.6; -moz-opacity:0.6; color:#fff;} 
.goodsListRenew li .thumbnail .btnCircleCartBox { position:absolute; bottom:0px; right:0px; z-index:9999; cursor:pointer; background-color:transparent; width:52px; height:52px; text-align:center; border-radius: 50%; }
.goodsListRenew li .thumbnail .btnCircleCart { position:absolute; bottom:7px; font-size:2.2em; padding-top:6px;right:7px; color:#fff; z-index:9999; cursor:pointer; background-color:#3366cc; width:36px; height:30px; text-align:center; border-radius: 50%; }
.goodsListRenew li .thumbnail .freeCarr { position:absolute; bottom:5px; left:5px;  z-index:9999; text-align:center;}
.goodsListRenew li .thumbnail .salePer{ position:absolute; top:0; right:0; z-index:999; background-color:#888; color:#fff; font-size:1.4em; padding:6px; display:none;} 
.goodsListRenew li .item_info { display: block; width:100%;}
.goodsListRenew li .item_info .goods{padding:4px 1px 0 1px;line-height: 1.2em; font-size: 1.0em; height: 30px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;}
.goodsListRenew li .item_info .review {display:none;}
.goodsListRenew li .item_info .sales {display:none;}
.goodsListRenew li .item_info .price {padding:6px 0 0 0px; line-height: 1.4em; font-size: 1em; height: 28px; overflow: hidden;}
.goodsListRenew li .item_info .price .selling {font-size: 1.2em; color: #666;}
.goodsListRenew li .item_info .price .prices {font-size: 1.4em; color: #ff0000; font-weight:bold}
.goodsListRenew:after { content:''; display:block; clear:both; }

#listCartOk { position:absolute; top:42%; right:42%; font-size:0.9em; color:#000; z-index:9999; background-color:#fff; width:90px; height:90px; border:1px solid #8cd136; text-align:center; border-radius: 50%; box-shadow:1px 1px 2px #aaa; -webkit-box-shadow:1px 1px 2px #aaa; display:none;}

.item_box_rank { position:absolute;width:20px; height:20px; background-color:#b72e1f;color:#fff;font-size: 1.0em;line-height: 1.5em;z-index:9999;filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7;}

/* searchIndicator */
#searchIndicator{position: relative; overflow:hidden; height:40px; line-height:36px; border-bottom:solid 1px #aaa; box-shadow:0px 1px 2px #d4d4d4; -webkit-box-shadow:0px 1px 2px #d4d4d4; background: #e3e3e3 -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e3e3e3)); background: #999999 -moz-linear-gradient(top, #fafafa, #e3e3e3); background: #e3e3e3 -o-linear-gradient(top, #fafafa, #e3e3e3); background-color: #999999;}
#searchIndicator p{padding:0 0 0 10px; color:#666;}
#searchIndicator p em {font-size:1.2em; font-weight:bold; color:#333}
#searchIndicator p:nth-child(2){position:absolute; top:2px; right:10px;}
#searchIndicator span.btn{position:absolute;text-align:center; margin-left:10px; top:7px;width:70px; height:22px;color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#searchIndicator span.btn a{position:relative; top:-6px; color:#333}

/* listLoading */
#listLoading{display:none; position:absolute; z-index:999999; background-color:#fff; filter:alpha(opacity=90);opacity:0.9; -moz-opacity:0.9; text-align:center;padding:20px;border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 1px 0 #eee;-webkit-box-shadow:0 1px 0 #eee;}

/* goodsName */
#goodsName{position: relative; background-color:#efefef; border-bottom:solid 1px #aaa; box-shadow:0px 1px 2px #e3e3e3; -webkit-box-shadow:0px 1px 2px #e3e3e3;}
#goodsName h2{display: block; font-weight:normal; line-height: 1.4em; font-size: 1.2em; padding:10px; color: #222;}

/* goodsImage */
#goodsImage{position: relative;width:100%; overflow:hidden;  }
#goodsImage h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsImage .slidings{background-color: #fff;  text-align:center; padding:10px 0;}
#goodsImage .slidings .wrap{position: relative;}
#goodsImage .slidings .wrap:after{content: ""; display: block; clear: both; width: 0; height: 0; visibility: 0;}
#goodsImage .slidings figure img{display: block; margin: 0 auto; width:320px; height:320px}
#goodsImage .slidings p{ position:absolute; text-align:center; top:295px;width:100%}
#goodsImage .slidings p span{display:inline-block; color:#fff; font-weight:bold; padding-top:4px; background-color:#444; width:60px; height:22px;border-radius:8px;-webkit-border-radius:8px;filter:alpha(opacity=50);opacity:0.5; -moz-opacity:0.5;}

/* goodsPrice */
#goodsPrice{position: relative; background:#efefef; border-top:1px solid #bbb; border-bottom:1px solid #aaa; box-shadow:0px 1px 2px #e3e3e3; -webkit-box-shadow:0px 1px 2px #e3e3e3; }
#goodsPrice h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsPrice ul{overflow:hidden;margin:0; }
#goodsPrice ul:after{display:block;overflow:hidden;clear:both;content:''}
#goodsPrice li{float:left; width:38%; text-align:center; height:45px; padding:10px 0;}
#goodsPrice li:nth-child(1) em{font-weight:bold; line-height: 1.1em; font-size: 2em;}
#goodsPrice li:nth-child(2){text-align:left;width:62%}
#goodsPrice li:nth-child(2) img{width:20px; height:auto; cursor:pointer; }
#goodsPrice li:nth-child(2) .snsList{padding:0 0 0 40px;}
#goodsPrice li:nth-child(2) p:nth-child(2){padding:6px 0 0;}
#goodsPrice li:nth-child(2) em{display:inline-block;width:40px;}
#goodsPrice .review_bg, #goodsMoreInfo .review_bg, #reviewInfo .reviewInfoBox .review_bg{display:inline-block;position:relative;top:3px; width:80px;height:15px;background:url('img/common/bg_stars.png') no-repeat 0 0;background-size:80px auto;-webkit-background-size:80px auto;}
#goodsPrice .review_bg em, #goodsMoreInfo .review_bg em, #reviewInfo .reviewInfoBox .review_bg em{display:block;position:absolute;top:0px;overflow:hidden;width:100%;height:15px;background:url('img/common/bg_stars.png') no-repeat 0 66%;background-size:80px auto;-webkit-background-size:80px auto;}

/* goodsBasicInfo */
#goodsBasicInfo{position: relative;  }
#goodsBasicInfo h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsBasicInfo table{width:100%; margin:10px 0;}
#goodsBasicInfo table tr{height:30px;}
#goodsBasicInfo table th{padding-left:10px;text-align:left;font-weight:normal;color:#666;vertical-align:top;}
#goodsBasicInfo table td{color:#222;vertical-align:top;}
#goodsBasicInfo table td s{color:#999;vertical-align:top;}
#goodsBasicInfo table td a{color:#999; font-size: 1em; border-bottom:1px dashed #dadada;}

/* goodsOpQty */
#goodsOpQty{position: relative; background:#ddd; padding:5px 10px 20px 10px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; box-shadow:0px 2px 2px #d4d4d4; -webkit-box-shadow:0px 2px 2px #d4d4d4;}
#goodsOpQty h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsOpQty p{color:#111; padding:10px 0 4px}
#goodsOpQty select{display:inline-block; width:100%; height:40px; padding:5px 50px 4px 10px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #bbb;border-radius:2px;-webkit-border-radius:2px;background:#f6f6f6 url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:50px auto;-webkit-background-size:50px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}
#goodsOpQty .tPrice{width:100%; height:30px;margin:20px 0 0 0; padding:10 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #333; border-radius:2px;-webkit-border-radius:2px;background-color:#666;}
#goodsOpQty .tPrice span:nth-child(1){ padding:0 0 0 20px; line-height: 1.0em; font-size: 1.4em;}
#goodsOpQty .tPrice span:nth-child(2){ float:right; padding:0 20px 0 0; line-height: 1.0em; font-size: 1.3em;}
#goodsOpQty .tPrice span:nth-child(2) em{ font-size: 1.3em; font-weight:bold;}
#goodsOpQty ul{display:block;margin:20px 0 0 0; height:38px;  }
#goodsOpQty li{ width:50%; text-align:center;}
#goodsOpQty li:nth-child(1){float:right; width:50% }
#goodsOpQty li:nth-child(2){float:left; width:50%; }
#goodsOpQty li:nth-child(1) p{font-size:1.2em; font-weight:bold; width:100%; height:25px; padding:10px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #d75982; border-radius:2px;-webkit-border-radius:2px;background-color:#e1557d; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d));}
#goodsOpQty li:nth-child(2) p{font-size:1.2em; font-weight:bold; width:96%; height:25px;  padding:10px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333));}
#goodsOpQty li.optionsxx p{font-size:1.2em; font-weight:bold; width:100%; height:25px; padding:10px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(0.5, #b5b5b5), color-stop(0.51, #979797), color-stop(1, #979797));}
#goodsOpQty li p.active {cursor:pointer; }
#goodsOpQty li.options{float:left;width:49%;overflow:hidden; padding:0; margin:0}
#goodsOpQty li.options2{float:left;width:2%;overflow:hidden; padding:0; margin:0}
#goodsOpQty .goodsOpList { clear:both; }
#goodsOpQty .goodsOpList2 { border-top:1px solid #999; display:none; }
#goodsOpQty .goodsOpListDiv { margin:20px 0 0 0; border-bottom:1px solid #eee; }
#goodsOpQty .goodsOpListDiv div:nth-child(2n+1) { clear:both; line-height: 1em; font-size: 1em; color: #000; }
#goodsOpQty .goodsOpListDiv div:nth-child(2n+1) em { float:right; padding-right:10px; }
#goodsOpQty .goodsOpListDiv div:nth-child(2n+2) { clear:both; height:30px; padding-top:10px; border-bottom:1px solid #bbb;}
#goodsOpQty .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+1) { float:left; }
#goodsOpQty .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+2) { float:left; padding:0px 0 0 4px; }
#goodsOpQty .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+2) input{ font-size:1.0em; border:1px solid #999; padding-right:6px; text-align:right; width:30px; border-radius:2px;-webkit-border-radius:2px; height:22px; }
#goodsOpQty .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+3) { float:right; padding:2px 10px 0 6px; text-align:right; line-height: 1.0em; font-size: 1.2em; }


/* goodsMoreInfo */
#goodsMoreInfo{clear:both; position: relative; margin:10px 0 20px 0; }
#goodsMoreInfo li{border-bottom:1px solid #ccc; min-height:40px; line-height:35px;cursor:pointer; padding:0 14px 0 14px; background: url('img/common/icon_up_down.png') no-repeat 98% 15px; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#goodsMoreInfo li:nth-child(1), #goodsMoreInfo li:nth-child(2), #goodsMoreInfo li:nth-child(3){background: url('img/common/icon_next.png') no-repeat 98% 50%; }
#goodsMoreInfo li div{display:block; width:100%}
#goodsMoreInfo li span{ font-size: 1.2em; color:#333; font-weight:bold;}
#goodsMoreInfo table{width:100%;}
#goodsMoreInfo tr{height:24px;}
#goodsMoreInfo th{text-align:left;font-weight:normal;color:#999;font-size:0.95em;vertical-align:top;word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; }
#goodsMoreInfo td{color:#333;vertical-align:top;font-size:0.95em;word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; }
#goodsMoreInfo tr.title{text-align:center; font-weight:bold; color:#111; background-color:#fff; border:1px solid #ccc; height:30px; line-height:26px;}
#goodsMoreInfo table tr .pt10{padding:10px 0px;}
#goodsMoreInfo th.title{padding-left:10px;}
#goodsMoreInfo td.title{text-align:right; padding-right:10px;}
#goodsMoreInfo li.goodsBasicDetail, #goodsMoreInfo li.goodsBasicVendor, #goodsMoreInfo li.goodsBasicHelp {display:none; cursor:normal; background:url();  background-color:#efefef; padding:14px; }
#goodsMoreInfo li.goodsBasicRelative{display:none; position:relative; background:url(); background-color:#efefef; overflow:hidden; padding:0; }
#goodsMoreInfo li.goodsBasicRelative li{float: left; padding: 10px 0; height:160px; border:0; min-width:100px; text-align: center; background:url(); box-shadow:0px 0px 0px #efefef; -webkit-box-shadow:0px 0px 0px #efefef;}
#goodsMoreInfo li.goodsBasicRelative .item_box{width:100px; margin: 0 auto; overflow: hidden; text-align: center;}
#goodsMoreInfo li.goodsBasicRelative .thumbnail{display: block; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
#goodsMoreInfo li.goodsBasicRelative .thumbnail img{display: block; margin: 0 auto; width: 100px; height: 100px;}
#goodsMoreInfo li.goodsBasicRelative .item_info .goods{padding-top:4px; line-height: 1.2em; max-height: 28px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;}
#goodsMoreInfo li.goodsBasicRelative .item_info .price{padding-top:4px; line-height: 1.2em; font-size: 1em;}
#goodsMoreInfo li.goodsBasicRelative .item_info .price strong{font-size: 1.1em; color: #333;}
#goodsMoreInfo li #relativeGoodsListPagination span{font-size:0.1em; color:#efefef;}

/* goodsInfo */
#goodsInfoSub{position: relative; margin:20px 10px 0 10px; }
#goodsInfoSub h3{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsInfoSub .goodsInfoBox{ width:100%; height:70px; padding:10px 0 0 0px; box-shadow:2px 2px 2px #efefef; -webkit-box-shadow:2px 2px 2px #efefef; border:1px solid #ccc; border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0; background-color:#fff; }
#goodsInfoSub .goodsInfoBox .thumbnail{display: block; float:left; margin:0 10px; width:62px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
#goodsInfoSub .goodsInfoBox .thumbnail img{display: block; margin: 0 auto; width: 60px; height: 60px;}
#goodsInfoSub .goodsInfoBox .item_info{position: absolute; margin: 0 auto; top:6px; left:92px; display: block; float:left; text-align:left;  }
#goodsInfoSub .goodsInfoBox .goods{margin:4px 0 0 0;line-height: 1.3em; font-size: 1.2em; height: 36px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;}
#goodsInfoSub .goodsInfoBox .price{padding:6px 0 0 0px; line-height: 1.4em; font-size: 1em;}
#goodsInfoSub .goodsInfoBox .price strong{font-size: 1.4em; color: #333;}

/* reviewInfo */
#reviewInfo{position: relative; margin:0 10px 20px 10px; }
#reviewInfo h2, #reviewInfo h3{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#reviewInfo .reviewInfoBox{ width:100%; padding:10px 0 0 0; box-shadow:2px 2px 2px #efefef; -webkit-box-shadow:2px 2px 2px #efefef; border:1px solid #ccc; border-top:0; border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px; background-color:#fafafa; }
#reviewInfo .reviewInfoBox .reviewHead{height:36px; line-height:2em; padding:0 10px; color:#111; font-size: 1.2em; font-weight:bold;}
#reviewInfo.mypage{margin-top:20px ;}
#reviewInfo.mypage .reviewInfoBox{padding-top:0}
#reviewInfo input{ font-size:1.0em; border:1px solid #999; width:80px; border-radius:2px;-webkit-border-radius:2px; height:20px; }
#reviewInfo .btn{cursor:pointer; float:left; margin:6px 0 0  6px; padding:0; font-size:0.9em; font-weight:bold; width:60px;text-align:center; height:20px; color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}

/* reviewList */
#reviewList{background:#fafafa;}
#reviewList li{padding:10px 10px; border-top:1px solid #ccc; position:relative; }
#reviewList li .review_bg2{display:inline-block;position:relative;top:0px; width:60px;height:10px;background:url('img/common/bg_stars.png') no-repeat 0 0;background-size:60px auto;-webkit-background-size:60px auto;}
#reviewList li .review_bg2 em{display:block;position:absolute;top:0px;overflow:hidden;width:60px;height:10px;background:url('img/common/bg_stars.png') no-repeat 0 66%;background-size:60px auto;-webkit-background-size:60px auto;}
#reviewList li p.title { padding:6px 0 0 0; color:#111; }
#reviewList li p.mypage{ padding:0 0 6px 0; color:#999; }
#reviewList li div{ padding:6px 0 0 0; color:#999; }
#reviewList li div img{ width:100%; height:auto; }
#reviewList .thumbnail{display: block; float:left; margin-right:10px; width:62px; height:62px;overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
#reviewList .thumbnail img{display: block; margin: 0 auto; width: 60px; height: 60px;}
#reviewList .item_info{position: absolute; margin: 0 auto; top:6px; left:92px; display: block; float:left; text-align:left;  }
#reviewList .detail{clear:both; margin-top:10px; padding:6px 6px; color:#666; border-top:1px solid #dadada }

/* qnaInfo */
#qnaInfo{position: relative; margin:0 10px 20px 10px; }
#qnaInfo h2, #qnaInfo h3{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#qnaInfo .qnaInfoBox{ width:100%; padding:10px 0 0 0; box-shadow:2px 2px 2px #efefef; -webkit-box-shadow:2px 2px 2px #efefef; border:1px solid #ccc; border-top:0; border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px; background-color:#fafafa; }
#qnaInfo .qnaInfoBox .qnaHead{height:36px; line-height:2em; padding:0 10px; color:#111; font-size: 1.2em; font-weight:bold;}
#qnaInfo.mypage{margin-top:20px ;}
#qnaInfo.mypage .qnaInfoBox{padding-top:0}
#qnaInfo input{ font-size:1.0em; border:1px solid #999; width:80px; border-radius:2px;-webkit-border-radius:2px; height:20px; }
#qnaInfo .btn{cursor:pointer; float:left; margin:6px 0 0  6px; padding:0; font-size:0.9em; font-weight:bold; width:60px;text-align:center; height:20px; color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}

/* qnaList */
#qnaList{background:#fafafa;}
#qnaList li{padding:10px; border-top:1px solid #ccc;}
#qnaList li p:nth-child(2){ padding:6px 0 0 0; color:#111; }
#qnaList li p.mypage{ padding:0 0 6px 0; color:#999; }
#qnaList li div{ padding:6px 0 0 0; color:#999; }
#qnaList li div .answer{ margin:6px 0; padding:10px; border:1px solid #ccc; background-color:#fff; }
#qnaList li div img{ width:100%; height:auto; }

/* goodsDetail */
#goodsDetail{position: relative; margin:20px 10px; }
#goodsDetail h3{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsDetail .explan { display: block; width:100%; overflow:auto; }
#goodsDetail .explan img {width:100%; height:auto; }

/* cartList */
#cartList{position: relative; margin:20px 10px }
#cartList h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#cartList .cartListTop{display:block; width:100%; background-color:#fafafa; height:3px; overflow:hidden;border:1px solid #ccc; border-bottom:0; border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;}
#cartList .cartListTop2{margin-top:20px; display:block; width:100%; background-color:#fafafa; height:3px; overflow:hidden;border:1px solid #ccc; border-bottom:0; border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;}
#cartList .cartListbox{position: relative; width:100%; margin: 0 auto; padding:10px 0 0 0px; background-color:#fafafa; box-shadow:2px 2px 2px #efefef; -webkit-box-shadow:2px 2px 2px #efefef; border:1px solid #ccc; border-top:0}
#cartList .cartListbox .cartCheck{position: absolute; top:10px; left:10px; }
#cartList .cartListbox .cartInfo{margin: 0 0 0 30px; }
#cartList .cartListbox .item_box{position: relative;margin: 0 auto; overflow: hidden; }
#cartList .cartListbox .thumbnail{display: block; float:left; margin:0 10px 20px 10px; width:62px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
#cartList .cartListbox .thumbnail img{display: block; margin: 0 auto; width: 60px; height: 60px;}
#cartList .cartListbox .item_info{position: absolute; margin: 0 auto; top:0px; left:80px; display: block; float:left; text-align:left;  }
#cartList .cartListbox .item_info p:nth-child(2){padding-top:4px; }
#cartList .cartListbox .goods{margin:4px 10px 0 0;line-height: 1.3em; font-size: 1.2em; height: 36px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #333;}
#cartList .cartListbox .options{border:1px solid #dadada; background-color:#efefef; padding:10px; margin:10px 10px; line-height:1.2em}
#cartList .cartListbox .options p{ min-height:18px;}
#cartList .cartListbox .options span:nth-child(2n-2){ color:#333; padding-left:10px;}
#cartList .cartListbox table{width:100%; margin:10px 0;}
#cartList .cartListbox table tr{height:20px;}
#cartList .cartListbox table th{padding-left:10px;text-align:left;font-weight:normal;color:#999;vertical-align:top;font-size:.9em;}
#cartList .cartListbox table td{padding-right:10px;color:#222;text-align:right;vertical-align:top;font-size:.9em;}
#cartList .cartListbox ul{display:block;;margin:10px; height:34px;  }
#cartList .cartListbox li{float:left; width:48%; text-align:center;}
#cartList .cartListbox li:nth-child(2){width:4%}
#cartList .cartListbox li:nth-child(1) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(0.5, #b5b5b5), color-stop(0.51, #979797), color-stop(1, #979797));}
#cartList .cartListbox li:nth-child(3) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#cartList .cartListbox li p.active {cursor:pointer; }
#cartList .cartListSum{width:100%; padding:5px 0; box-shadow: 2px 2px 2px #efefef; -webkit-box-shadow: 2px 2px 2px #efefef; border:1px solid #ccc; border-top:0; border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px; background-color:#fafafa; }
#cartList .cartListSum p{ font-size:1.2em; padding:4px 0 4px 10px;}
#cartList .cartListSum p strong{ color:#333; }
#cartList .cartListSum p span{ font-size:.8em; color:#999}
#cartList ul{display:block;margin:20px 0; height:34px;  }
#cartList li{float:left; width:48%; text-align:center;}
#cartList li:nth-child(2){width:4%}
#cartList li:nth-child(1) p{font-size:1em; font-weight:bold; width:100%; height:26px; padding:7px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333));}
#cartList li:nth-child(3) p{font-size:1em; font-weight:bold; width:100%; height:26px; padding:7px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#cartList li p.active {cursor:pointer; }

/* cartSum */
#cartSum{width:100%; margin:20px 0; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#666; box-shadow: 0px 2px 2px #aaa; -webkit-box-shadow: 0px 2px 2px #aaa; }
#cartSum table{width:100%; margin:10px 0;}
#cartSum table tr{height:28px;}
#cartSum table th{padding-left:10px;text-align:left;color:#fff;vertical-align:top;font-size:1.0em; font-weight:normal;}
#cartSum table td{padding-right:10px;color:#fff;text-align:right;vertical-align:top;font-size:1.0em;}
#cartSum table td em{font-size:1.2em; font-weight:bold;}
#cartSum table td strong{font-size:1.4em; font-weight:bold;}

/* cartBtn rePay payBtn listBtn carrBtn*/
#cartBtn, #rePay, #listBtn { clear:both; margin:20px 10px;}
#payBtn { margin:20px 10px; display:none;}
#cartBtn p, #payBtn p, #rePay p, #registBtn p{cursor:pointer; font-size:1.2em; font-weight:bold; width:100%;text-align:center; height:30px; padding:10px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; border:1px solid #d75982; border-radius:2px;-webkit-border-radius:2px;background-color:#fe739b; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d));}
#listBtn p{cursor:pointer; font-size:1.0em; font-weight:bold; width:100%;text-align:center; height:22px; padding:8px 0 0 0px; color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#nextBtn p{cursor:pointer; font-size:1.2em; font-weight:bold; width:100%;text-align:center; height:30px; padding:10px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #ccc; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; border:1px solid #E62763; border-radius:2px;-webkit-border-radius:2px;background-color:#F22867; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d));}
.registBtn{ clear:both; margin:20px 10px 20px 10px;}
.carrBtn{ clear:both; margin:10px 10px 20px 10px;}
.carrBtn2{ clear:both; margin:20px 0 10px 0;}
.carrBtn p, .carrBtn2 p{cursor:pointer; position: relative; font-size:1.0em; font-weight:bold; width:100%;text-align:center; height:26px; color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
.carrBtn p span, .carrBtn2 p span{position:relative; top:2px;}
.cartBtn3 {cursor:pointer; position: relative; font-size:1.0em;font-weight:bold; width:100%;text-align:center; height:22px; padding-top:4px;color:#111; box-shadow:1px 2px 2px #555; -webkit-box-shadow:1px 2px 2px #555; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}

#venBtn p{cursor:pointer; position: relative; margin-top:10px; line-height:1.0em; font-size:1.0em; font-weight:bold; width:100%;text-align:center; height:16px; color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
.venBtn2 { display:block; width:94%;  padding:4px 0 4px 10px; }
.venBtn2 div{ cursor:pointer;margin-top:10px; line-height:2.0em; font-size:1.0em; font-weight:bold; width:100%;text-align:center; height:26px;color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}

#mainBtn{ clear:both; margin:20px 10px;}
#mainBtn p{cursor:pointer; font-size:1.2em; font-weight:bold; width:100%;text-align:center; height:30px; padding:10px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border-radius:2px;-webkit-border-radius:2px;background-color:#333; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(0.5, #555), color-stop(0.51, #333), color-stop(1, #555));}


/* cartHelp*/
#cartHelp{ margin:20px 10px;}
#cartHelp p{width:100%; padding:10px 0; text-align:center; }

/* noContent */
#noContent{ margin:120px 10px; clear:both;}
#noContent p{width:calc(100% - 5px); padding:50px 0; text-align:center; border:1px solid #ccc; background-color:#efefef; border-radius:2px;-webkit-border-radius:2px;box-shadow: 2px 2px 2px #e3e3e3; -webkit-box-shadow: 2px 2px 2px #e3e3e3; }

/* orderForm */
#orderForm{clear:both; position: relative; margin:0 0 20px 0; }
#orderForm li{border-bottom:1px solid #ccc; min-height:40px; line-height:35px;padding:0; background: url('img/common/icon_up_down.png') no-repeat 98% -15px; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#orderForm li:nth-child(1){border-bottom:1px solid #ccc; min-height:40px; line-height:35px;padding:0; background: url('img/common/icon_up_down.png') no-repeat 98% 15px; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#orderForm li.title {font-weight:bold; font-size:1.2em; cursor:pointer; padding-left:14px; }
#orderForm li.title2 {font-weight:bold; font-size:1.2em; padding-left:14px; background: url('')}
#orderForm .title2 p{cursor:pointer; position:relative;text-align:center;margin:7px 0 0 0;  font-weight:bold; width:98%; height:24px; margin-bottom:10px;padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#orderForm .title2 p span{position:relative; top:-6px; font-size:12px;}

#orderForm li.cartList{display:none; cursor:normal; background:url();  background-color:#efefef; padding:14px; line-height:1.5em; }
#orderForm li.cartList .cartListbox .cartInfo{margin: 0 0 0 30px; }
#orderForm li.cartList .cartCheck{position: absolute; top:10px; left:10px; }
#orderForm li.orderInfo, #orderForm li.orderCarr, #orderForm li.orderCash {display:block; cursor:normal; background:url();  background-color:#efefef; padding:14px; }
#orderForm li.cartSum {display:block; cursor:normal; background:url();  background-color:#efefef; }
#orderForm li.cartList .orderForm{position: relative; margin:10px 0}
#orderForm li.cartSum .orderForm{position: relative; margin:0}
#orderForm li.cartSum { padding:0;}
#orderForm li.cartSum fieldset{padding:10px 0 10px 14px;}
#orderForm li.cartSum select{display:inline-block; height:27px; margin:0px; padding:2px 50px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #bbb;border-radius:2px;-webkit-border-radius:2px;background:#f6f6f6 url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}
#orderForm li.cartSum .orderSale dt{overflow:hidden;float:left;width:130px;height:30px;font-size:1.0em;color:#222}
#orderForm li.cartSum .orderSale dt.inputs {width:80px;}
#orderForm li.cartSum .orderSale dd{overflow:hidden;}
#orderForm li.cartSum .orderSale dd li{float:left; width:45%; line-height:1.4em; background:url(); border:0;text-align:right; box-shadow:0px 0px 0px #efefef; -webkit-box-shadow:0px 0px 0px #efefef;}
#orderForm li.cartSum .orderSale dd li:nth-child(1) input{text-align:right; padding:0 6px; border:1px solid #999; width:92%; border-radius:2px;-webkit-border-radius:2px; height:24px; }
#orderForm li.cartSum .orderSale dd li:nth-child(2){width:8%; text-align:left; padding-left:6px;}
#orderForm li.cartSum .orderSale dd li:nth-child(3){width:43%; margin-top:5px; line-height:1.2em;}
#orderForm li.cartSum .orderSale dd li p{position:relative; cursor:pointer;font-size:1em;text-align:center; font-weight:bold; width:90%; height:24px; padding:0; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333));}
#orderForm li.cartSum .orderSale dd li p span{position:relative; top:3px; }
#orderForm li.cartSum .orderSale dd textarea{ font-size:1em; padding:0; border:1px solid #999; width:90%; border-radius:2px;-webkit-border-radius:2px; }
#orderForm li.cartSum .orderSale dd input{ font-size:1.0em; border:1px solid #999; width:70%; border-radius:2px;-webkit-border-radius:2px; height:24px; }
#orderForm li.cartSum #carrAdd1, #orderForm li.cartSum #carrAdd2 {display:none;}
#orderForm li .orderInput dt{overflow:hidden;clear:both;float:left;width:80px;height:30px;font-size:1.0em;color:#222}
#orderForm li .orderInput dd{overflow:hidden;}
#orderForm li .orderInput dd input{ font-size:1.0em; border:1px solid #999; width:100%; border-radius:2px;-webkit-border-radius:2px; height:24px; }
#orderForm li .orderInput dd input.names{ width:99%; margin-bottom:10px;}
#orderForm li .orderInput dd textarea{ font-size:1em; padding:0; border:1px solid #999; width:100%; border-radius:2px;-webkit-border-radius:2px; }
#orderForm li .orderInput dd textarea.names{ width:99%; margin-top:10px;}
#orderForm li .orderInput dd select{display:inline-block; height:24px; width:100%; margin:0px; padding:2px 30px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #999;border-radius:2px;-webkit-border-radius:2px;background:#fff url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}
#orderForm li .orderInput dd select.names{ width:99%; margin-bottom:10px;}
#orderForm li .orderInput dd li{float:left; width:30%; background:url(); border:0;}
#orderForm li .orderInput dd li:nth-child(2), #orderForm li .orderInput dd li:nth-child(4){width:4.5%; text-align:center}
#orderForm li .orderInput dd li p{cursor:pointer; position:relative;text-align:center;margin:5px 0 0 0; font-size:1em; font-weight:bold; width:100%; height:24px; padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#orderForm li .orderInput dd li p span{position:relative; top:-6px; }
#orderForm li.orderCash li{float:left; width:33.3%; text-align:center; background:url(); border:0; color:#222}
#orderForm li.orderCash li p{cursor:pointer; border:1px solid #aaa; padding-top:22px; width:100%; background-color:#fff; height:44px; line-height:1.8em;}
#orderForm li.orderCash li:first-child p{border:1px solid #aaa; width:100%; border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;}
#orderForm li.orderCash li:last-child p{border:1px solid #aaa; width:100%; border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;}
#orderForm li.orderCash .bankSelect {clear:both; padding:20px 0; display:none;}
#orderForm li.orderCash .vbankSelect {clear:both; padding:20px 0; display:none;}
#orderForm li.orderCash .vbankSelect p{cursor:pointer; position:relative;text-align:center;margin:7px 0 0 0;  font-weight:bold; width:99%; height:34px; padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#orderForm li.orderCash .vbankSelect p span{position:relative; top:0px; font-size:12px;}
#orderForm #secBank2 p{cursor:pointer; position:relative;text-align:center;margin:0 0 0 0;  font-weight:bold; width:98%; height:24px; padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#orderForm #secBank2 p span{position:relative; top:-6px; font-size:12px;}

#orderForm li.orderCash .cardInfo {clear:both; padding:20px 0; display:none;}
#orderForm li.orderCash .storeInfo {clear:both; padding:20px 0; display:none;}
#orderForm li.orderCash table {text-align:center; width:95%; margin-left:10px; }
#orderForm li.orderCash table th{ background-color:#efefef; border:1px solid #ccc; padding:10px 0; text-align:center; font-size:1.1em}
#orderForm li.orderCash table td{ background-color:#fff; border:1px solid #ccc; border-left:0; padding:10px 0; text-align:left; padding-left:10px; font-size:1.1em}

#carrType1, #carrType2, #carrType3 { position:relative;top:-10px;width:98%;min-height:130px; border:1px solid #999;border-top:0;background-color:#fff; display:none; }
#img_up2 input { position: absolute;  top: 0px;padding:20px 0;  right: 0;  margin: 0;  opacity: 0;  -ms-filter: 'alpha(opacity=0.0)';  font-size:200px !important;  direction: ltr;  cursor: pointer; }
#img_up1 {float:left; width:70%; text-align:center; display:none; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; line-height:22px;;}
#img_up3 {display:none; }
#carrType1 .img_up1, #carrType2 .img_up1, #carrType3 .img_up1 { width:100%; margin-top:10px; background-color:#595959; height:53px;text-align:center; overflow:hidden; position:relative; }
#carrType1 .img_up2 { float:right;padding:0px;text-align:center;width:30%; height:90px; overflow:hidden; position:relative;}

#img_change { width:100%; margin-top:10px; background-color:#595959; height:43px;text-align:center; overflow:hidden; position:relative; }
#img_change input { position: absolute;  top: 0;  right: 0;  margin: 0;  opacity: 0;  -ms-filter: 'alpha(opacity=0.0)';  font-size:200px !important;  direction: ltr;  cursor: pointer; }

/* cardPay */
#cardPay {margin:20px 10px;}
#cardPay p{width:100%; padding:50px 0; text-align:center; border:1px solid #ccc; background-color:#efefef; border-radius:2px;-webkit-border-radius:2px;box-shadow: 2px 2px 2px #e3e3e3; -webkit-box-shadow: 2px 2px 2px #e3e3e3; }
#cardPay #rePay { display:none; }

/* zipcode */
#zipcode {padding:30px;}
#zipcode h1{ font: bold; font-size:1.2em; color: #444; float:left; }
#zipcode .checkLabel { display:inline-block; font-size:1.0em; color:#444; padding-left:4px; }
#zipcode fieldset{position: relative;padding:20px 0;box-shadow:none;-webkit-box-shadow:none;}
#zipcode fieldset li{float:left; width:65%; text-align:left; }
#zipcode fieldset li:nth-child(2), #zipcode fieldset li:nth-child(3){width:15%; padding-left:6px;}
#zipcode fieldset label input[type='text']{width:98%;height:24px;text-indent:0; border-bottom:dashed 1px #999; background-color:transparent; }
#zipcode fieldset label input[type='text']:focus{border-bottom:dashed 1px #333333;}
#zipcode fieldset li button.btn{color:#fff; font-weight:bold; font-size:1.0em;top:0px; right:0px;width:100%; height:24px; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333)); }
#zipcode fieldset li:nth-child(3) button.btn{box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #999;  background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(0.5, #b5b5b5), color-stop(0.51, #979797), color-stop(1, #979797));}
#zipcode fieldset.inputs li{float:left; width:46%; text-align:left; height:40px; }
#zipcode fieldset.inputs li:nth-child(2){width:4%; text-align:center; }
#zipcode fieldset.inputs li input, #zipcode fieldset.inputs p input{ padding:0; border:1px solid #999; width:98%; border-radius:2px;-webkit-border-radius:2px; height:24px;}
#zipcode fieldset.inputs p{clear:both; margin-top:10px;}
#zipcode .zipcodeList{ margin:0 0 20px 0}
#zipcode .zipcodeList li {position:relative; border-bottom:1px solid #ccc; height:40px; padding-top:10px; }
#zipcode .zipcodeList li p:nth-child(3){cursor:pointer; position:absolute;text-align:center;top:10px; right:1px; color:#fff; font-weight:bold; font-size:1.0em;min-width:60px; padding-top:8px; height:27px; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; border:1px solid #d75982; border-radius:2px;-webkit-border-radius:2px;background-color:#fe739b; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d));}
/* #zipcode .zipcodeList li p span{position:absolute; top:8px; left:8px;}*/
#zipcode ul.btn{margin:0 0 20px 0}
#zipcode ul.btn li{float:left; width:47%; text-align:center;}
#zipcode ul.btn li:nth-child(2){width:4%}
#zipcode ul.btn li:nth-child(1) p{cursor:pointer; font-size:1em; font-weight:bold; width:100%; height:26px; padding:5px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333));}
#zipcode ul.btn li:nth-child(3) p{cursor:pointer; font-size:1em; font-weight:bold; width:100%; height:26px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}

/* login */
#login{position: relative; margin:40px 10px 0 10px;  }
#login p{text-align:center; font-size:1.2em; color:#333; }
#login .loginForm{margin:20px 0; width:100%; box-shadow:2px 2px 3px #d4d4d4; -webkit-box-shadow:2px 2px 3px #d4d4d4; border:1px solid #aaa; border-radius:3px;-webkit-border-radius:3px; background-color:#efefef; }
#login .loginForm fieldset{position: relative;padding:20px;box-shadow:none;-webkit-box-shadow:none;}
#login .loginForm fieldset div {margin:0 100px 0 0}
#login .loginForm fieldset label input[type='text'], #login .loginForm fieldset label input[type='password']{width:98%;height:40px;padding-left:2%; text-indent:0; border-bottom:dashed 1px #999; background-color:transparent; }
#login .loginForm fieldset label input[type='text']:focus, #login .loginForm fieldset label input[type='password']:focus{border-bottom:dashed 1px #333333;}
#login .loginForm fieldset div span {position:absolute; text-align:center; background-color:#efefef; color:#fff; top:22px; right:20px; width:100px; height:82px;  }
#login .loginForm fieldset div span .btn{position:absolute;color:#fff; font-weight:bold; font-size:1.4em;top:0px; right:0px;width:80px; height:80px; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333)); }
#login .loginForm fieldset p{margin:20px 20px 0 0;}
#login .help{ margin:30px 0; color:#aaa; text-align:center; }
#login .guestBtn{ clear:both; margin:20px 0px;}
#login .guestBtn p{cursor:pointer; font-size:1.2em; font-weight:bold; width:100%;text-align:center; height:22px; padding:8px 0 0 0px; color:#111; box-shadow:1px 2px 2px #ccc; -webkit-box-shadow:1px 2px 2px #cccccc; border:1px solid #ccc; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #ffffff), color-stop(1, #ffffff));}
#login ul{display:block;;margin:30px 0; height:34px;  }
#login li{float:left; width:48%; text-align:center;}
#login li:nth-child(2){width:4%}
#login li:nth-child(1) p{font-size:1em; font-weight:bold; width:100%; height:26px; padding:7px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #ccc; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; border:1px solid #E62763; border-radius:2px;-webkit-border-radius:2px;background-color:#F22867; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d));}
#login li:nth-child(3) p{font-size:1em; font-weight:bold; width:100%; height:26px; padding:7px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#login li p.active {cursor:pointer; }


/* cscenter */
#cscenter .cscenterHelp { padding:20px 10px; box-shadow:2px 2px 3px #d4d4d4; -webkit-box-shadow:2px 2px 3px #d4d4d4; border-bottom:1px solid #aaa; }
#cscenter .recentNotice { }
#cscenter .recentNotice h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#cscenter .recentNotice li{border-bottom:1px solid #aaa; min-height:40px; line-height:35px; padding:0 14px 0 14px; background: url('img/common/icon_next.png') no-repeat 98% 50%; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#cscenter .recentNotice li.title {font-weight:bold; font-size:1.2em; cursor:pointer; padding-left:14px; color:#222; }
#cscenter .recentNotice li.sub { padding:0;background: url(); border:0;}
#cscenter .recentNotice li.sub li{position:relative; border-bottom:1px solid #dadada; min-height:35px; line-height:35px; cursor:pointer; padding:0 70px 0 14px; background: url()}
#cscenter .recentNotice li.sub li span{position:absolute; right:10px; top:2px; font-size:0.9em; color:#999; }
#cscenter .recentNotice li.sub li:last-child{border-bottom:1px solid #aaa; box-shadow:2px 2px 3px #d4d4d4; -webkit-box-shadow:2px 2px 3px #d4d4d4; }
#cscenter .cscenterInfo { margin:20px 10px 20px 10px; }
#cscenter .cscenterInfo h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#cscenter .cscenterInfo div {width:100%; padding:0 0 20px 0; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #aaa; border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0; background-color:#efefef; }
#cscenter .cscenterInfo div h3{padding:20px 0 8px 20px; color:#222 }
#cscenter .cscenterInfo div p{padding:4px 0 0 20px }
#cscenter .cscenterInfo div p span{width:60px; color:#666; display:inline-block; }
#cscenter .cscenterInfo div p em{padding-left:10px; color:#222; display:inline-block; }

/* documents */
#documents { margin:20px; 10px; color:#666; font-size:0.9em; font-weight:1.4em;  }

/* boardList */
#boardList { margin-bottom:20px;}
#boardList h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#boardList li{border-bottom:1px solid #aaa; color:#222; min-height:40px; line-height:24px;cursor:pointer; padding:6px 14px; background: url('img/common/icon_next.png') no-repeat 98% 50%; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#boardList li span{color:#aaa; font-size:1em; display:inline-block;padding-right:5px; }
#boardList li em{color:#666; font-size:0.9em; display:block; }

#boardSelect{position: relative; background:#fafafa; padding:10px 10px 10px 10px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; }
#boardSelect h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#boardSelect select{display:inline-block; width:100%; height:30px; padding:5px 50px 5px 10px; color:#333; border:1px solid #bbb;border-radius:2px;-webkit-border-radius:2px;background:#f6f6f6 url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:36px auto;-webkit-background-size:36px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}

#boardSearch{position: relative; background:#fafafa; padding:20px 10px 10px 10px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; }
#boardSearchForm{overflow:hidden;position: relative; margin: 0 10px; padding: 0 80px 10px 0; height: 38px; background: url('img/common/bg_search_board.png'), url('img/common/bg_search_board.png'), url('img/common/bg_search_board.png'); background-repeat: no-repeat, no-repeat, repeat-x; background-position: left 0, right -50px, 0 -100px; background-size: 50px 200px, 50px 200px, 50px 200px; -webkit-background-size: 50px 200px, 50px 200px, 50px 200px;}
#boardSearchForm .target{display: none;}
#boardSearchForm .target .active{display: block;}
#boardSearchForm input{border: 0 none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
#boardSearchForm input[type="text"],
#boardSearchForm input[type="search"]{position: relative; left: 15px; top: 5px; width: 100%; height: 30px; line-height: normal; font-size: 1.2em; background-color: transparent; -webkit-border-radius: 0; box-shadow: inset 0 0 0 #969696; vertical-align: middle;}
#boardSearchForm input[type="search"]::-webkit-input-placeholder  {}
#boardSearchForm input[type="submit"],
#boardSearchForm input[type="button"]{position: absolute; right: 0; top: 0; overflow: hidden; width: 40px; height: 40px; text-indent: -999em; background: url('img/common/bg_search_board.png') no-repeat right -150px; background-size: 50px 200px; -webkit-background-size: 50px 200px; cursor: pointer;}


/* boardView */
#boardView { margin-bottom:20px;}
#boardView h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#boardView .boardTitle { color:#222; font-size:1.2em; padding:10px 14px; line-height:1.6em; box-shadow:0px 1px 2px #e3e3e3; -webkit-box-shadow:0px 1px 2px #e3e3e3; border-bottom:1px solid #aaa; }
#boardView .boardTitle em { color:#999; font-size:0.9em }
#boardView .boardContent { color:#666; font-size:1.0em; padding:20px 14px;  box-shadow:0px 1px 2px #e3e3e3; -webkit-box-shadow:0px 1px 2px #e3e3e3; border-bottom:1px solid #aaa; }
/* #boardView .boardContent img{width:100%; height:auto}*/
#boardView .boardMemo {margin:0 10px; }
#boardView .boardMemo li{border-bottom:1px solid #ccc; color:#666; line-height:1.4em; padding:6px 10px; border-bottom:1px solid #dadada; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#boardView .boardMemo li span, #boardView .boardMemo li em { color:#999; font-size:0.9em; }
#boardView .boardMemo2 { color:#666; font-size:1.0em; padding:20px 14px;  box-shadow:0px 1px 2px #e3e3e3; -webkit-box-shadow:0px 1px 2px #e3e3e3; border-bottom:1px solid #aaa; }
#boardView .boardMemo2 li span, #boardView .boardMemo2 li em { color:#999; font-size:0.9em; } .boardMemo2 li p{ padding-top:8px; }
#boardView .boardPrev { clear:both; margin:10px 0; height:30px; line-height:25px;  border-bottom:1px solid #dadada; padding:0 0 0 20px; background: url('img/common/icon_up_down.png') no-repeat 5px -22px; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa; }
#boardView .boardNext { clear:both; margin:10px 0; height:30px; line-height:25px;  border-bottom:1px solid #dadada; padding:0 0 0 20px; background: url('img/common/icon_up_down.png') no-repeat 5px 7px; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa; }
#boardView .boardPrev span, #boardView .boardNext span { display:inline-block; padding:0 10px 0 0}
.boardBox ul{display:block;;margin:10px; height:34px;  }
.boardBox li{float:left; width:48%; text-align:center;}
.boardBox li:nth-child(2){width:4%}
.boardBox li:nth-child(1) p{font-size:1.1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #ccc; -webkit-box-shadow:1px 2px 2px #ccc; border:1px solid #898B8C; border-radius:2px;-webkit-border-radius:2px;background-color:#8E9091; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8E9091), color-stop(0.5, #8E9091), color-stop(0.51, #8E9091), color-stop(1, #8E9091));}
.boardBox li:nth-child(3) p{font-size:1.1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #ccc; -webkit-box-shadow:1px 2px 2px #ccc; border:1px solid #ccc; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #ffffff), color-stop(1, #ffffff));}
.boardBox li p.active {cursor:pointer; }


/* comForm */
#comForm{overflow:hidden; position: relative; width: 98%;margin: 0 auto; padding: 0px; height: 100px; background: url('img/common/bg_comment.png'), url('img/common/bg_comment.png'), url('img/common/bg_comment.png'); background-repeat: no-repeat, no-repeat, repeat-x; background-position: left 0, right -103px, 0 -206px; background-size: 100px 400px, 100px 400px, 100px 400px; -webkit-background-size: 100px 400px, 100px 400px, 100px 400px;}
#comForm .target{display: none;}
#comForm .target .active{display: block;}
#comForm textarea{border: 0 none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; position: relative; float:left; text-align:left; left: 15px; top: 10px; height: 60px; line-height: normal; font-size: 1.2em; background-color: transparent; -webkit-border-radius: 0; box-shadow: inset 0 0 0 #969696; vertical-align: middle;}
#comForm input[type="submit"],
#comForm input[type="button"]{position: absolute; right: 0; top: 0; overflow: hidden; width: 90px; height: 90px; text-indent: -999em; background: url('img/common/bg_comment.png') no-repeat right -314px; background-size: 100px 400px; -webkit-background-size: 100px 400px; cursor: pointer;}


/* boardWrite */
#boardWrite { margin-bottom:20px;}
#boardWrite h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#boardWrite li{border-bottom:1px solid #ccc; min-height:40px; line-height:35px;padding:0; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#boardWrite li.title {font-weight:bold; font-size:1.2em; cursor:pointer; padding-left:14px; }
#boardWrite li.boardInfo {display:block; cursor:normal; background:url();  background-color:#efefef; padding:14px; }
#boardWrite li .boardInput dt{overflow:hidden;clear:both;float:left;width:100px;height:30px;font-size:1.0em;color:#222}
#boardWrite li .boardInput dd{overflow:hidden;}
#boardWrite li .boardInput dd.inputs {padding-top:6px;}
#boardWrite li .boardInput dd input{ font-size:1.0em; border:1px solid #999; width:100%; border-radius:2px;-webkit-border-radius:2px; height:24px; }
#boardWrite li .boardInput dd input.names{ width:99%; margin-bottom:10px;}
#boardWrite li .boardInput dd textarea{ font-size:1em; padding:0; border:1px solid #999; width:100%; border-radius:2px;-webkit-border-radius:2px; }
#boardWrite li .boardInput dd textarea.names{ width:99%; margin-top:10px;}
#boardWrite li .boardInput dd select{display:inline-block; height:24px; width:100%; margin:0px; padding:2px 30px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #999;border-radius:2px;-webkit-border-radius:2px;background:#fff url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default; }
#boardWrite li .boardInput dd select.names{ width:99%; margin-bottom:10px;}
#boardWrite li .boardInput dd li{float:left; width:30%; background:url(); border:0;}
#boardWrite li .boardInput dd li:nth-child(2), #boardWrite li .boardInput dd li:nth-child(4){width:4.5%; text-align:center}
#boardWrite li .boardInput dd li p{cursor:pointer; position:relative;text-align:center;margin:5px 0 0 0; font-size:1em; font-weight:bold; width:100%; height:24px; padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa)); }
#boardWrite li .boardInput dd li p span{position:relative; top:-6px; }
#boardWrite .checkLabel { display:inline-block; font-size:1.0em; color:#444; padding-left:4px; }

/* myPage */
#myPage{clear:both; position: relative; margin:10px 0 20px 0; }
#myPage li{font-weight:bold; font-size:1.2em; cursor:pointer; padding:0 0 0 14px;  border-bottom:1px solid #ccc; min-height:40px; line-height:35px; background: url('img/common/icon_next.png') no-repeat 98% 50%; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}

/* myOrder */
#myOrder{clear:both; position: relative; margin:0 0 20px 0; }
#myOrder h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#myOrder li{border-bottom:1px solid #ccc; min-height:40px; line-height:35px;padding:0; background: url('img/common/icon_next.png') no-repeat 98% 50%; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#myOrder li.title{ font-size:1.0em; cursor:pointer; padding-left:14px; }
#myOrder li.title em:nth-child(1){display:inline-block;font-weight:bold; font-size:1.2em; padding-right:10px; color:#222}
#myOrder li.detail{background:url(); background-color:#efefef; padding:0 14px 10px 14px}
#myOrder li.detail p{font-size:1em; color:#444; line-height:1.4em; padding:10px 0 6px 0; }
#myOrder li.detail table{width:100%; margin:0;}
#myOrder li.detail table tr{height:20px;}
#myOrder li.detail table th{text-align:left;font-weight:normal;color:#999;vertical-align:top;font-size:.9em;}
#myOrder li.detail table td{color:#222;text-align:right;vertical-align:top;font-size:1em;}
#myOrder li.detail div{ margin-top:10px; cursor:pointer; position: relative; font-size:1.0em; font-weight:bold; width:100%;text-align:center; height:26px; color:#111; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#myOrder li.detail div p{ position:relative; top:-4px;}

/* orderListHead */
#orderListHead{position: relative; border-bottom:solid 1px #999; height: 40px; line-height: 33px; background:#fff -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f7f7f7)) no-repeat; box-shadow:0px 1px 3px #d4d4d4; -webkit-box-shadow:0px 1px 3px #d4d4d4; }
#orderListHead h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#orderListHead select{display:inline-block; height:27px; margin:7px; padding:2px 50px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #bbb;border-radius:2px;-webkit-border-radius:2px;background:#f6f6f6 url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}
#orderListHead span{position: absolute; top:0px; right:8px;} 
#orderListHead p{padding:0 0 0 10px; color:#666;}
#orderListHead p em {font-size:1.2em; font-weight:bold; color:#333}

/* myReserve */
#myReserve{position: relative; margin:20px 10px 0 10px; }
#myReserve h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#myReserve .reserveInfoBox{ background-color:#efefef; width:100%; padding:0 0 10px 0; box-shadow:2px 2px 2px #efefef; -webkit-box-shadow:2px 2px 2px #efefef; border:1px solid #ccc; border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0; }
#myReserve .reserveInfoBox p{ position:relative; padding:10px 0 0 20px; color:#222; font-size:1.2em; font-weight:bold;}
#myReserve .reserveInfoBox p:nth-child(2){ color:#555}
#myReserve .reserveInfoBox p span{ position:absolute; right:10px; }
#myReserve table{width:100%; margin:20px 0;}
#myReserve table tr{height:40px; border:1px solid #ccc;}
#myReserve table th{text-align:center;font-weight:bold;color:#222;vertical-align:top;font-size:1em;padding-top:8px; background-color:#efefef }
#myReserve table td:nth-child(1){padding:10px; color:#222; text-align:left; vertical-align:top; font-size:.9em;}
#myReserve table td:nth-child(1) p{font-size:.85em; color:#666; }
#myReserve table td:nth-child(2){text-align:center;}
#myReserve table td:nth-child(3){text-align:center; font-size:.9em;}

/* myCoupon */
#myCoupon{position: relative; margin:20px 10px 0 10px; }
#myCoupon h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#myCoupon .couponInfoBox{ background-color:#efefef; width:100%; padding:0 0 10px 0; box-shadow:2px 2px 2px #efefef; -webkit-box-shadow:2px 2px 2px #efefef; border:1px solid #ccc; border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0; }
#myCoupon .couponInfoBox p{ position:relative; padding:10px 0 0 20px; color:#555; font-size:1.2em; font-weight:bold;}
#myCoupon .couponInfoBox p span{ position:absolute; right:10px; }
#myCoupon table{width:100%; margin:20px 0;}
#myCoupon table tr{height:40px; border:1px solid #ccc;}
#myCoupon table th{text-align:center;font-weight:bold;color:#222;vertical-align:top;font-size:1em;padding-top:8px; background-color:#efefef }
#myCoupon table td:nth-child(1){padding:10px; color:#222; text-align:left; vertical-align:top; font-size:.9em;}
#myCoupon table td:nth-child(1) p{font-size:1em; color:#666; }
#myCoupon table td:nth-child(2){text-align:center;font-size:.9em; }
#myCoupon table td:nth-child(2) em{display:block;padding:0 0 2px 0;font-size:1.2em; color:#555;font-weight:bold; }
#myCoupon table td:nth-child(3){text-align:center; font-size:.9em;}

/* contentMore */
#contentMore{clear:both; margin:0 12px 20px 12px;background:#efefef;display:none;}
#contentMore ul{overflow:hidden;margin:0;padding:10px 10px;border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 1px 0 #eee;-webkit-box-shadow:0 1px 0 #eee;}
#contentMore ul:after{display:block;overflow:hidden;clear:both;content:''}
#contentMore li{float:left; width:25%; padding:0; margin:0}
#contentMore li:nth-child(2){width:50%;}
#contentMore li em{color:#222; font-size:1.1em;}
#contentMore li em:nth-child(1){color:#222; font-size:1.1em; font-weight:bold;}
#contentMore li a.btn_more_back img{width:15px;}
#contentMore li a.btn_more_top img{height:15px;}
#contentMore li:nth-child(2) {text-align:center;}
#contentMore li:nth-child(3) {text-align:right;}

/* couponInfo */
#couponInfo {margin:20px 0 0 20px;}
#couponInfo h1{font: bold; font-size:1.2em; color: #444; }
#couponInfo table{width:100%; margin:20px 0 0 0;}
#couponInfo table tr{height:30px;}
#couponInfo table th{padding-left:10px;text-align:left;font-weight:normal;color:#666;vertical-align:top;}
#couponInfo table td{color:#222;vertical-align:top;}
#couponInfo ul{display:block;;margin:10px; height:34px;  }
#couponInfo li{float:left; width:48%; text-align:center;}
#couponInfo li:nth-child(2){width:4%}
#couponInfo li:nth-child(1) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #d75982; border-radius:2px;-webkit-border-radius:2px; background-color:#e1557d; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d));}
#couponInfo li:nth-child(3) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#couponInfo li p.active {cursor:pointer; }

/* couponUse */
#couponUse {margin:20px 0 0 20px;}
#couponUse h1{font: bold; font-size:1.2em; color: #444; }
#couponUse table{width:100%; margin:10px 0 20px 0;}
#couponUse table tr{height:30px; }
#couponUse table th{padding-left:10px;text-align:left;font-weight:normal;color:#666;vertical-align:top;}
#couponUse table td{color:#222;vertical-align:top;}
#couponUse table td div{border:1px solid #bbb; background-color:#efefef; margin-bottom:10px; padding:8px; font-size:.95em; line-height:1.4em; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4;}
#couponUse table td span{font-weight:bold}
#couponUse table td.right{text-align:right; padding-right:10px;}
#couponUse ul{display:block;;margin:10px; height:34px;  }
#couponUse li{float:left; width:48%; text-align:center;}
#couponUse li:nth-child(2){width:4%}
#couponUse li:nth-child(1) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #d75982; border-radius:2px;-webkit-border-radius:2px; background-color:#e1557d; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d));}
#couponUse li:nth-child(3) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#couponUse li p.active {cursor:pointer; }


/* regist */
#regist{pposition: relative; margin:20px 10px 30px 10px; }
#regist h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#regist h3{ font: bold; font-size:1.3em; color: #444; }
#regist .commonBox { border:2px solid #f8f8f8; margin:10px 0; margin-bottom:20px; }
#regist .commonBox .joinBox { border:1px solid #ccc;  height:60px; padding:16px; }
#regist .registBox { border:2px solid #f8f8f8; margin:10px 0; }
#regist .registBox .agreeBox { border:1px solid #ccc;  height:114px; padding:8px; }
#regist .registBox .agreeBox .agreeBoxIn { text-align:left; height:104px; overflow:auto; }
#regist .registBox .agreeBox .agreeBoxIn2 { text-align:left; height:104px; font-size:1.2em; line-height:1.4em }
#regist .agreeCheck{ margin-bottom:20px; }
#regist .checkLabel { display:inline-block; font-size:1.0em; color:#444; padding-left:4px; }

/* registForm */
#registForm{clear:both; position: relative; margin:0 0 20px 0; }
#registForm li{border-bottom:1px solid #ccc; min-height:40px; line-height:35px;padding:0; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#registForm li.title {font-weight:bold; font-size:1.2em; cursor:pointer; padding-left:14px; }
#registForm li.basicInfo {display:block; cursor:normal; background:url();  background-color:#efefef; padding:14px; }
#registForm li .registInput dt{overflow:hidden;clear:both;float:left;width:100px;height:30px;font-size:1.0em;color:#222}
#registForm li .registInput dd{overflow:hidden;}
#registForm li .registInput dd input{ font-size:1.0em; border:1px solid #999; width:100%; border-radius:2px;-webkit-border-radius:2px; height:24px; }
#registForm li .registInput dd input.names{ width:99%; margin-bottom:10px;}
#registForm li .registInput dd textarea{ font-size:1em; padding:0; border:1px solid #999; width:100%; border-radius:2px;-webkit-border-radius:2px; }
#registForm li .registInput dd textarea.names{ width:99%; margin-top:10px;}
#registForm li .registInput dd select{display:inline-block; height:24px; width:100%; margin:0px; padding:2px 30px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #999;border-radius:2px;-webkit-border-radius:2px;background:#fff url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}
#registForm li .registInput dd select.names{ width:99%; margin-bottom:10px;}
#registForm li .registInput dd li{float:left; width:30%; background:url(); border:0;}
#registForm li .registInput dd li:nth-child(2), #registForm li .registInput dd li:nth-child(4){width:4.5%; text-align:center}
#registForm li .registInput dd li p{cursor:pointer; position:relative;text-align:center;margin:5px 0 0 0; font-size:1em; font-weight:bold; width:100%; height:24px; padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#registForm li .registInput dd li p span{position:relative; top:-6px; }
#registForm li .registInput dd li.birth{float:left; width:22%; background:url(); border:0;}
#registForm li .registInput dd li.birth2{float:left; width:4%; background:url(); border:0;}
#registForm li .registInput dd.idCheck li{float:left; width:50%; line-height:1.4em; background:url(); border:0;text-align:right; box-shadow:0px 0px 0px #efefef; -webkit-box-shadow:0px 0px 0px #efefef;}
#registForm li .registInput dd.idCheck li:nth-child(1) input{text-align:left; margin:5px 0 10px 0; }
#registForm li .registInput dd.idCheck li:nth-child(2){width:5%; text-align:left; }
#registForm li .registInput dd.idCheck li:nth-child(3){width:45%; line-height:1.2em;}
#registForm li .registInput dd.idCheck li p{position:relative; cursor:pointer;font-size:1em;text-align:center; font-weight:bold; width:97%; height:24px; padding:0; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333));}
#registForm li .registInput dd.idCheck li p span{position:relative; top:3px; }
#registForm li .registInput dd.hides { display:none;padding-top:20px; font-size:1.0em;color:#222 }
#registForm li .registInput dd.hides span{ font-size:1.1em; font-weight:bold; }


/* listHead */
#listHead{position: relative; border-bottom:solid 1px #999; height: min-40px; line-height: 33px; background:#fff -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f7f7f7)) no-repeat; box-shadow:0px 1px 3px #d4d4d4; -webkit-box-shadow:0px 1px 3px #d4d4d4; }
#listHead h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#listHead select{display:inline-block; height:27px; margin:7px 1px 7px 7px; padding:2px 36px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #bbb;border-radius:2px;-webkit-border-radius:2px;background:#f6f6f6 url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}

#eventList{background:#fff; min-height:120px; margin:10px 0 20px 0;}
#specialList{background:#fff; min-height:120px; margin:10px 0 20px 0;}
#brandList{background:#fff; min-height:120px; margin:10px 0 20px 0;}
#vendorList{background:#fff; min-height:120px; margin:10px 0 20px 0;}
.imgListMulti li{float: left; padding: 10px 0; min-width:140px; width:50%; }
.imgListMulti2 li{float: left; padding: 10px 0; min-width:140px; width:25%; }
.imgListMulti .thumbnail { margin:0 10px; width:140px; overflow: hidden; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
.imgListMulti2 .thumbnail { margin:0 4px; width:140px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
.imgListMulti .thumbnail img{display: block; margin: 0; width: 140px; } 
.imgListMulti2 .thumbnail img{display: block; margin: 0; width: 140px;}
.imgListMulti .item_info { display: block; width:140px; padding-top:10px; }
.imgListMulti2 .item_info { display: block; width:140px; padding-top:10px; }
.imgListMulti .item_info .names{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; }
.imgListMulti2 .item_info .names{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; }
.imgListMulti .boxImg, .imgListMulti2 .boxImg { width:140px; height:140px ; background-color:#f3f3f3} 

.imgListMulti3 li{float: left; padding: 10px 0; min-width:280px; width:100%; }
.imgListMulti4 li{float: left; padding: 10px 0; min-width:280px; width:50%; }
.imgListMulti3 .vendorBox { padding:10px; width:260px; box-shadow:2px 2px 3px #d4d4d4; -webkit-box-shadow:2px 2px 3px #d4d4d4; border:1px solid #ccc; }
.imgListMulti4 .vendorBox { padding:10px; width:260px; box-shadow:2px 2px 3px #d4d4d4; -webkit-box-shadow:2px 2px 3px #d4d4d4; border:1px solid #ccc; }
.imgListMulti3 .vthumbnail { width:260px; overflow: hidden; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
.imgListMulti4 .vthumbnail { width:260px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
.imgListMulti3 .vthumbnail img { width:260px; background-color:#f3f3f3} 
.imgListMulti4 .vthumbnail img { width:260px; background-color:#f3f3f3} 
.imgListMulti3 .thumbnail { margin:0 10px; width:280px; overflow: hidden; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
.imgListMulti4 .thumbnail { margin:0 4px; width:280px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
.imgListMulti3 .thumbnail img{display: block; margin: 0; width: 280px; } 
.imgListMulti4 .thumbnail img{display: block; margin: 0; width: 280px;}
.imgListMulti3 .item_info { display: block; width:280px; padding-top:10px; }
.imgListMulti4 .item_info { display: block; width:280px; padding-top:10px; }
.imgListMulti3 .item_info .names{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; }
.imgListMulti4 .item_info .names{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; }
.imgListMulti3 .item_info .vnames{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; font-weight:bold; text-align:left; }
.imgListMulti4 .item_info .vnames{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; font-weight:bold; text-align:left; }
.imgListMulti3 .item_detail{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.2em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; text-align:left;}
.imgListMulti4 .item_detail{ margin:0 0 10px 0;line-height: 1.4em; font-size: 1.1em; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434; text-align:left;}
.imgListMulti3 .btns { cursor:pointer; font-size:1em; font-weight:bold; width:260px; height:22px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
.imgListMulti4 .btns { cursor:pointer; font-size:1em; font-weight:bold; width:260px; height:22px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}



/* support */
#support{}
#support h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#support ul{background: #999999 -webkit-gradient(linear, left top, left bottom, from(#969696), to(#7a7a7a)); background: #999999 -moz-linear-gradient(top, #969696, #7a7a7a); background: #999999 -o-linear-gradient(top, #969696, #7a7a7a); background-color: #999999;}
#support ul:after{content: ""; display: block; clear: both; height: 0; width: 0; visibility: hidden;}
#support ul li{text-align:center; font-size: .9em; border-top: 1px solid #7a7a7a; border-bottom: 1px solid #7a7a7a; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}

/* SWIPER2 */
#support .swiper-container2{width:100%;position:relative;overflow:hidden;direction:ltr;margin:0 auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;z-index:1;}
#support .swiper-wrapper{width:2000px;position:relative;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#support .swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;height:100%;}
#support .swiper-slide a{display: block; padding: 10px 8px 8px 13px; height: 15px; font: normal 1.1em/1.1em sans-serif,Zawgyi-One,ZawgyiOne; line-height: 1.1em; text-align: center; color: #fff;}


/* corporation */
#corporation{margin: 10px auto 0 auto; text-align: center; font-size: .85em;}
#corporation h2{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#corporation p{display: inline-block; padding: 0 3px 0 5px; background: url('img/common/common_line.png') no-repeat left 60%; vertical-align: top;}
#corporation p:nth-child(2), #corporation p:nth-child(6){padding: 0 3px 0 0; background: 0 none;}
#corporation p:nth-child(5){display: block;  background: 0 none;}

/* popups */
#popups {z-index:99999; height:auto;position:absolute;top:20px; width:100%; text-align:center;}
#darkLayerPop {z-index: 99997; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000;filter:alpha(opacity=80);opacity:0.8; -moz-opacity:0.8;}

#popupBanner{overflow: hidden; height:500px; padding-top:30px;}
#popupBanner h1{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#popupBanner .slidings{background-color: #transparent; }
#popupBanner .slidings .wrap{position: relative;}
#popupBanner .slidings .wrap:after{content: ""; display: block; clear: both; width: 0; height: 0; visibility: 0;}
#popupBanner .slidings figure figcaption{display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#popupBanner .slidings figure a{display: block; text-align: center;}
#popupBanner .slidings figure img{display: block; margin: 0 auto;  width: 300px; height:400px; }
#popupBanner #xBtn { position:relative;top:-458px; left:118px }
#popupBanner #btnClose { position:relative; left:-142px; cursor:pointer; font-size:1em; font-weight:bold; width:280px; height:22px; padding:5px 0 0 0px; color:#333; box-shadow:1px 1px 1px #333; -webkit-box-shadow:1px 1px 1px #333; border:1px solid #000; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa)); }

/* pagination */
p.paginationPop{overflow: hidden; margin-top: 10px; height: 20px; line-height: 1em; text-align: center;}
p.paginationPop strong,
p.paginationPop span{position: relative; display: inline-block; overflow: hidden; color:#fff; font-size:0.1em; width: 15px; height: 15px; margin: 0; vertical-align: top;}
p.paginationPop strong:after,
p.paginationPop span:after{content: ""; position: absolute; left: 2px; top: 0; display: block; width: 100%; height: 100%; background: url('img/common/bg_pagination.png') no-repeat left top; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto;}
p.paginationPop .active:after{content: ""; position: absolute; left: 2px; top: 0; display: block; width: 100%; height: 100%; background: url('img/common/bg_pagination.png') no-repeat left 110%; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto;}


/* copyright */
#copyright{text-align: center; margin:10px 0 0 0;}

#bankSelect ul { margin:2px;}
#bankSelect ul li { float:left; width:24.5% }
#bankSelect ul li img { width:100% }
#bankSelect ul li:nth-child(1) { border:1px solid #ccc }
#bankSelect ul li:nth-child(2) { border:1px solid #ccc; border-left:0;}
#bankSelect ul li:nth-child(3) { border:1px solid #ccc; border-left:0; }
#bankSelect ul li:nth-child(4) { border:1px solid #ccc; border-left:0; }
#bankSelect ul li:nth-child(5) { border:1px solid #ccc; border-top:0;}
#bankSelect ul li:nth-child(6) { border:1px solid #ccc; border-left:0; border-top:0;}
#bankSelect ul li:nth-child(7) { border:1px solid #ccc; border-left:0; border-top:0;}
#bankSelect ul li:nth-child(8) { border:1px solid #ccc; border-left:0; border-top:0;}
#bankSelect ul li:nth-child(9) { border:1px solid #ccc; border-top:0;}
#bankSelect ul li:nth-child(10) { border:1px solid #ccc; border-left:0; border-top:0;}
#bankSelect ul li:nth-child(11) { border:1px solid #ccc; border-left:0; border-top:0;}
#bankSelect ul li:nth-child(12) { border:1px solid #ccc; border-left:0; border-top:0;}
#bankSelect ul li:nth-child(13) { border:1px solid #ccc; border-top:0;}
#bankSelect ul li:nth-child(14) { border:1px solid #ccc; border-left:0; border-top:0;}
#bankSelect ul li:nth-child(15) { border:1px solid #ccc; border-left:0; border-top:0;}
#bankSelect ul li:nth-child(16) { border:1px solid #ccc; border-left:0; border-top:0;}

/* .main_goods li:nth-child(3n-2){clear: both;}*/


/* footer */
#footer{clear:both; position: relative; margin:0 0 68px; 0; border-top: 1px solid #ccc;}
#footer .top{position: absolute; top: 80px; right: 10px;}
#footer .top a img{width: 40px;}

/* fix_bottom */
#fixBottom{ position: fixed; height:60px; bottom:0; background-color:#f2f2f2; width:100%; border-top:solid 1px #ddd; z-index: 999999}
#fixBottom ul{ padding:8px 8px 8px 8px;}
#fixBottom ul li{float:left; font-size:1.2em;  color:#999; width:25%; text-align: center; }
#fixBottom ul li p { font-size:0.70em; }
#fixBottom ul li .iconCate { cursor:pointer }
#fixBottom ul li .iconSearch { cursor:pointer }
#fixBottom ul li .iconMypage { cursor:pointer }
#fixBottom ul li .ablePoint { position:absolute; top:3px; right:-3px; background-color:#ff0000; width:8px; height:8px; border-radius: 50%; display:none}
#fixBottom ul li .iconToday { cursor:pointer }
#fixBottom ul li .todayGoods { position:absolute; top:3px; left:6px; border:1px solid #999999; background-color:transparent; width:17px; height:17px }
#fixBottom ul li .todayGoods img { width:17px; height:17px; }

/* countryList */
#countryList .menu {position:relative;}
#countryList .menu ul {width:100%;}
#countryList .menu li {position:relative;border-bottom:1px #ccc solid; height:40px; }
#countryList .menu li.country_sub {background-color:#f3f3f3; border-bottom:1px #dfdfdf solid }
#countryList .menu li a {display:block;padding:14px 10px;color:#555;font-size:14px;font-weight:500;}
#countryList .menu li a.sub:after {content:'';display:inline-block;width:15px;height:10px;background:url(./img/common/icon_arrow_sub.png) 50% 50% no-repeat;background-size:100%;position:absolute;top:50%;margin-top:-5px;right:20px;}


#detailTop { background-color:#fff; height:24px; font-size:1em; color:#111; text-align: center; }
/* SWIPER2 */
#detailTop .swiper-container{width:100%;position:relative;overflow:hidden;direction:ltr;margin:0 auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;z-index:1;}
#detailTop .swiper-wrapper{width:2000px;position:relative;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#detailTop .swiper-slide{ float: left; height:20px; }
#detailTop .swiper-slide a{display: block; padding: 3px 8px 0px 13px;  }
#detailTop .on { border-bottom:4px solid #8cd136; }
.dtFixed { position: fixed; top: 0px; z-index:99999; }



#goodsInfo_renew { clear:both; margin-top:0px;}
/* goodsImage */
#goodsInfo_renew #goodsImage{position: relative;overflow:hidden; calc(100%) }
#goodsInfo_renew #goodsImage h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsInfo_renew #goodsImage .swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
    width: 100%;
    height: 100%;
}

#goodsInfo_renew #goodsImage .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

#goodsInfo_renew #goodsImage .swiper-slide {  
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#goodsInfo_renew #goodsImage .swiper-slide img { width:100% }
#goodsInfo_renew #goodsName{position: relative; background-color:#fff; border-bottom:solid 1px #ccc; text-align:center;}
#goodsInfo_renew #goodsName h2{display: block; font-weight:normal; line-height: 1.4em; font-size: 1.4em; padding:10px; color: #222;}


/* TM */
#topMenuTouch { width:100%; background: #efefef; }
#topMenuTouch .swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
    width: 100%;
    height: 100%;
}

#topMenuTouch .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

#topMenuTouch .swiper-slide {  
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  transition-property: transform;	
}


.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.3;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #8cd136;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #8cd136;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}

.btnScale { position:absolute; top:10px; right:10px; z-index:9999; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7;  border:1px solid #808080; padding:3px; background-color:#f9f8f9; border-radius:3px;-webkit-border-radius:3px; cursor:pointer;}
.btnShare { position:absolute; top:48px; right:10px; z-index:9999; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7; border:1px solid #808080; padding:3px; background-color:#f9f8f9; border-radius:3px;-webkit-border-radius:3px; cursor:pointer;}
.scaleAble { position:absolute; top:0px; right:0px; z-index:9999; display:none; width:100%; text-align:center; }
#scaleIframe { width:100%;  background-color:#fff }

#goodsPrice_renew{position: relative; height:42px; padding:20px 10px 20px 10px; border-bottom:1px solid #e8e8e8; }
#goodsPrice_renew h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsPrice_renew span { font-size:1.4em; color:#333; display:inline-block; }
#goodsPrice_renew em { font-size:2.0em; color:#3399cc;font-weight:bold; display:inline-block; }

#detailBtn { position: fixed; bottom: 0px; z-index:99999; background-color:#fff; width:100%; font: normal 1.1em/1.1em sans-serif,Zawgyi-One,ZawgyiOne; font-size:1.2em; text-align:center; }
#detailBtn .btnOrder { float:left; width:calc(65%);height:40px; background-color:#3399cc; color:#fff;  line-height:2.1em; font-size:1.4em;} 
#detailBtn .btnCart { float:left; width:calc(35%); height:34px; background-color:#8cd136; color:#fff; padding-top:6px; } 
.btnBack { position:absolute; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7; top:-34px; left:6px; font-size:1.5em; color:#000; z-index:9999; border:1px solid #aaa; background-color:#f9f8f9; padding:3px; border-radius:3px;-webkit-border-radius:3px; cursor:pointer;}
.btnTop { display:none; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7; position:absolute; top:-34px; right:6px; height:22px; width:22px; color:#000; z-index:9999; border:1px solid #aaa; background-color:#f9f8f9; padding:3px; border-radius:3px;-webkit-border-radius:3px; cursor:pointer;}


/* goodsOpQty */
#goodsOpQty_renew{position: relative; background:#fff; padding:5px 10px 20px 10px; margin-bottom:20px;}
#goodsOpQty_renew h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsOpQty_renew p{color:#111; padding:10px 0 4px}
#goodsOpQty_renew select{display:inline-block; width:100%; height:40px; padding:5px 50px 4px 10px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #bbb;border-radius:2px;-webkit-border-radius:2px;background:#f6f6f6 url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:50px auto;-webkit-background-size:50px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}
#goodsOpQty_renew .tPrice{width:100%; height:30px;margin:20px 0 0 0; padding:10 0 0 0px; color:#333; background-color:#efefef;}
#goodsOpQty_renew .tPrice span:nth-child(1){ padding:0 0 0 20px; line-height: 1.0em; font-size: 1.4em;}
#goodsOpQty_renew .tPrice span:nth-child(2){ float:right; padding:0 20px 0 0; line-height: 1.0em; font-size: 1.3em;}
#goodsOpQty_renew .tPrice span:nth-child(2) em{ font-size: 1.5em; color:#3399cc; font-weight:bold;}
#goodsOpQty_renew ul{display:block;margin:20px 0 0 0; height:38px;  }
#goodsOpQty_renew li{ width:50%; text-align:center;}
#goodsOpQty_renew li:nth-child(1){float:right; width:50% }
#goodsOpQty_renew li:nth-child(2){float:left; width:50%; }
#goodsOpQty_renew li:nth-child(1) p{font-size:1.2em; font-weight:bold; width:100%; height:25px; padding:10px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #d75982; border-radius:2px;-webkit-border-radius:2px;background-color:#e1557d; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe739b), color-stop(0.5, #fe739b), color-stop(0.51, #e1557d), color-stop(1, #e1557d));}
#goodsOpQty_renew li:nth-child(2) p{font-size:1.2em; font-weight:bold; width:96%; height:25px;  padding:10px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333));}
#goodsOpQty_renew li.optionsxx p{font-size:1.2em; font-weight:bold; width:100%; height:25px; padding:10px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(0.5, #b5b5b5), color-stop(0.51, #979797), color-stop(1, #979797));}
#goodsOpQty_renew li p.active {cursor:pointer; }
#goodsOpQty_renew li.options{float:left;width:49%;overflow:hidden; padding:0; margin:0}
#goodsOpQty_renew li.options2{float:left;width:2%;overflow:hidden; padding:0; margin:0}
#goodsOpQty_renew .goodsOpList { clear:both; }
#goodsOpQty_renew .goodsOpList2 { border-top:1px solid #999; display:none; }
#goodsOpQty_renew .goodsOpListDiv { margin:20px 0 0 0; border-bottom:1px solid #eee; }
#goodsOpQty_renew .goodsOpListDiv div:nth-child(2n+1) { clear:both; line-height: 1em; font-size: 1em; color: #000; }
#goodsOpQty_renew .goodsOpListDiv div:nth-child(2n+1) em { float:right; padding-right:10px; }
#goodsOpQty_renew .goodsOpListDiv div:nth-child(2n+2) { clear:both; height:30px; padding-top:10px; border-bottom:1px solid #bbb;}
#goodsOpQty_renew .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+1) { float:left; }
#goodsOpQty_renew .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+2) { float:left; padding:0px 0 0 4px; }
#goodsOpQty_renew .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+2) input{ font-size:1.0em; border:1px solid #999; padding-right:6px; text-align:right; width:30px; border-radius:2px;-webkit-border-radius:2px; height:22px; }
#goodsOpQty_renew .goodsOpListDiv div:nth-child(2n+2) p:nth-child(3n+3) { float:right; padding:2px 10px 0 6px; text-align:right; line-height: 1.0em; font-size: 1.2em; }


/* goodsDetail */
#goodsDetail_renew{position: relative; margin:20px 0px; padding:20px 0; border-top:1px solid #555; border-bottom:1px solid #555; }
#goodsDetail_renew h3{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#goodsDetail_renew .explan { display: block; width:100%; overflow:auto; }
#goodsDetail_renew .explan img {width:100%; height:auto; }


/* goodsMoreInfo */
#goodsMoreInfo_renew{clear:both; position: relative; margin:20px 0 20px 0; border-top:1px solid #aaa;}
#goodsMoreInfo_renew li{border-bottom:1px solid #ccc; min-height:40px; line-height:35px;cursor:pointer; padding:0 14px 0 14px; background: url('img/common/icon_up_down.png') no-repeat 98% 15px; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#goodsMoreInfo_renew li div{display:block; width:100%}
#goodsMoreInfo_renew li span{ font-size: 1.2em; color:#333; font-weight:bold;}
#goodsMoreInfo_renew table{width:100%;}
#goodsMoreInfo_renew tr{height:24px;}
#goodsMoreInfo_renew th{text-align:left;font-weight:normal;color:#999;font-size:0.95em;vertical-align:top;word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; }
#goodsMoreInfo_renew td{color:#333;vertical-align:top;font-size:0.95em;word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; }
#goodsMoreInfo_renew tr.title{text-align:center; font-weight:bold; color:#111; background-color:#fff; border:1px solid #ccc; height:30px; line-height:26px;}
#goodsMoreInfo_renew table tr .pt10{padding:10px 0px;}
#goodsMoreInfo_renew th.title{padding-left:10px;}
#goodsMoreInfo_renew td.title{text-align:right; padding-right:10px;}
#goodsMoreInfo_renew li.goodsBasicDetail, #goodsMoreInfo_renew li.goodsBasicVendor, #goodsMoreInfo_renew li.goodsBasicHelp {display:none; cursor:normal; background:url();  background-color:#efefef; padding:14px; }
#goodsMoreInfo_renew li.goodsBasicRelative{display:none; position:relative; background:url(); background-color:#efefef; overflow:hidden; padding:0; }
#goodsMoreInfo_renew li.goodsBasicRelative li{float: left; padding: 10px 0; height:160px; border:0; min-width:100px; text-align: center; background:url(); box-shadow:0px 0px 0px #efefef; -webkit-box-shadow:0px 0px 0px #efefef;}
#goodsMoreInfo_renew li.goodsBasicRelative .item_box{width:100px; margin: 0 auto; overflow: hidden; text-align: center;}
#goodsMoreInfo_renew li.goodsBasicRelative .thumbnail{display: block; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
#goodsMoreInfo_renew li.goodsBasicRelative .thumbnail img{display: block; margin: 0 auto; width: 100px; height: 100px;}
#goodsMoreInfo_renew li.goodsBasicRelative .item_info .goods{padding-top:4px; line-height: 1.2em; max-height: 28px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; word-break: break-all; color: #343434;}
#goodsMoreInfo_renew li.goodsBasicRelative .item_info .price{padding-top:4px; line-height: 1.2em; font-size: 1em;}
#goodsMoreInfo_renew li.goodsBasicRelative .item_info .price strong{font-size: 1.1em; color: #333;}
#goodsMoreInfo_renew li #relativeGoodsListPagination span{font-size:0.1em; color:#efefef;}


.darkLayer {z-index: 99999; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7; position:absolute; top:0; left:0; display:none; width:100%; height:100%; background-color:#000;}
#shareLayer {display:none; z-index: 999999; border:1px solid #111; width:280px; height:160px; position:fixed; top:calc(50% - 80px); left:calc(50% - 140px); background-color:#fff;  }
#shareLayer .layerTop { height:30px; font-size:1.3em; background-color:#efefef; border-bottom:1px solid #ccc; color:#000 }
#rawLayer {display:none; z-index: 999999; border:1px solid #111; width:320px; height:500px; position:fixed; top:calc(50% - 250px); left:calc(50% - 160px); background-color:#fff;  }
#rawLayer .layerTop { height:30px; font-size:1.3em; background-color:#efefef; border-bottom:1px solid #ccc; color:#000 }
#carrLayer {display:none; z-index: 999999; border:1px solid #111; width:320px; height:320px; position:fixed; top:calc(50% - 160px); left:calc(50% - 160px); background-color:#fff;  }
#carrLayer .layerTop { height:30px; font-size:1.3em; background-color:#efefef; border-bottom:1px solid #ccc; color:#000 }


/* cartList */
#cartList_renew {position: relative; margin:20px 10px }
#cartList_renew h2{ display: block; visibility: hidden; overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; }
#cartList_renew .cartListbox{ position: relative; width:100%; margin: 0 auto; padding:10px 0 0 0px; background-color:#f2f2f2;}
#cartList_renew .cartListbox .cartCheck{position: absolute; top:20px; left:10px; }
#cartList_renew .cartListbox .cartInfo{margin: 10px 0 0 30px; }
#cartList_renew .cartListbox .thumbnail{ float:left; margin:0 10px 20px 10px; width:102px; overflow: hidden; text-align: center; border: 1px solid #efefef; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;*}
#cartList_renew .cartListbox .thumbnail img{ width: 100px; height: 100px;}
#cartList_renew .cartListbox .item_info{ float:left; text-align:left; width:calc(100% - 130px);}
#cartList_renew .cartListbox .item_info p{padding:0 0 4px 0; }
#cartList_renew .cartListbox .goods{margin:4px 10px 0 0;line-height: 1.3em; font-size: 1.2em; color: #111; font-weight:bold; }
#cartList_renew .cartListbox .options{ padding-top:6px; line-height:1.2em}
#cartList_renew .cartListbox .options p{ min-height:18px;}
#cartList_renew .cartListbox .options span:nth-child(2n-2){ color:#111; padding-left:10px;}
#cartList_renew .cartListbox table{width:100%; margin:10px 0;}
#cartList_renew .cartListbox table tr{height:20px;}
#cartList_renew .cartListbox table th{text-align:left;font-weight:normal;color:#999;vertical-align:top;font-size:.9em;}
#cartList_renew .cartListbox table td{padding-right:10px;color:#222;text-align:right;vertical-align:top;font-size:.9em;}
#cartList_renew .cartListbox ul{display:block;;margin:10px; height:34px;  }
#cartList_renew .cartListbox li{float:left; width:48%; text-align:center;}
#cartList_renew .cartListbox li:nth-child(2){width:4%}
#cartList_renew .cartListbox li:nth-child(1) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#979797; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(0.5, #b5b5b5), color-stop(0.51, #979797), color-stop(1, #979797));}
#cartList_renew .cartListbox li:nth-child(3) p{font-size:1em; font-weight:bold; width:100%; height:20px; padding:5px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#cartList_renew .cartListbox li p.active {cursor:pointer; }
#cartList_renew .cartListSum{ width:100%; padding:5px 0; border-top:1px solid #ccc; background-color:#f2f2f2; }
#cartList_renew .cartListSum p{ font-size:1.2em; padding:4px 0 4px 10px;}
#cartList_renew .cartListSum p strong{ color:#333; }
#cartList_renew .cartListSum p span{ font-size:.8em; color:#999}

#cartList_renew .cartListSum table{width:100%; margin:10px 0;}
#cartList_renew .cartListSum table tr{height:20px;}
#cartList_renew .cartListSum table th{text-align:left;font-weight:normal;color:#999;vertical-align:top;font-size:.9em;}
#cartList_renew .cartListSum table td{padding-right:10px;color:#222;text-align:right;vertical-align:top;font-size:.9em;}

#cartList_renew ul{display:block;margin:20px 0; height:34px;  }
#cartList_renew li{float:left; width:48%; text-align:center;}
#cartList_renew li:nth-child(2){width:4%}
#cartList_renew li:nth-child(1) p{font-size:1em; font-weight:bold; width:100%; height:26px; padding:7px 0 0 0px; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333));}
#cartList_renew li:nth-child(3) p{font-size:1em; font-weight:bold; width:100%; height:26px; padding:7px 0 0 0px; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#cartList_renew li p.active {cursor:pointer; }


/* cartSum */
#cartSum_renew{width:100%; margin:20px 0;}
#cartSum_renew table{width:100%; margin:10px 0;}
#cartSum_renew table tr{height:28px;}
#cartSum_renew table th{padding-left:10px;text-align:left;color:#111;vertical-align:top;font-size:1.0em; font-weight:normal;}
#cartSum_renew table td{padding-right:10px;color:#111;text-align:right;vertical-align:top;font-size:1.0em;}
#cartSum_renew table td em{font-size:1.2em; font-weight:bold;}
#cartSum_renew table td strong{font-size:1.4em; font-weight:bold;}


#cartBtn_renew { clear:both; margin:30px 10px;}
#cartBtn_renew p{cursor:pointer; font-size:1.2em; font-weight:bold; width:100%;text-align:center; height:30px; padding:10px 0 0 0px; color:#fff; background-color:#0089e6; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0099ff), color-stop(0.5, #0099ff), color-stop(0.51, #0089e6), color-stop(1, #0089e6));}


/* orderForm */
#orderForm_renew{clear:both; position: relative; margin:0 0 20px 0; }
#orderForm_renew li{border-bottom:1px solid #ccc; min-height:40px; line-height:35px;padding:0; background: url('img/common/icon_up_down.png') no-repeat 98% -15px; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#orderForm_renew li:nth-child(1){border-bottom:1px solid #ccc; min-height:40px; line-height:35px;padding:0; background: url('img/common/icon_up_down.png') no-repeat 98% 15px; background-size: auto auto; -webkit-background-size: auto auto; -o-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; vertical-align: top; box-shadow:0px 1px 1px #ffafa; -webkit-box-shadow:0px 1px 1px #fafafa;}
#orderForm_renew li.title {font-weight:bold; font-size:1.2em; cursor:pointer; padding-left:14px; }
#orderForm_renew li.title2 {font-weight:bold; font-size:1.2em; padding-left:14px; background: url('')}
#orderForm_renew .title2 p{cursor:pointer; position:relative;text-align:center;margin:7px 0 0 0;  font-weight:bold; width:98%; height:24px; margin-bottom:10px;padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#orderForm_renew .title2 p span{position:relative; top:-6px; font-size:12px;}

#orderForm_renew li.cartList{display:none; cursor:normal; background:url();  background-color:#efefef; padding:14px; line-height:1.5em; }
#orderForm_renew li.cartList .cartListbox .cartInfo{margin: 0 0 0 30px; }
#orderForm_renew li.cartList .cartCheck{position: absolute; top:10px; left:10px; }
#orderForm_renew li.orderCarr  {display:block; cursor:normal; background:url();  background-color:#ffff; padding:14px; }
#orderForm_renew li.orderInfo, #orderForm_renew li.orderCash {display:block; cursor:normal; background:url();  background-color:#efefef; padding:14px; }
#orderForm_renew li.cartSum {display:block; cursor:normal; background:url();  background-color:#efefef; }
#orderForm_renew li.cartList .orderForm{position: relative; margin:10px 0}
#orderForm_renew li.cartSum .orderForm{position: relative; margin:0}
#orderForm_renew li.cartSum { padding:0;}
#orderForm_renew li.cartSum fieldset{padding:10px 0 10px 14px;}
#orderForm_renew li.cartSum select{display:inline-block; height:27px; margin:0px; padding:2px 50px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #bbb;border-radius:2px;-webkit-border-radius:2px;background:#f6f6f6 url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}
#orderForm_renew li.cartSum .orderSale dt{overflow:hidden;float:left;width:130px;height:30px;font-size:1.0em;color:#222}
#orderForm_renew li.cartSum .orderSale dt.inputs {width:80px;}
#orderForm_renew li.cartSum .orderSale dd{overflow:hidden;}
#orderForm_renew li.cartSum .orderSale dd li{float:left; width:45%; line-height:1.4em; background:url(); border:0;text-align:right; box-shadow:0px 0px 0px #efefef; -webkit-box-shadow:0px 0px 0px #efefef;}
#orderForm_renew li.cartSum .orderSale dd li:nth-child(1) input{text-align:right; padding:0 6px; border:1px solid #999; width:92%; border-radius:2px;-webkit-border-radius:2px; height:24px; }
#orderForm_renew li.cartSum .orderSale dd li:nth-child(2){width:8%; text-align:left; padding-left:6px;}
#orderForm_renew li.cartSum .orderSale dd li:nth-child(3){width:43%; margin-top:5px; line-height:1.2em;}
#orderForm_renew li.cartSum .orderSale dd li p{position:relative; cursor:pointer;font-size:1em;text-align:center; font-weight:bold; width:90%; height:24px; padding:0; color:#fff; box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; border:1px solid #111; border-radius:2px;-webkit-border-radius:2px;background-color:#333333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.5, #555), color-stop(0.51, #333333), color-stop(1, #333333));}
#orderForm_renew li.cartSum .orderSale dd li p span{position:relative; top:3px; }
#orderForm_renew li.cartSum .orderSale dd textarea{ font-size:1em; padding:0; border:1px solid #999; width:90%; border-radius:2px;-webkit-border-radius:2px; }
#orderForm_renew li.cartSum .orderSale dd input{ font-size:1.0em; border:1px solid #999; width:70%; border-radius:2px;-webkit-border-radius:2px; height:24px; }
#orderForm_renew li.cartSum #carrAdd1, #orderForm_renew li.cartSum #carrAdd2 {display:none;}
#orderForm_renew li .orderInput dt{overflow:hidden; clear:both;height:30px;font-size:1.0em;color:#222}
#orderForm_renew li .orderInput dd{overflow:hidden;}
#orderForm_renew li .orderInput dd input{ font-size:1.0em; border:1px solid #999; width:100%; border-radius:2px;-webkit-border-radius:2px; height:24px; background-color:#efefef; }
#orderForm_renew li .orderInput dd input.names{ width:99%; margin-bottom:10px;}
#orderForm_renew li .orderInput dd textarea{ font-size:1em; padding:0; border:1px solid #999; width:100%; border-radius:2px;-webkit-border-radius:2px; }
#orderForm_renew li .orderInput dd textarea.names{ width:99%; margin-top:10px;}
#orderForm_renew li .orderInput dd select{display:inline-block; height:24px; width:100%; margin:0px; padding:2px 30px 4px 5px; color:#333; box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;-webkit-box-shadow:inset 0 0 2px #e4e4e4, 0 1px 0 #eee;border:1px solid #999;border-radius:2px;-webkit-border-radius:2px;background:#efefef url('img/common/bg_select_option.png') no-repeat 100% 0; background-size:33px auto;-webkit-background-size:33px auto;-webkit-appearance:none;-moz-appearance:none;font-size:1em;cursor:default;}
#orderForm_renew li .orderInput dd select.names{ width:99%; margin-bottom:10px;}
#orderForm_renew li .orderInput dd li{float:left; width:30%; background:url(); border:0;}
#orderForm_renew li .orderInput dd li:nth-child(2), #orderForm_renew li .orderInput dd li:nth-child(4){width:4.5%; text-align:center}
#orderForm_renew li .orderInput dd li p{cursor:pointer; position:relative;text-align:center;margin:5px 0 0 0; font-size:1em; font-weight:bold; width:100%; height:24px; padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#orderForm_renew li .orderInput dd li p span{position:relative; top:-6px; }
#orderForm_renew li.orderCash li{float:left; width:20%; text-align:center; background:url(); border:0; color:#222}
#orderForm_renew li.orderCash li p{cursor:pointer; border:1px solid #aaa; padding-top:22px; width:100%; background-color:#fff; height:44px; line-height:1.8em;}
#orderForm_renew li.orderCash li:first-child p{border:1px solid #aaa; width:100%; border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;}
#orderForm_renew li.orderCash li:last-child p{border:1px solid #aaa; width:100%; border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;}
#orderForm_renew li.orderCash .bankSelect {clear:both; padding:20px 0; display:none;}
#orderForm_renew li.orderCash .vbankSelect {clear:both; padding:20px 0; display:none;}
#orderForm_renew li.orderCash .vbankSelect p{cursor:pointer; position:relative;text-align:center;margin:7px 0 0 0;  font-weight:bold; width:99%; height:34px; padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#orderForm_renew li.orderCash .vbankSelect p span{position:relative; top:0px; font-size:12px;}
#orderForm_renew #secBank2 p{cursor:pointer; position:relative;text-align:center;margin:0 0 0 0;  font-weight:bold; width:98%; height:24px; padding:0; color:#333; box-shadow:1px 2px 2px #d4d4d4; -webkit-box-shadow:1px 2px 2px #d4d4d4; border:1px solid #999; border-radius:2px;-webkit-border-radius:2px;background-color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.51, #fafafa), color-stop(1, #fafafa));}
#orderForm_renew #secBank2 p span{position:relative; top:-6px; font-size:12px;}

#orderForm_renew li.orderCash .cardInfo {clear:both; padding:20px 0; display:none;}
#orderForm_renew li.orderCash .storeInfo {clear:both; padding:20px 0; display:none;}
#orderForm_renew li.orderCash table {text-align:center; width:95%; margin-left:10px; }
#orderForm_renew li.orderCash table th{ background-color:#efefef; border:1px solid #ccc; padding:10px 0; text-align:center; font-size:1.1em}
#orderForm_renew li.orderCash table td{ background-color:#fff; border:1px solid #ccc; border-left:0; padding:10px 0; text-align:left; padding-left:10px; font-size:1.1em}

.fileinput-button { float:left; position:relative; }
.fileinput-button input { position: absolute; top: 0px; right: 0; margin: 0; opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; font-size: 200px !important; direction: ltr; cursor: pointer; }

#goodsName_renew{position: relative; background-color:#efefef; border-bottom:solid 1px #e8e8e8;}
#goodsName_renew h2{display: block; font-weight:normal; line-height: 1.4em; font-size: 1.2em; padding:10px; color: #222;}


#birthDaySelect {z-index: 999999; border:1px solid #111; width:320px; height:270px; position:fixed; top:calc(50% - 135px); left:-400px; background-color:#fff; text-align:center }
#birthDaySelect .container { padding-left:8px; width:60px; position: relative; overflow:hidden; }
#birthDaySelect .drum-viewport { cursor: pointer;  font-family: arial,tahoma,sans-serif; font-size:1.4em}
#birthDaySelect .drum-item { padding: 12px 16px; }
#birthDaySelect .drum1 { padding:0;	margin: 40px 0px; }
#birthDaySelect .drum1.drum-viewport { height: 102px;	position: relative; }
#birthDaySelect .drum1.drum-viewport::before, .drum1.drum-viewport::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; height: 3em; }
#birthDaySelect .drum1.drum-viewport::before { top: -25px; background: #fff; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7; } 
#birthDaySelect .drum1.drum-viewport::after { bottom: -25px; background: #fff; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7; }
#birthDaySelect .drum1 .drum-item { background: white; color: #333; text-align: center; font-weight: bold; }
#birthDaySelect .drum2 { padding:0;	margin: 40px 0px; }
#birthDaySelect .drum2.drum-viewport { height: 102px;	position: relative; }
#birthDaySelect .drum2.drum-viewport::before, .drum2.drum-viewport::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; height: 3em; }
#birthDaySelect .drum2.drum-viewport::before { top: -25px; background: #fff; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7; } 
#birthDaySelect .drum2.drum-viewport::after { bottom: -25px; background: #fff; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7; }
#birthDaySelect .drum2 .drum-item { background: white; color: #333; text-align: center; font-weight: bold; }
#birthDaySelect .drum3 { padding:0;	margin: 40px 0px; }
#birthDaySelect .drum3.drum-viewport { height: 102px;	position: relative; }
#birthDaySelect .drum3.drum-viewport::before, .drum3.drum-viewport::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; height: 3em; }
#birthDaySelect .drum3.drum-viewport::before { top: -25px; background: #fff; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7; } 
#birthDaySelect .drum3.drum-viewport::after { bottom: -25px; background: #fff; filter:alpha(opacity=70);opacity:0.7; -moz-opacity:0.7; }
#birthDaySelect .drum3 .drum-item { background: white; color: #333; text-align: center; font-weight: bold; }

#birthDaySelect .line1 { height:30px; border-top:1px solid #333;width:60px; position:absolute; top:70px;height:1px; overflow:hidden; background:trnasparent; }
#birthDaySelect .line2 { height:30px; border-top:1px solid #333;width:60px; position:absolute; top:112px;height:1px; overflow:hidden; background:trnasparent; }

#birthDaySelect .btnArea { clear:both;border-top:1px solid #ccc;width:320px; }
#birthDaySelect .btnCancel { color:#333; width:calc(50% - 1px); float:left; height:30px;padding-top:17px;border-right:1px solid #ccc }
#birthDaySelect .btnOk { color:#333; width:calc(50%);float:left;height:30px;padding-top:17px; }

.cardInputRenew { width:60px; height:26px;font-size:1.4em; padding-left:10px; text-align:center; background-color:transparent; }


.sec_tm_on { height:100%; }