@charset "utf-8";
/* CSS Document */
/* HTML CSS START */
/* ------------------------------------------------------------------------------- */
html , body {
	/*margin      : 0;
	padding     : 0;*/
	font-family : Tahoma;
	font-size   : 12px;
}

a {
color:#3B5998;
	text-decoration : none;
}

a:hover {

	color: #ff9900;
	text-decoration : underline;
}

img {
	margin  : 0;
	padding : 0;
	border  : 0;
}

form , div , dl , dt {
	margin  : 0;
	padding : 0;
}

.both {
	margin  : 0;
	padding : 0;
	clear   : both;	
}

.elevnavi {
	position : absolute;	
	z-index  : 5;
}

/* LOGIN CSS START */
/* ------------------------------------------------------------------------------- */
#popup {
	text-align:left;
}

.addstore-title,.chpasswd-title,.modify-title {
	padding     : 5px 0 4px 25px;
	background  : url(../img/popup/addstore-title.gif) no-repeat top;
	text-align  : left;
	font-size   : 15px;
	font-weight : bold;
	color       : #59493F;
	height      : 28px;
}

.addstore-input input,.chpasswd-input input,.modify-input input {
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
	width       : 170px;
}
.wrapper-login {
	margin  : 0;
	padding : 0;
	width   : 250px;
	/*height	: 250px;*/
	/*position : absolute;*/
	z-index : 100;
}

.wrapper-login dt , .wrapper-qrcode dt , .wrapper-addstore dt , .wrapper-forward dt , .wrapper-report dt , .wrapper-addpic dt , .wrapper-QR-codt-store dt, #wrapper-QR-codt-store dt {
	margin  : 0;
	padding : 3px 0;
	float   : left;
}

.map-top dt {
	margin     : 0;
	padding    : 0;
	float      : left;
	text-align : left;
}

.login-title,.delete-title  {
	margin      : 0;
	padding     : 5px 0 4px 55px;
	background  : url(../img/popup/login-title-bg.gif) no-repeat top;
	text-align  : left;
	font-size   : 15px;
	font-weight : bold;
	color       : #59493F;
	height      : 36px;
}

.login-content , .qrcode-content , .addstore-content , .forward-content , .report-content , .QR-codt-store-content,.delete-content {
	padding      : 0 15px;
	background   : #FFF url(../img/popup/login-date-bg.jpg) repeat-x top;
	border-left  : #B5B5B5 1px solid;
	border-right : #B5B5B5 1px solid;
	color        : #59493F;
}
.login-bottom , .qrcode-bottom , .addstore-bottom , .forward-bottom , .report-bottom , .QR-codt-bottom,.delete-bottom {
	line-height:0;
}
.login-errow {
	margin  : 0;
	padding : 0;
	color   : #F00;
}

.login-date , .forward-date , .report-date {
	margin        : 0;
	padding       : 0;
	border-bottom : #D9D9D9 1px solid;
}

.login-date a , .login-date a:hover {
	color   : #59493F;
}

.login-date input {
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
}

.login-btn {
	margin     : 0;
	padding    : 5px 0;
	text-align : center;
}

.login-btn {
	margin     : 0;
	padding    : 5px 0;
	text-align : center;
}

/* QR-CODE CSS START */
/* ------------------------------------------------------------------------------- */
.wrapper-qrcode {
	margin  : 0;
	padding : 0;
	width   : 450px;
	z-index : 100;
	position : absolute;
}

.qrcode-title {
	margin      : 0;
	padding     : 5px 0 4px 25px;
	background  : #FFF url(../img/popup/QRCode-title.gif) no-repeat top;
	text-align  : left;
	font-size   : 15px;
	font-weight : bold;
	color       : #59493F;
	height      : 28px;
}

.qrcode-store-name {
	margin      : 0;
	padding     : 20px 0 10px 0;
	width       : 418px;
	text-align  : left;
	font-weight : bold;
	font-size   : 15px;
}

.qrcode-date dt {
	margin     : 0;
	padding    : 3px 0;
	text-align : right;
}

.qrcode-date input {
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
	width       : 350px;
}

.qrcode-date textarea {
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
	width       : 350px;
	height      : 150px;
	overflow    : auto;
}

/* MAP CSS START */
/* -------------------------------------------------------------------------------------------- */
.wrapper-map {
	margin  : 0 auto;
	padding : 0;
	width   : 950px;
	z-index : 100;
	position : absolute;
}

.map-top {
	margin  : 10px 0;
	padding : 0;
}

.map-top-title {
	margin      : 0;
	padding     : 0;
	color       : #000;
	font-size   : 15px;
	font-weight : bold;
}

.map-top-info {
	margin  : 0;
	padding : 0;
	color   : #7E6B5A;
}

.map-QR-cord {
	margin     : 0px auto;
	padding    : 1px;
	border     : #8B8B8B 1px solid;
	text-align : center;
	width      : 90px;
	height     : 90px;
}

.map-QR-cord img {
	margin  : 0;
	padding : 0;
	width   : 90px;
	height  : 90px;
}

.map-QRcode-info {
	margin     : 10px 0;
	padding    : 5px;
	background : #FFE400;
	color      : #7E6B5A;
	width      : 180px;
}

.map-map {
	margin     : 0;
	padding    : 5px 0;
	text-align : center;
}

.map-map-frame {
	margin  : 0;
	padding : 0;
	border  : #959595 1px solid;
	width   : 915px;
}

.map-date-info {
	margin      : 0 auto;
	padding     : 0;
	width       : 915px;
	text-align  : left;
	font-weight : bold;
	color       : #A40000;
	font-size   : 15px;
}

.map-date-info a , .map-date-info a:hover {
	color   : #A40000;
}

.map-date-btn {
	margin     : 0;
	padding    : 5px 0;
	text-align : center;
}

/* ADD-STORE CSS START */
/* ------------------------------------------------------------------------------- */
.wrapper-addstore {
	margin  : 0;
	padding : 0;
	width   : 300px;
	text-align : left;
	z-index : 100;
	position : absolute;
}

.addstore-title {
	margin      : 0;
	padding     : 5px 0 4px 25px;
	background  : url(../img/popup/addstore-title.gif) no-repeat top;
	text-align  : left;
	font-size   : 15px;
	font-weight : bold;
	color       : #59493F;
	height      : 28px;
}

.addstore-input input {
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
	width       : 200px;
}

/* FORWARD CSS START */
/* ------------------------------------------------------------------------------- */
.wrapper-forward , .wrapper-report {
	margin  : 0;
	padding : 0;
	width   : 380px;
	text-align:left;
	z-index : 100;
	position : absolute;
}
.wrapper-forward730 {
    margin  : 0;
	padding : 0;
	width   : 730px;
	text-align:left;
	position : absolute;
	z-index : 100;
}
.forward-title , .report-title {
	margin      : 0;
	padding     : 5px 0 4px 25px;
	background  : url(../img/popup/forward-title.gif) no-repeat top;
	text-align  : left;
	font-size   : 15px;
	font-weight : bold;
	color       : #59493F;
	height      : 28px;
}

.forward-date input {
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
	width       : 296px;
}

.forward-date textarea {
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
	width       : 296px;
	overflow    : auto;
	height      : 200px;
}

.report-date textarea {
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
	width       : 271px;
	overflow    : auto;
	height      : 120px;
}

.input-date {
	margin      : 0;
	padding     : 0;
	font-size   : 11px;
	font-family : Tahoma;
	color       : #959595;
	text-align  : left;
}

/* ADD PIC CSS START */
/* ------------------------------------------------------------------------------- */
.wrapper-addpic {
	margin  : 0;
	padding : 0;
	width   : 380px;
	height  :600px;
	z-index : 100;
	position : absolute;
}

.add-pic-title {
    padding     : 10px 0 4px 25px;
	background  : url(../img/popup/forward-title.gif) no-repeat top;
	text-align  : left;
	font-size   : 15px;
	font-weight : bold;
	color       : #59493F;
	height      : 23px;
}
/*.add-pic-title {
	margin      : 0;
	padding     : 10px 15px;
	background  : url(../img/popup/addpic-title.jpg) repeat-x center top;
	font-weight : bold;
	color       : #59493F;
}

.addpic-content {
	margin     : 0;
	padding    : 0 15px;
	background : #DACD87 url(../img/popup/addpic-bottom.jpg) repeat-x bottom;
}*/
.addpic-content {
  border-left  : #B5B5B5 1px solid;
	border-right : #B5B5B5 1px solid;
	padding    : 5px 15px;
	background : #fff url(../img/popup/login-date-bg.jpg) repeat-x ;
	margin:0;
}

.addpic-input {
	margin  : 0;
	padding : 1px 0;
	color   : #8A8000;
}

.addpic-input input {
	margin     : 0;
	padding    : 1px;
	border     : #D1C0A5 1px solid;
	background : #FFF;
	color      : #A6937C;
	width      : 355px;
}
.addpic-bottom {
    margin:0;
	padding:0;
	line-height:0;
}
.addpic-info {
	margin  : 0;
	padding : 5px 0;
	color   : #81511C;
}

.wrapper-QR-codt-store,#wrapper-QR-codt-store {
	margin  : 0;
	padding : 0;
	width   : 250px;
}

.QR-codt-store-title,#QR-codt-store-title {
	margin      : 0;
	padding     : 5px 0 4px 25px;
	background  : url(../img/popup/store-QRCode-title.gif) no-repeat top;
	text-align  : left;
	font-size   : 15px;
	font-weight : bold;
	color       : #59493F;
	height      : 28px;
}

.leave-popup {
	margin     : 0;
	padding    : 0;
	width      : 400px;
	background : #EFE9DF;
}

.leave-popup-title {
	margin      : 0;
	padding     : 8px 28px 15px 28px;
	color       : #EB6100;
	font-weight : bold;
	font-size   : 15px;
}

.leave-popup-date {
	margin  : 0;
	padding : 0 28px 20px 68px;
	color   : #81511C;
}

.leave-popup-btn {
	margin     : 0;
	padding    : 10px;
	text-align : center;
	background : #E3D9C8;
	border-top : #7E7E7E 1px dotted;
}

.leave-popup-btn img {
	margin  : 0;
	padding : 0 10px;
}
.noresult-popup {
	margin     : 0;
	padding    : 0;
	background : #EFE9DF;
	border     : #E3D9C8 10px solid;
}
.popup {
	margin  : 0;
	padding : 0;
	z-index : 100;
}

.popup dt {
	margin  : 0;
	padding : 3px 0;
	float   : left;
}
.noresult-title {
	margin      : 0;
	padding     : 0 10px;
	font-size   : 15px;
	font-weight : bold;
	color       : #EB6100;
}

.noresult-title img {
	margin  : 0;
	padding : 0 5px 0 0;
}

.noresult-date {
	margin  : 10px auto;
	padding : 0;
	width   : 300px;
	color   : #EB6100;
}
.noresult-mms {
	margin     : 0 auto;
	padding    : 5px;
	width      : 290px;
	background : #E3D9C8;
	color      : #59493F;
}

.noresult-btn {
	margin     : 10px 0;
	text-align : center;
}

.noresult-btn img {
	margin  : 0 5px;
	padding : 0;
}
.recom-popup {
	margin     : 0;
	padding    : 0 6px;
	background : #EFE9DF;
	border     : #E3D9C8 10px solid;
}

.recom-popup-img {
	margin     : 5px 6px;
	padding    : 0;
	width      : 100px;
	float      : left;
	text-align : center;
}

.recom-popup-img img {
	margin     : 0;
	padding    : 0;
	width      : 100px;
	height     : 75px;
}

.recom-popup-title {
	margin      : 5px 0 0 0;
	padding     : 0 6px;
	font-size   : 15px;
	font-weight : bold;
	color       : #EB6100;
}

/* LIST CSS START */
/* ------------------------------------------------------------------------------- */
.list-popup {
	padding    : 10px;
	width      : 480px;
	color      : #59493F;
	background :#FFF;
}

.list-popup-title {
	padding     : 3px 0;
	text-align  : center;
	font-weight : bold;
	font-size   : 15px;
	background  : #E3D9C8;
}


.list-popup-data dt {
	float : left;
}

.list-popup-item {
	margin  : 15px 0 0 0;
	padding : 0 30px;
}
.img_id {
	width:66px
}
.card-content {
	padding      : 0 5px;
	border-left  : #B5B5B5 1px solid;
	border-right : #B5B5B5 1px solid;
	color        : #59493F;
	background-color: #FFF;
	background-image: url(../img/popup/login-date-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.bigcover {
	width:600px;
	height:450px;
	margin: 0;
	padding: 10px 0;
	border: 3px solid #ccc;
	text-align: center;
    vertical-align: middle;
	display:inline-block;
}
.bigcover * {
    vertical-align: middle;
}
.bigcover span {
	height:100%; 
	display:inline-block;
}

.forward-title , .report-title ,.readmail-title ,.sendmail-title ,.friend-title {
	padding     : 5px 0 4px 25px;
	background  : url(../img/popup/forward-title.gif) no-repeat top;
	text-align  : left;
	font-size   : 15px;
	font-weight : bold;
	color       : #59493F;
	height      : 28px;
}

.forward-date input ,.sendmail-date input ,.friend-date input{
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
	width       : 296px;
}

.forward-date textarea ,.sendmail-date textarea ,.friend-date textarea {
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
	width       : 296px;
	overflow    : auto;
	height      : 200px;
}
.card-title  {
	padding     : 5px 0 4px 25px;
	background  : url(../img/popup/card-title.gif) no-repeat top;
	text-align  : left;
	font-size   : 15px;
	font-weight : bold;
	color       : #59493F;
	height      : 28px;
	_height     : 10px;

}
.report-date textarea {
	margin      : 0;
	padding     : 1px;
	border      : #7E6B5A 1px solid;
	font-family : Tahoma;
	font-size   : 12px;
	color       : #59493F;
	width       : 271px;
	overflow    : auto;
	height      : 120px;
}

.input-date {
	font-size   : 11px;
	font-family : Tahoma;
	color       : #959595;
	text-align  : left;
}
.login-content , .qrcode-content , .addstore-content , .forward-content , .report-content , .QR-codt-store-content,#QR-codt-store-content,.chpasswd-content ,.readmail-content,.modify-content ,.delete-content,.sendmail-content ,.friend-content {
	padding      : 0 15px;
	border-left  : #b5B5B5 1px solid;
	border-right : #b5B5B5 1px solid;
	color        : #59493F;
	background-color: #fFF;
	background-image: url(../img/popup/login-date-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.login-bottom , .qrcode-bottom , .addstore-bottom , .forward-bottom , .report-bottom , .QR-codt-store-bottom,#QR-codt-store-bottom,.chpasswd-bottom ,.readmail-bottom,.modify-bottom ,.delete-bottom,.sendmail-bottom ,.friend-bottom {
	line-height:0;
}