/* CSS Document */

body {background:#fff; color:#333; font: 12px/22px verdana, arial, sans-serif; height:100%; margin:0 auto; width:100%;}
h1 {color:#3a6d8c; font-size:34px; line-height:40px; margin:0;}
h3 {color:#3a6d8c; font-size:22px; line-height:26px; font-weight:bold; margin:0 0 8px 0;}
img {border:0;}
#logo {margin-bottom:20px; width:300px;}
#logo h1 {color:#666; letter-spacing:-1px; font-weight:normal;}
#logo h1 span {color:#444; font-weight:bold;}
#logo .title {color:#999; font-size:12px;}
#container {margin:0 auto; padding-top:20px; width:900px;}
#content {border-bottom:1px dotted #999; border-top:1px dotted #999; padding:20px 0;}
#footer {clear:left; color:#888; margin:20px 0;}
#footer a:link, #footer a:visited {color:#888; text-decoration:none;}
#footer a:hover {color:#333; text-decoration:underline;}

#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; opacity:0.9;}
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container h3 {color:#84b8d9;}

.header {
	width:100%;
	min-width:900px;
	height:65px;
	background-color:#D3E1FE;
	border-bottom:double 3px #0000CC;
}

.left_column {
	width:20%;
	min-width:50px;
	height:100%;
	float:left;
	background-color:#DFD;
	border-right:double 3px #0000CC;
	border-bottom:solid 3px #0000CC;
}

.right_column {
	width:79%;
	min-width:850px;
	float:left;
	background-color:#DDD;
	overflow:auto;
}

.form_w200_h20 { width:200px; height:20px; }
.font_9 { font-size:9px; }


/* admin_shop_insert.php */
.admin_shop_insert_table {
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
}

.admin_shop_insert_table2 {
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
}

.admin_shop_insert_table3 {
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
}

/* admin.php */
.list_status {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list_no {
	width:30px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
	border-left:#999 2px solid;
}

.list_gid {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list_sid {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list_sname {
	width:150px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list_exdate {
	width:150px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list_update {
	width:150px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list_edit {
	width:50px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

/* admin_user_list.php */
.list2_type {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list2_no {
	width:30px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
	border-left:#999 2px solid;
}

.list2_aid {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list2_apw {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list2_acode {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list2_mail {
	width:175px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list2_shop {
	width:175px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.list2_edit {
	width:50px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

/* master.php */
.master_list_status {
	width:150px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.master_list_no {
	width:30px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
	border-left:#999 2px solid;
}

.master_list_gid {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.master_list_sid {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.master_list_sname {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.master_list_exdate {
	width:200px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.master_list_update {
	width:100px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}

.master_list_edit {
	width:50px;
	height:20px;
	float:left;
	font-size:10px;
	text-align:center;
	border-right:#999 2px solid;
	border-bottom:#999 3px double;
}





.float_end {
	width:1px;
	clear:all;
}


/* loading circle */
#floatingBarsG{
position:relative;
width:100px;
height:124px}

.blockG{
position:absolute;
background-color:#F0F1FF;
width:16px;
height:39px;
-moz-border-radius:13px 13px 0 0;
-moz-transform:scale(0.4);
-moz-animation-name:fadeG;
-moz-animation-duration:0.72s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:13px 13px 0 0;
-webkit-transform:scale(0.4);
-webkit-animation-name:fadeG;
-webkit-animation-duration:0.72s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:13px 13px 0 0;
-ms-transform:scale(0.4);
-ms-animation-name:fadeG;
-ms-animation-duration:0.72s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:13px 13px 0 0;
-o-transform:scale(0.4);
-o-animation-name:fadeG;
-o-animation-duration:0.72s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:13px 13px 0 0;
transform:scale(0.4);
animation-name:fadeG;
animation-duration:0.72s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#rotateG_01{
left:0;
top:45px;
-moz-animation-delay:0.27s;
-moz-transform:rotate(-90deg);
-webkit-animation-delay:0.27s;
-webkit-transform:rotate(-90deg);
-ms-animation-delay:0.27s;
-ms-transform:rotate(-90deg);
-o-animation-delay:0.27s;
-o-transform:rotate(-90deg);
animation-delay:0.27s;
transform:rotate(-90deg);
}

#rotateG_02{
left:13px;
top:16px;
-moz-animation-delay:0.36s;
-moz-transform:rotate(-45deg);
-webkit-animation-delay:0.36s;
-webkit-transform:rotate(-45deg);
-ms-animation-delay:0.36s;
-ms-transform:rotate(-45deg);
-o-animation-delay:0.36s;
-o-transform:rotate(-45deg);
animation-delay:0.36s;
transform:rotate(-45deg);
}

#rotateG_03{
left:42px;
top:5px;
-moz-animation-delay:0.45s;
-moz-transform:rotate(0deg);
-webkit-animation-delay:0.45s;
-webkit-transform:rotate(0deg);
-ms-animation-delay:0.45s;
-ms-transform:rotate(0deg);
-o-animation-delay:0.45s;
-o-transform:rotate(0deg);
animation-delay:0.45s;
transform:rotate(0deg);
}

#rotateG_04{
right:13px;
top:16px;
-moz-animation-delay:0.54s;
-moz-transform:rotate(45deg);
-webkit-animation-delay:0.54s;
-webkit-transform:rotate(45deg);
-ms-animation-delay:0.54s;
-ms-transform:rotate(45deg);
-o-animation-delay:0.54s;
-o-transform:rotate(45deg);
animation-delay:0.54s;
transform:rotate(45deg);
}

#rotateG_05{
right:0;
top:45px;
-moz-animation-delay:0.63s;
-moz-transform:rotate(90deg);
-webkit-animation-delay:0.63s;
-webkit-transform:rotate(90deg);
-ms-animation-delay:0.63s;
-ms-transform:rotate(90deg);
-o-animation-delay:0.63s;
-o-transform:rotate(90deg);
animation-delay:0.63s;
transform:rotate(90deg);
}

#rotateG_06{
right:13px;
bottom:11px;
-moz-animation-delay:0.72s;
-moz-transform:rotate(135deg);
-webkit-animation-delay:0.72s;
-webkit-transform:rotate(135deg);
-ms-animation-delay:0.72s;
-ms-transform:rotate(135deg);
-o-animation-delay:0.72s;
-o-transform:rotate(135deg);
animation-delay:0.72s;
transform:rotate(135deg);
}

#rotateG_07{
bottom:0;
left:42px;
-moz-animation-delay:0.8099999999999999s;
-moz-transform:rotate(180deg);
-webkit-animation-delay:0.8099999999999999s;
-webkit-transform:rotate(180deg);
-ms-animation-delay:0.8099999999999999s;
-ms-transform:rotate(180deg);
-o-animation-delay:0.8099999999999999s;
-o-transform:rotate(180deg);
animation-delay:0.8099999999999999s;
transform:rotate(180deg);
}

#rotateG_08{
left:13px;
bottom:11px;
-moz-animation-delay:0.9s;
-moz-transform:rotate(-135deg);
-webkit-animation-delay:0.9s;
-webkit-transform:rotate(-135deg);
-ms-animation-delay:0.9s;
-ms-transform:rotate(-135deg);
-o-animation-delay:0.9s;
-o-transform:rotate(-135deg);
animation-delay:0.9s;
transform:rotate(-135deg);
}

@-moz-keyframes fadeG{
0%{
background-color:#2B4EFF}

100%{
background-color:#F0F1FF}

}

@-webkit-keyframes fadeG{
0%{
background-color:#2B4EFF}

100%{
background-color:#F0F1FF}

}

@-ms-keyframes fadeG{
0%{
background-color:#2B4EFF}

100%{
background-color:#F0F1FF}

}

@-o-keyframes fadeG{
0%{
background-color:#2B4EFF}

100%{
background-color:#F0F1FF}

}

@keyframes fadeG{
0%{
background-color:#2B4EFF}

100%{
background-color:#F0F1FF}

}

.loader {
  color: #ff000047;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}