@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-weight:normal;
}
*, *:before, *:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
ol,ul{
	list-style:none;
}
a{
	text-decoration:none;
	color: #000;
}
hr,.br{
	clear:both
}
blockquote,q{
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}
:focus{
	outline:0
}
ins{
	text-decoration:none;
}
del{
	text-decoration:ine-through
}
table{
	border-collapse:collapse;
	border-spacing:0
}
input[type="text"]{
	padding:2px
}
textarea{
	padding:2px
}
pre{
	font-family:"\5fae\8f6f\96c5\9ed1","lucida grande",tahoma,verdana,arial,"\5b8b\4f53",sans-serif;
	line-height:1.8;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
html,body{
	width:100%;
	height:100%;
}
body{
	font-size:14px;
	font-family:"\5fae\8f6f\96c5\9ed1","lucida grande",tahoma,verdana,arial,"\5b8b\4f53",sans-serif;
	-webkit-text-size-adjust:none
}
#wrapper{width:100%;min-height:100%;position:relative}
#navispace{height:100px}
.left{float:left}
.right{float:right}
#navi{width:100%;height:60px;background:#c60080;position:fixed;left:0;top:0;z-index:100}
#menu{padding-right:72px}
#menu>a,#shopping,#qty{display:block;float:left;color:#FFF;height:60px;line-height:60px;margin-left:30px;letter-spacing:3px}
#logo{width:74px;height:38px;background:url(../img/logo.svg) 0 0 no-repeat;margin:12px 0 0 64px;display:block}
#fb,#ig,#line{width:30px;height:30px;background:url(../img/fb.svg) center center no-repeat;background-size:100% 100%;margin:18px 0 0 11px;display:inline-block}
#ig{background-image:url(../img/ig.svg)}
#line{width:32px;height:32px;background-image:url(../img/line.svg)}
#fb3,#ig3,#line3{width:27px;height:27px;background:url(../img/fb.svg) center center no-repeat;background-size:100% 100%;margin-right:17px;display:inline-block !important}
#ig3{background-image:url(../img/ig.svg)}
#line3{width:30px;height:30px;background-image:url(../img/line.svg)}
#fb:hover,#fb3:hover{background-image:url(../img/fbon.svg)}
#ig:hover,#ig3:hover{background-image:url(../img/igon.svg)}
#shopping,#qty{position:relative;cursor:pointer;padding-right:12px;background-image:url(../img/sicon.svg);background-repeat:no-repeat;background-position:right center; background-size:8px}
#shopnavi,#qtynavi{position:absolute;background:#c60080;top:60px;display:none}
#shopnavi>a,#qtynavi>a{width:140px;display:block;padding:27px 0;border-top:1px solid #9EA4A4;color:#FEFEFE;line-height:normal;white-space:nowrap;text-align:center}
#shopnavi>a:first-child,#qtynavi>a:first-child{border-top:none}
#cart{padding-left:31px;background:url(../img/icons.png) left center no-repeat;background-position:0 -182px;font-size:70%}
#menu>a:hover,#shopping:hover,#qty:hover{color:#FFF}
#shopping:hover,#qty:hover{background-image:url(../img/sicon.svg)}
#shopnavi>a:hover,#qtynavi>a:hover{background:#e74da3}
#qty>a{width:100%;height:100%;position:absolute;left:0;top:0}
#cart:hover{background-position:0 -182px}

#mb_navi{width:100%;height:60px;border-bottom:1px solid #717071;background:#FFF;position:fixed;top:0;z-index:100;display:none}
#mb_navi td{text-align:center;vertical-align:middle}
#mbmenu{width:22px;height:16px;background:url(../img/mbmenu.svg) 0 0 no-repeat;display:inline-block}
#mblogo{width:78px;height:40px;background:url(../img/mblogo.svg) 0 0 no-repeat;display:inline-block}
#mbcart{width:29px;height:24px;background:url(../img/mbcart.svg) 0 0 no-repeat;display:inline-block;vertical-align:middle}
span.cartnum{height:24px;display:inline-block;line-height:24px;color:#717071;letter-spacing:3px;vertical-align:middle}

#product{max-width:948px;color:#717071;margin:0 auto}
#mb_menu{width:227px;height:100%;background:#EEEFEF;padding:44px 0 0 46px;position:fixed;top:0;left:-227px;overflow:auto;z-index:1001}
#mb_menu_close{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;display:none}
#mb_menu>div{margin-bottom:56px}
.mbmt{color:#595757;display:block;margin-bottom:17px}
.mbpro_class,#mb_menu a{color:#888889;display:block;margin-bottom:17px}
.rfont{color:#F60 !important}

#buying{max-width:896px;margin:0 auto 109px auto}
#stage1,#stage2,#stage3,#trquery,#ord,#ordquery{width:100%}
#stage2,#stage3,#ord{display:none}
#stage1>table,#stage2>table,#trquery>table,#ordquery>table,#stage1>table table{width:100%;color:#888889}
#stage1 td,#stage2 td,#trquery td,#ordquery td{border-top:1px solid #717071;text-align:center;vertical-align:middle}
#stage1>table table td{border:none;text-align:left;padding:0 0 28px 18px}
.notop{border:none !important;text-align:left !important;padding:0 0 12px 18px !important}
.ptop{padding-top:28px !important}
#email,#ordno{width:220px;height:24px;border:1px solid #717071}
#stage2 td{color:#595757;text-align:left;padding:15px 0 15px 17px}
#stage2 thead td{color:#888889}
#buy_body2 tr{cursor:pointer}
#buy_way td,#buy_way_c td,#buy_way_c2 td{text-align:left;vertical-align:top;color:#888889;padding:18px}
#buy_way td{padding:18px 0 18px 18px}
#trquery img,#ordquery img{width:69px;height:69px}
#trquery>div,#ordquery>div{padding:0 0 12px 16px;color:#888889}
.dv1{display:inline-block;margin-right:20px}
.dv1 span{color:#595757}
#td_back,#td_cancel{display:inline-block;padding:2px 8px;color:#FFF;background:#c60080;cursor:pointer}
#buy_info td,#buy_info_c td,#buy_info_c2 td{padding:44px 17px;text-align:left;vertical-align:top;color:#888889}
#buy_info table td,#buy_info_c table td,#buy_info_c2 table td{border:none;color:#888889;text-align:left;padding:0 0 15px 0}
#buy_info input{width:232px;height:25px;border:1px solid #717071;box-sizing:border-box}
.pro_count{width:40px;height:21px;border:1px solid #595757;text-align:center;line-height:21px;margin:0 2px;padding:0 !important}
.pro_name{text-align:left !important;padding:5px 0 5px 15px}
#amt,#amt2,#amt3{text-align:right !important}
#summoney,#summoney2,#summoney3{color:#C5A5AD}
.fc{width:100%;padding:8px 0 0 14px;border-top:1px solid #717071;box-sizing:border-box}
.fc>a,#stg1go,#stg2bk,#stg2go,#stg3bk,#stg3go{float:right}
#tran_c,#tran_t_c,#name_c,#phone_c,#addr_c,#rname_c,#rphone_c,#raddr_c,#email_c,#remit_c,#tran_c2,#tran_t_c2,#name_c2,#phone_c2,#addr_c2,#email_c2,#remit_c2,#buy_body3,#buy_body4,#tn,.ife{color:#595757 !important}
#ord_num{color:#595757}
.sumf{color:#C5A5AD}
.onm,.onm2,#ord{display:none}
#buy_way_c div,#buy_way_c2 div{display:inline-block}

#footer{width:100%;background:#c60080;color:#FEFEFE;font-size:12px;position:absolute;left:0;bottom:0}
#footer td{padding:27px 42px}
#footer a{color:#FEFEFE}
#footerh{width:100%;font-size:12px;visibility:hidden}
#footerh td{padding:27px 42px}
#loading{width:100%;height:100%;background:#FFF;color:#595757;position:fixed;left:0;top:0;z-index:9999;display:none}
#loading img{display:block;margin-bottom:10px}
#loading div{margin-bottom:150px}


.bt1,.bt2{width:218px;height:41px;background:#595757;color:#FFF;cursor:pointer;display:inline-block;margin-left:5px;text-align:center;line-height:41px}
.bt2{background:#EDEBE5;color:#595757}
.btar{width:22px;height:22px;background:#595757;color:#FFF;text-align:center;line-height:22px;cursor:pointer;display:inline-block}

.btar:hover,.bt1:hover,.bt2:hover,#buy_body2 tr:hover{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
#footer a:hover{color:#C9C9CA}
.ftonm{display:none}

.sameline{border-top:1px dotted #888889 !important}

.ppp{text-decoration:line-through}
.ppd{color:#F60;padding-left:5px}
div.ppd{padding-left:0}
#serial_c{color:#F60 !important}

#lang{line-height:60px;margin-left:10px;color:#d2d3d3;cursor:pointer;display:none}
#lang:hover{color:#FFF}
#lang2{color:#888889;display:block;margin-bottom:17px;display:none}

.pro_name>div{padding-top:5px}
.pro_name>span{color:#23a1d1}
.size,.adds{font-size:12px}

.pf{color:#F00}
.ps{color:#00F}
.pi{color:#093}

#bk_note,#ce_note{width:100%;height:150px;border:1px solid #717071;box-sizing:border-box;padding:2px}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

#cart{background-image:url(../img/icons@2x.png);background-size:460px 526px}

}

@media screen and (max-width: 970px) {
.ftonm{display:block}
.ftnom{display:none}
#footer td,#footerh td{padding:10px 20px}

}

@media screen and (max-width: 810px) {
#navi{display:none}
#mb_navi{display:table}
#buy_way_tb1 div,#buy_way_tb2 div{display:block;margin:15px 0 0 0}
#buy_way_tb1 div:first-child,#buy_way_tb2 div:first-child{margin-top:0}

}

@media screen and (max-width: 768px) {
#product{max-width:654px}

}

@media screen and (max-width: 660px) {
.nom{display:none}
.onm{display:inline}
.onm2{display:block}
#product{padding:0 15px}
.fc>a,#stg1go,#stg2go,#stg2bk,#stg3go,#stg3bk{float:none;display:block;clear:both;margin-left:0}
#stg1go,.stg2>a,#stg3go,#bkm{margin-bottom:10px}
#buy_way_c div,#buy_way_c2 div{display:block}
#buy_way_c div:first-child,#buy_way_c2 div:first-child{margin-bottom:15px}

}

@media screen and (max-width: 480px) {
#footer span,#footerh span{display:block}
#footer br,#footerh br{display:none}
#footer span:nth-child(3),#footerh span:nth-child(3){margin-bottom:12px}
.dv1{display:block;margin-bottom:10px}

}