@charset "utf-8";
/* ----------
css
---------- */


/* common */
.cm-w70 { width:70px; }
.cm-w110 { width:110px; }
.cm-w180 { width:180px; }
.cm-w200 { width:200px; }
.cm-w320 { width:320px; }
.cm-w100p { width:100%; }
.cm-h200 { height:200px; }

.cm-mt10 { margin-top:10px; }
.cm-mt15 { margin-top:15px; }
.cm-mt20 { margin-top:20px; }
.cm-mt25 { margin-top:25px; }
.cm-mt30 { margin-top:30px; }
.cm-mt40 { margin-top:40px; }
.cm-mt50 { margin-top:50px; }
.cm-mt60 { margin-top:60px; }

.cm-store-banner { overflow:hidden; }
.cm-store-banner li { float:left; padding:0 20px 20px 0; font-size:0; }
.cm-store-banner li:nth-child(4n) { padding-right:0; }
.cm-store-banner li.right { padding-right:0; }

.cm-customer-top-img { margin-bottom:20px; overflow:hidden; }
.cm-customer-tab { margin-bottom:50px; overflow:hidden; }
.cm-customer-tab li { float:left; font-size:0; }

#fade {
	display:none;
	background-color:#000;
	position:fixed; left:0; top:0;
	width:100%; height:100%;
	opacity:.80;
	z-index:9999;
}
.modal-block {
	display:none;
	background-color:#fff;
	border:5px solid #ddd;
	padding:20px 20px 20px 20px;
	position:fixed;
	top:50%; left:50%;
	z-index:99999;
	width:600px; height:600px;
	overflow:hidden;
	box-shadow:0 0 20px #000;
	-webkit-box-shadow:0 0 20px #000;
	-moz-box-shadow:0 0 20px #000;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.modal-close { display:block; width:50px; height:50px; position:absolute; right:20px; top:20px; }
.modal-tit { height:50px; margin-right:60px; font-size:26px; color:#333; font-weight:600; line-height:54px; }
.modal-load-area { height:510px; margin-top:20px; }
.modal-con-area { width:860px; min-height:700px; height:auto !important; _height:700px; background-color:#fff; }
.modal-con-area .modal-st1 { font-size:32px; color:#3462d8; font-weight:600; }
.modal-con-area .modal-st2 { font-size:20px; color:#333; font-weight:600; }
.modal-con-area .modal-con1 { overflow:hidden; }
.modal-con-area .modal-con1 .left-con { float:left; width:420px; height:300px; border:1px solid #e5e5e5; }
.modal-con-area .modal-con1 .right-con { float:right; width:420px; height:300px; border:1px solid #e5e5e5; }
.modal-con-area .modal-con2 { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 20px 20px 20px; }
.modal-con-area .modal-con2 ul li { font-size:16px; color:#666; margin-bottom:10px; }
.modal-con-area .modal-con2 ul li:last-child { margin-bottom:0; }
.modal-con-area .modal-con2 ul li.last { margin-bottom:0; }
.modal-con-area .modal-con2 ul li strong { color:#555; font-weight:600; }
.modal-con-area .modal-con3 { overflow:hidden; }
.modal-con-area .modal-con3 .photo-box { width:868px; height:488px; border:1px solid #e5e5e5; font-size:0; }
.modal-con-area .modal-con3 .photo-box img { width:868px; height:488px; }
.modal-con-area .modal-con4 { overflow:hidden; }
.modal-con-area .modal-con4 .con-area { width:870px; }
.modal-con-area .modal-con4 .con-area .photo-box { width:868px; border:1px solid #e5e5e5; font-size:0; }
.modal-con-area .modal-con4 .con-area .photo-box img { width:868px; }
.modal-con-area .modal-con4 .con-area .txt-box { margin-top:8px; font-size:15px; color:#777; line-height:1.4; }

.modal-con-area-new { width:860px; min-height:700px; height:auto !important; _height:700px; background-color:#233364; }
.modal-con-area-new .modal-st2 { margin-left:40px; font-size:20px; color:#fff; font-weight:600; }
.modal-con-area-new .modal-con1 { width:780px; margin:15px auto 0; overflow:hidden; }
.modal-con-area-new .modal-con1 .left-con { float:left; width:380px; height:300px; border:1px solid #999; }
.modal-con-area-new .modal-con1 .right-con { float:right; width:380px; height:300px; border:1px solid #999; }
.modal-con-area-new .modal-con2 { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 20px 20px 20px; }
.modal-con-area-new .modal-con2 ul li { font-size:16px; color:#666; margin-bottom:10px; }
.modal-con-area-new .modal-con2 ul li:last-child { margin-bottom:0; }
.modal-con-area-new .modal-con2 ul li.last { margin-bottom:0; }
.modal-con-area-new .modal-con2 ul li strong { color:#555; font-weight:600; }
.modal-con-area-new .modal-con3 { width:780px; margin:15px auto 0; padding-bottom:40px; overflow:hidden; }
.modal-con-area-new .modal-con3 .photo-box { width:778px; height:437px; border:1px solid #999; font-size:0; }
.modal-con-area-new .modal-con3 .photo-box img { width:778px; height:437px; }
.modal-con-area-new .modal-con4 { overflow:hidden; }
.modal-con-area-new .modal-con4 .con-area { width:870px; }
.modal-con-area-new .modal-con4 .con-area .photo-box { width:868px; border:1px solid #e5e5e5; font-size:0; }
.modal-con-area-new .modal-con4 .con-area .photo-box img { width:868px; }
.modal-con-area-new .modal-con4 .con-area .txt-box { margin-top:8px; font-size:15px; color:#777; line-height:1.4; }

*html #fade {
	position:absolute;
}
*html .modal-block {
	position:absolute;
}