@charset "UTF-8";
/* CSS Document */
/******************************* INFORMATION *******************************/
/* DOCUMENT ID       : layout.css                                          */
/* DOCUMENT NAME     : Layout Style Sheets                                 */
/* DEVELOPER         : Moon Dong Jun (codename : wingzero)                 */
/* DATE CREATED      : 2019.10.18                                          */
/* MODIFICATION DATE : 2019.10.18                                          */
/* NOTES             :                                                     */
/***************************************************************************/

.inner {width:1200px;margin:0 auto;}
.ainner {width:100%;margin:0px;}

/* header */
/* header - main base header */
#header {width:100%;position:absolute;z-index:100;}
#header .menu-wrap {width:100%;height:85px;}
#header .menu-wrap .ainner {border-bottom:1px solid #FFF;height:85px;}
#header .menu-wrap .ainner > .left {width:45%;height:84px;float:left;line-height:84px;}
#header .menu-wrap .ainner > .left > .atom {position:absolute;}
#header .menu-wrap .ainner > .left > .atom > ul {margin-left:20px;}
#header .menu-wrap .ainner > .left > .atom > ul > li {float:left;line-height:84px;font-size:18px;color:#FFF;cursor:pointer;margin-right:100px;position:relative;text-align:center;}
#header .menu-wrap .ainner > .left > .atom > ul > li:last-child {margin-right:0px;}
#header .menu-wrap .ainner > .left > .atom > ul > li.on, #header .menu-wrap .ainner > .left > .atom > ul > li:hover {color:#C43C2E;}

.atom ul li ul {opacity:0;transform:translateY(20px);position:absolute;margin-left:-100px;z-index:1;display:none;}
.atom ul li ul.smenu_01 {margin-left:0px;}
.atom ul li ul li {float:left;padding:0px 25px 0px 25px;}
.atom ul li ul li:not(:first-child) {background:url('/theme/layout/aauction/images/sec.gif') no-repeat 0% 50%;}
.atom ul li ul li a {color:#333;font-size:16px;line-height:80px;}
.atom ul li ul li a:hover {color:#C43C2E;}
.atom ul li ul li a img {margin-left:10px;}

.atom ul li ul li ul {opacity:0;transform:translateY(20px);padding:20px 0px;position:absolute;margin-left:0px;}
.atom ul li ul li ul li {display:block;height:50px;line-height:50px;border-bottom:1px solid #DDD;padding:0px 10px;clear:both;background:rgba(0,0,0,0) !important;width:100%;text-align:left;}
.atom ul li ul li ul li a {display:inline-block;line-height:50px;color:#898989;font-size:16px;}
.atom ul li ul li ul li a img {vertical-align:middle;margin-right:16px;}

.view-box {width:710px;height:240px;position:absolute;background:#F6F6F6;top:0px;margin-top:20px;left:490px;vertical-align:top;display:none;}
.view-box .left {width:305px;height:240px;float:left;background-size:cover;}
.view-box .right {width:405px;height:240px;float:left;padding:20px 30px;}
.view-box .right h2 {font-size:16px;color:#555;}
.view-box .right ul {opacity:1;display:block;padding:10px 0px;}
.view-box .right ul li {height:26px;border-bottom:0px;color:#555;}
.view-box .right ul li:last-child {color:#C43C2E;}
.view-box .right ul li span {padding-left:10px;}

.smenu_01 {width:800px;}
.smenu_02 {width:500px;}
.smenu_03 {width:500px;}

.atom .line {position:absolute;display:block;height:3px;width:0%;background:#C43C2E;left:30px;z-index:120;margin-top:-2px;}

.mob-btn {display:none;}
#slide_map {display:none;}


#header .navi-bg {position:absolute;display:block;width:100%;height:0px;left:0;top:85px;z-index:100;overflow:hidden;}
#header .navi-bg .mbg {width:100%;height:80px;background:#F6F6F6;}
#header .navi-bg .sbg {width:100%;height:100%;background:#FFF;border-bottom:1px solid #C43C2E;}
#header .navi-bg .open {border-bottom:1px solid #C43C2E;}

#header .menu-wrap .ainner > .center {width:10%;height:84px;float:left;line-height:84px;text-align:center;}
#header .menu-wrap .ainner > .center > h2 a {display:inline-block;width:170px;height:62px;text-indent:-999999px;background:url('/theme/layout/aauction/images/logo_white.png') no-repeat center center;margin-top:11px;}

#header .menu-wrap .ainner > .right {width:45%;height:84px;float:left;line-height:84px;text-align:right;vertical-align:top;}
#header .menu-wrap .ainner > .right ul {display:inline-block;vertical-align:top;line-height:84px;}
#header .menu-wrap .ainner > .right ul li {display:inline-block;color:#FFF;margin-right:30px;}
#header .menu-wrap .ainner > .right ul li:last-child {margin-right:10px;}
#header .menu-wrap .ainner > .right ul li a {color:#FFF;}
#header .menu-wrap .ainner > .right > .search-box {display:inline-block;width:270px;height:84px;text-align:center;vertical-align:top;}
#header .menu-wrap .ainner > .right > .search-box ul {border-bottom:1px solid #FFF;width:230px;display:inline-block;}
#header .menu-wrap .ainner > .right > .search-box ul li {margin:0px;border-bottom:1px solid #FFF;height:22px;}
#header .menu-wrap .ainner > .right > .search-box ul li:last-child {margin-left:-4px;}
#header .menu-wrap .ainner > .right > .search-box ul li input {background:rgba(0,0,0,0);width:200px;font-size:14px;color:#FFF;height:22px;padding:0px;}
#header .menu-wrap .ainner > .right > .search-box ul li button {background:rgba(0,0,0,0);color:#FFF;}
#header .menu-wrap .ainner::after {content:'';display:block;clear:both;}

/* header - main base header hover */
#header:hover .menu-wrap {background:#FFF;transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
#header:hover .menu-wrap .ainner {border-bottom:1px solid #555;}
#header:hover .menu-wrap .ainner > .left > .atom > ul > li {color:#333;}
#header:hover .menu-wrap .ainner > .center > h2 a {background:url('/theme/layout/aauction/images/logo_black.png') no-repeat center center;}
#header:hover .menu-wrap .ainner > .right ul li a {color:#333;}
#header:hover .menu-wrap .ainner > .right > .search-box ul {border-bottom:1px solid #333;}
#header:hover .menu-wrap .ainner > .right > .search-box ul li {border-bottom:1px solid #333;}
#header:hover .menu-wrap .ainner > .right > .search-box ul li input {color:#333;}
#header:hover .menu-wrap .ainner > .right > .search-box ul li button {color:#333}
#header:hover .menu-wrap .ainner > .left > .atom > ul > li.on, #header:hover .menu-wrap .ainner > .left > .atom > ul > li:hover {color:#C43C2E;}

/* Sub header */
#sheader {width:100%;position:absolute;z-index:100;background:#FFF;}
#sheader .menu-wrap {width:100%;height:85px;}
#sheader .menu-wrap .ainner {border-bottom:1px solid #555;height:85px;}
#sheader .menu-wrap .ainner > .left {width:45%;height:84px;float:left;line-height:84px;}
#sheader .menu-wrap .ainner > .left > .atom {position:absolute;}
#sheader .menu-wrap .ainner > .left > .atom > ul {margin-left:20px;}
#sheader .menu-wrap .ainner > .left > .atom > ul > li {float:left;line-height:84px;font-size:18px;color:#333;cursor:pointer;margin-right:100px;position:relative;text-align:center;}
#sheader .menu-wrap .ainner > .left > .atom > ul > li:last-child {margin-right:0px;}
#sheader .menu-wrap .ainner > .left > .atom > ul > li.on, #header .menu-wrap .ainner > .left > .atom > ul > li:hover {color:#C43C2E;}

.atom ul li ul {opacity:0;transform:translateY(20px);position:absolute;margin-left:-100px;z-index:1;display:none;}
.atom ul li ul.smenu_01 {margin-left:0px;}
.atom ul li ul li {float:left;padding:0px 25px 0px 25px;}
.atom ul li ul li:not(:first-child) {background:url('/theme/layout/aauction/images/sec.gif') no-repeat 0% 50%;}
.atom ul li ul li a {color:#333;font-size:16px;line-height:80px;}
.atom ul li ul li a:hover {color:#C43C2E;}
.atom ul li ul li a img {margin-left:10px;}

.atom ul li ul li ul {opacity:0;transform:translateY(20px);padding:20px 0px;position:absolute;margin-left:0px;}
.atom ul li ul li ul li {display:block;height:50px;line-height:50px;border-bottom:1px solid #DDD;padding:0px 10px;clear:both;background:rgba(0,0,0,0) !important;width:330px;text-align:left;}
.atom ul li ul li ul li a {display:inline-block;line-height:50px;color:#898989;font-size:16px;}
.atom ul li ul li ul li a img {vertical-align:middle;margin-right:16px;}

.view-box {width:710px;height:240px;position:absolute;background:#F6F6F6;top:0px;margin-top:20px;left:490px;vertical-align:top;display:none;}
.view-box .left {width:305px;height:240px;float:left;background-size:cover;}
.view-box .right {width:405px;height:240px;float:left;padding:20px 30px;}
.view-box .right h2 {font-size:16px;color:#555;}
.view-box .right ul {opacity:1;display:block;padding:10px 0px;}
.view-box .right ul li {height:26px;border-bottom:0px;color:#555;}
.view-box .right ul li:last-child {color:#C43C2E;}
.view-box .right ul li span {padding-left:10px;}

.smenu_01 {width:800px;}
.smenu_02 {width:500px;}
.smenu_03 {width:500px;}

.atom .line {position:absolute;display:block;height:3px;width:0%;background:#C43C2E;left:30px;z-index:120;margin-top:-2px;}


#sheader .navi-bg {position:absolute;display:block;width:100%;height:0px;left:0;top:85px;z-index:100;overflow:hidden;}
#sheader .navi-bg .mbg {width:100%;height:80px;background:#F6F6F6;}
#sheader .navi-bg .sbg {width:100%;height:100%;background:#FFF;}
#sheader .navi-bg .open {border-bottom:1px solid #C43C2E;}

#sheader .menu-wrap .ainner > .center {width:10%;height:84px;float:left;line-height:84px;text-align:center;}
#sheader .menu-wrap .ainner > .center > h2 a {display:inline-block;width:170px;height:62px;text-indent:-999999px;background:url('/theme/layout/aauction/images/logo_black.png') no-repeat center center;margin-top:11px;}

#sheader .menu-wrap .ainner > .right {width:45%;height:84px;float:left;line-height:84px;text-align:right;vertical-align:top;}
#sheader .menu-wrap .ainner > .right ul {display:inline-block;vertical-align:top;line-height:84px;}
#sheader .menu-wrap .ainner > .right ul li {display:inline-block;color:#333;margin-right:30px;}
#sheader .menu-wrap .ainner > .right ul li:last-child {margin-right:10px;}
#sheader .menu-wrap .ainner > .right ul li a {color:#333;}
#sheader .menu-wrap .ainner > .right > .search-box {display:inline-block;width:270px;height:84px;text-align:center;vertical-align:top;}
#sheader .menu-wrap .ainner > .right > .search-box ul {border-bottom:1px solid #333;width:230px;display:inline-block;}
#sheader .menu-wrap .ainner > .right > .search-box ul li {margin:0px;border-bottom:1px solid #333;height:22px;}
#sheader .menu-wrap .ainner > .right > .search-box ul li:last-child {margin-left:-4px;}
#sheader .menu-wrap .ainner > .right > .search-box ul li input {background:rgba(0,0,0,0);width:200px;font-size:14px;color:#333;height:22px;}
#sheader .menu-wrap .ainner > .right > .search-box ul li button {background:rgba(0,0,0,0);color:#333;}
#sheader .menu-wrap .ainner::after {content:'';display:block;clear:both;}

/* header - main base header hover */
#sheader:hover .menu-wrap .ainner > .left > .atom > ul > li.on, #header:hover .menu-wrap .ainner > .left > .atom > ul > li:hover {color:#C43C2E;}

.onbtn {position:absolute;font-size:8px;font-weight:bold;background:#C43C2E;display:inline-block;width:30px;height:14px;border-radius:7px;color:#FFF;margin-top:18px;line-height:14px;text-align:center;}
.onbtn2 {position:absolute;font-size:8px;font-weight:bold;background:#C43C2E;display:inline-block;width:30px;height:14px;border-radius:7px;color:#FFF;line-height:14px;text-align:center;margin-left:20px;margin-top:5px;}

/* Sub menu */
.sub-menu {width:100%;display:inline-block;text-align:center;}
.sub-menu .inner {display:inline-block;}
.sub-menu-box {width:100%;height:60px;border-bottom:1px solid #555;}
.sub-menu-box ul li {display:inline-block;line-height:60px;color:#555;padding-right:30px;font-weight:bold;}
.sub-menu-box ul li a {font-size:16px;}
.sub-menu-box ul li:not(:first-child) {padding-left:30px;background:url('/theme/layout/aauction/images/sec.gif') no-repeat 0 50%;}
.sub-menu-box ul li:hover a , .sub-menu-box ul li.on a {color:#C43C2E;}

/* Main Visual - sliker */
.sliker {width:100%;height:100%;position:relative;display:inline-block;z-index:10;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sliker .sliker__window {position:relative;width:100%;overflow:hidden;height:100%;}
.sliker .sliker__window .sliker__track {width:1000000px;overflow:hidden;transition-property:transform, -webkit-transform;will-change:transform;display:flex;height:100%;}
.sliker .sliker__window .sliker__track .sliker__item {position:relative;overflow:hidden;text-align:center;}
.sliker .sliker__window ul li {width:100%;height:100%;display:inline-block;}

.sliker__lists {position:absolute;right:0;bottom:0;}
.sliker__lists .sliker__listitem {display:block;width:56px;height:56px;border:2px solid #7D7D7D;overflow:hidden;margin:2px 20px;cursor:pointer;}
.sliker__lists .sliker__listitem:last-child {margin-bottom:30px;}
.sliker__lists .sliker__listitem img {width:200px;}
.sliker__lists .sliker__listitem--selected ,.sliker__listitem:hover {border-color:#C43C2E;}

.sliker .sliker__bullets {display:none;}
.sliker .sliker__arrow-left {display:none;}
.sliker .sliker__arrow-right {display:none;}

/* Main Visual Popup */
.bnr-popup {padding:30px;background:rgba(255,255,255,0.7);display:inline-block;position:absolute;top:20%;left:20%;text-align:left;width:420px;}
.bnr-popup ul {margin:0px;padding:0px;}
.bnr-popup ul li{display:inline-block;}
.bnr-popup ul li.subject_date {font-size:16px;color:#333;}
.bnr-popup ul li.subject_type1 {font-size:30px;color:#333;margin-top:5px;line-height:40px;}
.bnr-popup ul li.subject_type2 {font-size:22px;color:#333;}
.bnr-popup ul li.sub_tit {font-size:16px;color:#333;margin-top:25px;}
.bnr-popup ul li.content {font-size:14px;color:#555;margin:20px 0px;}
.bnr-popup ul li.date {font-size:18px;color:#555;}
.bnr-popup ul li.date span {font-size:14px;}
.bnr-popup ul li.date strong {margin-right:10px;}
.bnr-popup ul li.enddate {font-size:16px;color:#C43C2E;}
.bnr-popup ul li.blank {height:20px;}
.bnr-popup ul li.button a {display:inline-block;line-height:50px;background:#C43c2E;color:#FFF;padding:0px 20px;font-size:18px;margin-top:6px;}
.bnr-popup ul li.button a i {font-size:14px;vertical-align:middle;margin-left:10px;}

/* Main Page */
.main-section-01 {width:100%;padding:60px 0px;}

.main-section-02 {width:100%;padding:60px 0px;background:#E9EBF3;}

.abox {width:100%;display:inline-block;vertical-align:top;}
.abox dl {display:inline-block;width:372px;margin-right:42px;vertical-align:top;}
.abox dl:last-child {margin-right:0px;}
.abox dl dt {text-align:left;}
.abox dl dt:nth-child(1) {width:100%;height:280px;overflow:hidden;}
.abox dl dt:nth-child(1) div {width:100%;height:280px;background-size:cover !important;transition:all 0.3s ease-in-out;}
.abox dl dt:nth-child(1) div:hover {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}
.abox dl dt:nth-child(2) {font-size:9px;color:#555;}
.abox dl dt:nth-child(3) {font-size:18px;color:#333;}
.abox dl dt:nth-child(4) {font-size:14px;color:#555;padding-top:20px;}
.abox dl dt:nth-child(5) {font-size:14px;color:#9A9A9A;}

/* Main Page - Auction Guide */
.main-section-03 {width:100%;padding:60px 0px;}
.main-section-03 .inner .gbox {width:100%;height:290px;display:inline-block;border:1px solid #E4E4E4;}
.main-section-03 .inner .gbox dl {width:20%;height:290px;float:left;padding:15px;border-right:1px solid #E4E4E4;}
.main-section-03 .inner .gbox dl:after {content:"";display:block;clear:both;}
.main-section-03 .inner .gbox dl dt {text-align:center;}
.main-section-03 .inner .gbox dl:last-child {border-right:0px;}
.main-section-03 .inner .gbox dl dt:nth-child(1) {height:110px;padding:20px 0px 0px 0px;}
.main-section-03 .inner .gbox dl dt:nth-child(2) {height:30px;line-height:30px;color:#555;font-size:18px;}
.main-section-03 .inner .gbox dl dt:nth-child(3) {line-height:18px;color:#555;text-align:left;padding-top:10px;letter-spacing:-1px;}
.main-section-03 .inner .gbox dl dt:nth-child(4) a {height:30px;background:#C43C2E;display:inline-block;margin-top:15px;line-height:28px;color:#FFF;width:100px;border-radius:3px;border:1px solid #C43C2E;}
.main-section-03 .inner .gbox dl dt:nth-child(4) a:hover {border:1px solid #C43C2E;background:#FFF;color:#C43C2E;}
.main-section-03 .inner .gbox dl dt:nth-child(4) a i {margin-left:10px;}

/* Main Page sub title */
.main-title {width:100%;text-align:center;}
.main-title span {width:50px;height:4px;background:#333;display:inline-block;margin-bottom:25px;}
.main-title h3 {width:100%;font-size:36px;color:#333;margin-bottom:50px;}

/* Subpage Header */
.header-sub {width:100%;height:85px;}
.page-title {width:100%;height:180px;}
.page-title > .inner {text-align:center;}
.page-title > .inner span {width:100%;display:inline-block;font-size:14px;color:#555;margin-top:50px;}
.page-title > .inner h2 {color:#333;font-size:30px;margin-top:8px;}

/* Auction Page */
/* Auction Page header */
.auction-header {width:100%;display:inline-block;background:#F6F6F6;border-bottom:1px solid #DDD;}
.auction-headers {width:100%;display:inline-block;text-align:center;}
.auction-headers .inner {display:inline-block;padding:40px 0px;text-align:left;vertical-align:top;clear:both;}
.auction-headers .inner .left {width:800px;float:left;}
.auction-headers .inner .left h3 {color:#333;font-size:24px;display:inline-block;}
.auction-headers .inner .left > span {color:#555;display:inline-block;width:auto;margin-left:20px;}
.auction-headers .inner .left > span em {font-style:normal;margin-right:10px;}
.auction-headers .inner .left ul {display:inline-block;}
.auction-headers .inner .left ul li {width:100%;display:inline-block;}
.auction-headers .inner .left ul li span {width:95px;display:inline-block;}
.auction-headers .inner .left ul li:nth-child(1) {color:#333;font-size:24px;line-height:30px;margin-bottom:10px;}
.auction-headers .inner .left ul li:nth-child(1) span {color:#C43C2E;}
.auction-headers .inner .left ul li:nth-child(2) {color:#555;font-size:18px;line-height:22px;margin-bottom:10px;}
.auction-headers .inner .left ul li:nth-child(3) {color:#333;font-size:30px;line-height:40px;}
.auction-headers .inner .right {width:400px;float:left;}
.auction-headers .inner .right ul {display:inline-block;}
.auction-headers .inner .right ul li {width:100%;height:30px;line-height:30px;}
.auction-headers .inner .right ul li span {display:table-cell;color:#555;font-size:16px;}
.auction-headers .inner .right ul li span:first-child {width:80px;color:#555;}
.auction-headers .inner .exp_add {width:100%;margin-top:15px;font-size:15px;padding-left:96px;display:inline-block;}
.auction-body {width:100%;display:inline-block;text-align:center;margin-bottom:200px;margin-top:50px;}
.auction-body .inner {display:inline-block;}
.auction-body .list-head {width:100%;display:table;text-align:left;}
.auction-body .list-head strong {color:#C43C2E;font-weight:bold;}
.auction-body .list-head .left {width:60%;display:table-cell;text-align:left;font-size:16px;}
.auction-body .list-head .left span {color:#C43C2E;font-weight:bold;}
.auction-body .list-head .left ul li {display:inline-block;color:#333;font-size:18px;}
.auction-body .list-head .left ul li:first-child {padding-left:20px;}
.auction-body .list-head .left ul li a {color:#333;font-size:18px;line-height:30px;}
.auction-body .list-head .left ul li a.on, .auction-body .list-head .left ul li a:hover {color:#C43C2E;}
.auction-body .list-head .left ul li.blank {padding:0px 20px;color:#AAA;}
.auction-body .list-head .right {width:40%;display:table-cell;text-align:right;}
.auction-body .list-head .right form {display:inline-block;vertical-align:top;}
.auction-body .list-head .right .asbox {display:inline-block;width:230px;height:40px;margin-right:10px;}
.auction-body .list-head .right .asbox ul li {width:230px;height:40px;border-bottom:1px solid #333;}
.auction-body .list-head .right .asbox ul li input {width:190px;height:30px;}
.auction-body .list-head .right .asbox ul li button {width:30px;height:40px;display:inline-block;background:rgba(0,0,0,0);}
.auction-body .list-head .right .asbox ul li button i {font-size:24px;}
.auction-body .list-head .right a {width:40px;height:40px;display:inline-block;text-align:center;line-height:40px;border:1px solid #555;color:#555;margin-left:3px;font-size:20px;}
.auction-body .list-head .right a.on, .auction-body .list-head .right a:hover {color:#C43C2E;border:1px solid #C43C2E;}
.auction-body .list-body {width:100%;display:inline-block;border-top:1px solid #333;border-bottom:1px solid #333;margin-bottom:30px;margin-top:10px;}
.auction-body .list-body .alist {width:100%;display:inline-block;}
.auction-body .list-body .alist > ul > li {width:100%;height:320px;display:inline-block;padding:50px 0px;border-bottom:1px solid #E4E4E8;}
.auction-body .list-body .alist > ul > li.no {line-height:220px;font-size:16px;}
.auction-body .list-body .alist > ul > li div.favor {position:absolute;margin-top:-30px;color:#555;margin-left:1120px;cursor:pointer;}
.auction-body .list-body .alist > ul > li div.favor.on {color:#333;}
.auction-body .list-body .alist > ul > li div.favor.on i {color:#cc9900;}
.auction-body .list-body .alist > ul > li div.list-tit {position:absolute;font-size:16px;font-weight:bold;margin-top:-30px;}
.auction-body .list-body .alist > ul > li:last-child {border-color:#FFF;}
.auction-body .list-body .alist > ul > li.bb > a {display:inline-block;width:300px;height:60px;background:#C43C2E;color:#FFF;line-height:60px;font-size:18px;}

.adm_btns {position:absolute;margin-top:-40px;}
.adm_btns a {display:inline-block;width:100px;height:34px;border-radius:17px;text-align:left;line-height:26px;}
.adm_btns a span {display:inline-block;width:26px;height:26px;border-radius:13px;background:#FFF;vertical-align:middle;margin-left:2px;margin-right:10px;text-align:center;}
.adm_btns a.color1 {background:#3CA773;border:2px solid #3CA773;color:#FFF;}
.adm_btns a.color1 span i {color:#3CA773;}
.adm_btns a.color1:hover {background:#FFF;color:#3CA773;}
.adm_btns a.color2 {background:#6948E1;border:2px solid #6948E1;color:#FFF;margin-left:5px;}
.adm_btns a.color2 span i {color:#6948E1;}
.adm_btns a.color2:hover {background:#FFF;color:#6948E1;}
.adm_btns a.color3 {background:#EA8BFF;border:2px solid #EA8BFF;color:#FFF;margin-left:5px;}
.adm_btns a.color3 span i {color:#EA8BFF;}
.adm_btns a.color3:hover {background:#FFF;color:#EA8BFF;}
.adm_btns a.color4 {background:#277CE9;border:2px solid #277CE9;color:#FFF;margin-left:5px;}
.adm_btns a.color4 span i {color:#277CE9;}
.adm_btns a.color4:hover {background:#FFF;color:#277CE9;}

.btn_viewpage {margin-top:10px;}

.auction-body .list-body .alist > ul > li .list-img {width:200px;float:left;vertical-align:top;margin-right:30px;text-align:center;}
.logoimg {width:120px;vertical-align:middle;}

.auction-body .list-body .alist > ul > li .list-lot {width:60px;float:left;vertical-align:top;margin-right:30px;text-align:left;color:#555;font-size:30px;}
.auction-body .list-body .alist > ul > li .list-lot span {width:100%;display:inline-block;color:#555;font-size:16px;}

.auction-body .list-body .alist > ul > li .list-art {width:250px;float:left;vertical-align:top;margin-right:55px;}
.auction-body .list-body .alist > ul > li .list-art ul.artist {width:100%;margin-top:20px;}
.auction-body .list-body .alist > ul > li .list-art ul.artist li {font-size:18px;line-height:30px;color:#555;text-align:left;}
.auction-body .list-body .alist > ul > li .list-art ul.artist li:first-child {font-size:30px;line-height:36px;color:#333;}
.auction-body .list-body .alist > ul > li .list-art ul.artist li span {font-size:14px;}
.auction-body .list-body .alist > ul > li .list-art ul.art {width:100%;margin-top:30px;}
.auction-body .list-body .alist > ul > li .list-art ul.art li {font-size:18px;line-height:24px;color:#555;text-align:left;}
.auction-body .list-body .alist > ul > li .list-art ul.art li:first-child {color:#333;}

.auction-body .list-body .alist > ul > li .list-material {width:245px;float:left;vertical-align:top;margin-right:30px;text-align:left;padding-top:20px;}
.auction-body .list-body .alist > ul > li .list-material ul li {color:#555;}
.auction-body .list-body .alist > ul > li .list-material ul li:first-child {color:#333;}
.auction-body .list-body .alist > ul > li .list-material ul li.size {color:#333;}
.auction-body .list-body .alist > ul > li .list-material ul li.year {margin-top:20px;}

.auction-body .list-body .alist > ul > li .list-auction {width:300px;float:left;vertical-align:top;padding-top:20px;}
.auction-body .list-body .alist > ul > li .list-auction ul li {width:100%;display:table;height:24px;text-align:left;}
.auction-body .list-body .alist > ul > li .list-auction ul li span {display:table-cell;color:#555;}
.auction-body .list-body .alist > ul > li .list-auction ul li span:first-child {width:80px;color:#333;height:24px;}
.auction-body .list-body .alist > ul > li .list-auction ul li.auction_price span:last-child {color:#333;font-size:16px;font-weight:bold;}
.auction-body .list-body .alist > ul > li .list-auction ul li.auction_price span.on {color:#C43C2E;font-size:16px;}
.auction-body .list-body .alist > ul > li .list-auction ul li.auction_price span.on:last-child {color:#C43C2E;font-size:20px;}
.auction-body .list-body .alist > ul > li .list-auction ul li.on {height:30px;}
.auction-body .list-body .alist > ul > li .list-auction ul li.on span {color:#C43C2E;}
.auction-body .list-body .alist > ul > li .list-auction ul li.on span:last-child {font-size:16px;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn {margin-top:25px;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn ul {display:table;width:100%;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn ul li {display:table-cell;vertical-align:top;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn ul li a {width:100%;height:54px;display:inline-block;line-height:54px;cursor:pointer;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn ul li a.bi {background:#C43C2E;color:#FFF;text-align:center;font-size:18px;font-weight:bold;border:1px solid #C43C2E;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn ul li a.bi.off {background:#7E7F82;color:#FFF;border: 1px solid #555;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn ul li a.bi.off:hover {background:#FFF;color:#7E7F82;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn ul li a.bi:hover {color:#C43C2E;background:#FFF;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn ul li a.ce {width:100px;text-align:center;border:1px solid #C43C2E;color:#C43C2E;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn ul li a.ce:hover {background:#C43C2E;color:#FFF;}

.auction-body .list-body .alist > ul > li .list-auction ul li.btn_type2 {margin-top:50px;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn_type2 ul {display:inline-block;width:100%;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn_type2 ul li {display:inline-block;width:100%;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn_type2 ul li:first-child {margin-bottom:20px;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn_type2 ul li a {width:100%;height:40px;display:inline-block;line-height:40px;cursor:pointer;text-align:center;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn_type2 ul li a.buy {background:#C43C2E;color:#FFF;font-size:14px;font-weight:bold;border:1px solid #C43C2E;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn_type2 ul li a.cart {border:1px solid #C43C2E;color:#C43C2E;font-size:14px;font-weight:bold;}
.auction-body .list-body .alist > ul > li .list-auction ul li.btn_type2 ul li a.bend {background:#333;color:#FFF;font-size:14px;font-weight:bold;border:1px solid #333;}

.auction-body .list-body .glist {width:100%;display:inline-block;padding-top:10px;}
.auction-body .list-body .glist > ul {width:100%;display:inline-block;}
.auction-body .list-body .glist > ul > li {width:232px;display:inline-block;margin-right:10px;float:left;border:1px solid #D5D5D5;background:#F8F8F8;padding-bottom:10px;margin-bottom:10px;}
.auction-body .list-body .glist > ul > li:nth-child(5n) {margin-right:0px;}
.auction-body .list-body .glist > ul > li > ul > li {width:100%;display:inline-block;padding:0px 10px;text-align:left;}
.auction-body .list-body .glist > ul > li > ul > li.list-img {width:100%;height:232px;background:#FFF;text-align:center;padding:0px;}
.auction-body .list-body .glist > ul > li > ul > li.list-img a {width:100%;height:232px;display:inline-block;text-align:center;position:relative;}
.auction-body .list-body .glist > ul > li > ul > li.list-img img {position:absolute;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;top:0;bottom:0;left:0;right:0;}
.auction-body .list-body .glist > ul > li > ul > li.list-img a > .logoimg {margin-top:92px;}
.auction-body .list-body .glist > ul > li > ul > li.list-lot {margin-top:10px;color:#333;font-size:16px;font-weight:bold;}
.auction-body .list-body .glist > ul > li > ul > li.list-lot span {font-size:14px;color:#555;}
.auction-body .list-body .glist > ul > li > ul > li.artist {font-size:20px;color:#333;height:40px;margin-top:10px;}
.auction-body .list-body .glist > ul > li > ul > li.artist > span {color:#555;font-size:16px;}
.auction-body .list-body .glist > ul > li > ul > li.title {letter-spacing:-1px;height:80px;}
.auction-body .list-body .glist > ul > li > ul > li.material {letter-spacing:-1px;}
.auction-body .list-body .glist > ul > li > ul > li.line {font-size:0px;line-height:0px;padding:0px;margin:10px 0px;height:1px;border-top:1px dotted #333;}
.auction-body .list-body .glist > ul > li > ul > li.tb {width:100%;display:table;}
.auction-body .list-body .glist > ul > li > ul > li.tb > span {display:table-cell;}
.auction-body .list-body .glist > ul > li > ul > li.tb > span:last-child {text-align:right;}
.auction-body .list-body .glist > ul > li > ul > li.tb > span.on {color:#C43C2E;}
.auction-body .list-body .glist > ul > li > ul > li.tb.now > span:last-child {font-weight:bold;font-size:16px;padding:6px 0px;}
.auction-body .list-body .glist > ul > li > ul > li.tb.last > span:last-child {font-size:15px;font-weight:bold;color:#C43C2E;}
.auction-body .list-body .glist > ul > li > ul > li.btn {text-align:center;margin-top:10px;}
.auction-body .list-body .glist > ul > li > ul > li.btn ul li a {width:100%;height:40px;background:#C43C2E;display:inline-block;color:#FFF;font-size:15px;line-height:40px;}
.auction-body .list-body .glist > ul > li > ul > li.btn ul li:first-child a {width:100%;height:40px;background:#FFF;border:1px solid #C43C2E;display:inline-block;color:#FFF;font-size:15px;line-height:40px;color:#C43C2E;margin-bottom:10px;}
.auction-body .list-body .glist > ul > li > ul > li.btn ul li a.blank {background:#F8F8F8;}
.auction-body .list-body .glist > ul > li > ul > li.btn ul li a.bend {background:#333;color:#FFF;border-color:#333;}
.auction-body .list-body .glist > ul > li > ul > li.btn ul li a.favor {color:#555;}
.auction-body .list-body .glist > ul > li > ul > li.btn ul li a.favor.on {color:#C43C2E;}
.auction-body .list-body .glist > ul > li > ul > li.btn ul li a.favor.on i {color:#CC9900;}
.auction-body .list-body .glist > ul > li > ul > li.blank_box {width:230px;height:698px;display:table-cell;vertical-align:middle;text-align:center;}
.auction-body .list-body .glist > ul > li > ul > li.blank_box a {display:inline-block;width:100%;height:60px;border:1px solid #C43C2E;background:#FFF;color:#333;font-size:16px;line-height:58px;}

.aucs .auc-body .auc-body-wrap .auc-auction .bid-box .auto-exp .auto-exp-mark span {margin-left:-200px;}

.auction-body .list-exp {width:100%;display:inline-block;margin-top:50px;}
.auction-body .list-exp ul {width:100%;display:inline-block;}
.auction-body .list-exp ul li {padding-left:10px;background:url('/theme/layout/aauction/images/dot.gif') no-repeat 0px 15px;text-align:left;font-size:16px;line-height:30px;height:30px;}

/* Login */
.login-wrap {width:100%;height:100%;}
.login-wrap .inner {text-align:center;}
.login-wrap .inner .login-box {width:500px;display:inline-block;margin-top:100px;text-align:center;}
.login-wrap .inner .login-box p {font-size:0px;line-height:0px;width:380px;height:1px;background:#333;display:inline-block;margin-top:30px;text-align:left;}
.login-wrap .inner .login-box p span {font-size:0px;line-height:0px;width:100px;height:1px;background:#C43C2E;display:inline-block;}
.login-wrap .inner .login-box h2 {font-size:30px;color:#333;}
.login-wrap .inner .login-box ul {padding:30px 60px;}
.login-wrap .inner .login-box ul li input {width:100%;height:50px;border:1px solid #D5D5D5;padding:0px 20px;}
.login-wrap .inner .login-box ul li input[type="password"] {border-top:1px solid #FFF;}
.login-wrap .inner .login-box ul li button[type="submit"] {width:100%;height:50px;background:#C43C2E;margin-top:6px;color:#FFF;font-size:16px;border:2px solid #C43C2E;font-weight:bold;}
.login-wrap .inner .login-box ul li button[type="submit"]:hover {background:#FFF;color:#C43C2E;transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
.login-wrap .inner .login-box ul li.checkbox {margin-top:10px;}
.login-wrap .inner .login-box ul li.checkbox span {display:table-cell;vertical-align:middle;}
.login-wrap .inner .login-box ul li.checkbox span em {padding:0px 10px;}
.login-wrap .inner .login-box ul li.checkbox span > .checkbox2 {width:24px;height:24px;display:inline-block;background:url('/theme/layout/aauction/images/check_off.png') no-repeat;cursor:pointer;vertical-align:middle;}
.login-wrap .inner .login-box ul li.checkbox span > input[type='checkbox']:checked + label {background:url('/theme/layout/aauction/images/check_on.png') no-repeat;}
.login-wrap .inner .login-box ul li.checkbox span > input[type='checkbox'] {display:none;}
.login-wrap .inner .login-box ul li.menu {margin-top:10px;border-top:1px dotted #D5D5D5;padding:10px 0px;}
.login-wrap .inner .login-box ul li.menu span {display:table-cell;width:190px;text-align:left;}
.login-wrap .inner .login-box ul li.menu span:last-child {text-align:right;}
.login-wrap .inner .login-box ul li.menu span a {color:#ADADAD;}
.login-wrap .inner .login-box ul li.menu span a:hover {color:#C43C2E;}
.login-wrap .inner .login-box ul li.menu span button {border:1px solid #D5D5D5;background:#FFF;width:150px;height:30px;color:#ADADAD;}
.login-wrap .inner .login-box ul li.menu span button:hover {border:1px solid #333;background:#333;color:#FFF;transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
.login-wrap .inner .login-box ul li.menu1 {}
.login-wrap .inner .login-box ul li.menu1 span {display:table-cell;width:190px;text-align:left;letter-spacing:-2px;}
.login-wrap .inner .login-box ul li.menu1 span:last-child {text-align:right;}
.login-wrap .inner .login-box ul li.menu1 span a {color:#ADADAD;}
.login-wrap .inner .login-box ul li.menu1 span a:hover {color:#C43C2E;}
.login-wrap .inner .login-box ul li.menu1 span button {border:1px solid #D5D5D5;background:#FFF;width:150px;height:30px;color:#ADADAD;}
.login-wrap .inner .login-box ul li.menu1 span button:hover {border:1px solid #333;background:#333;color:#FFF;transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}

/* Join */
.join-wrap {width:100%;text-align:center;display:inline-block;margin-bottom:200px;}
.join-wrap .inner {display:inline-block;}
.join-nav {width:100%;display:inline-block;}
.join-nav > ul > li {width:25%;float:left;border:1px solid #E9E9E9;border-right:0px;text-align:center;padding:10px 10px 0px 10px;background:#F8F8F8;text-align:center;}
.join-nav > ul > li:last-child {border-right:1px solid #E9E9E9;}
.join-nav > ul > li > ul {width:80%;display:inline-block;vertical-align:middle;}
.join-nav > ul > li > ul > li {float:left;}
.join-nav > ul > li > ul > li:first-child {width:80px;font-size:40px;line-height:50px;color:#555;}
.join-nav > ul > li > ul > li > span {width:100%;color:#555;display:inline-block;}
.join-nav > ul > li > ul > li > strong {width:100%;color:#333;display:inline-block;font-size:16px;}

.join-nav > ul > li.on {background:#C43C2E;border:1px solid #C43C2E;}
.join-nav > ul > li.on > ul > li  {color:#FFF;}
.join-nav > ul > li.on > ul > li strong, .join-nav > ul > li.on > ul > li span {color:#FFF;}

.join-map {width:100%;height:2px;background:#333;font-size:0px;line-height:0px;display:inline-block;}
.join-map ul {position:absolute;width:1200px;margin-top:-10px;}
.join-map ul li {width:25%;float:left;}
.join-map ul li span {position:relative;display:inline-block;background:#FFF;}
.join-map ul li span.on {color:#C43C2E;}

.join-choice {width:100%;display:inline-block;margin-top:50px;}
.join-choice h2 {font-size:24px;}
.join-choice p {color:#555;margin-top:20px;margin-bottom:6px;}
.join-choice > ul {width:100%;padding:20px 0px;display:inline-block;border-top:1px solid #333;border-bottom:1px solid #333;}
.join-choice > ul > li {width:33%;display:inline-block;padding:10px 30px;border-right:1px solid #E5E5E5;vertical-align:top;}
.join-choice > ul > li:last-child {border:0px;}
.join-choice > ul > li > ul {vertical-align:top;}
.join-choice > ul > li > ul > li {text-align:left;}
.join-choice > ul > li > ul > li:nth-child(2) {height:218px;}
.join-choice > ul > li > ul > li > ul > li:not(.blank) {background:url('/theme/layout/aauction/images/dot.gif') no-repeat 0px 10px;padding-left:10px;color:#555;}
.join-choice > ul > li > ul > li > ul > li.blank {height:20px;}
.join-choice > ul > li > ul > li > ul > li.on {color:#C43C2E;}
.join-choice > ul > li > ul > li:first-child {font-size:16px;color:#333;border-bottom:1px solid #D5D5D5;text-align:center;height:30px;margin-bottom:20px;}
.join-choice > ul > li > ul > li:first-child span {color:#C43C2E;}
.join-choice > ul > li > ul > li:last-child {text-align:center;margin-top:30px;}
.join-choice > ul > li > ul > li:last-child a {width:150px;height:40px;display:inline-block;background:#C43C2E;line-height:36px;color:#FFF;border-radius:3px;font-size:16px;border:2px solid #C43C2E;}
.join-choice > ul > li > ul > li:last-child a:hover {border:2px solid #C43C2E;background:#FFF;color:#C43C2E;}

.sitemap {width:100%;display:inline-block;margin:50px 0px;}
.sitemap h2 {font-size:24px;margin-bottom:30px;}
.sitemap > ul {width:100%;padding:20px 0px;display:inline-block;border-top:1px solid #333;border-bottom:1px solid #333;}
.sitemap > ul > li {width:24.7%;display:inline-block;padding:10px 30px;border-right:1px solid #E5E5E5;vertical-align:top;}
.sitemap > ul > li:last-child {border:0px;}
.sitemap > ul > li > ul {vertical-align:top;}
.sitemap > ul > li > ul > li {text-align:left;}
.sitemap > ul > li > ul > li > ul > li {background:url('/theme/layout/aauction/images/dot.gif') no-repeat 0px 10px;padding-left:10px;color:#555;}
.sitemap > ul > li > ul > li > ul > li a {color:#555;}
.sitemap > ul > li > ul > li > ul > li a:hover {color:#C43C2E;}
.sitemap > ul > li > ul > li:first-child {font-size:16px;color:#333;border-bottom:1px solid #D5D5D5;text-align:center;height:30px;margin-bottom:20px;}

.off-list {width:100%;display:inline-block;}
.off-list ul {width:100%;display:table;border-bottom:1px solid #D5D5D5;}
.off-list ul:last-child {border-bottom:1px solid #333;}
.off-list ul.off-list-head {border-top:1px solid #333;background:#F7F7F7;}
.off-list ul.off-list-head li.art {text-align:center;}
.off-list ul li {padding:5px;border-right:1px solid #D5D5D5;}
.off-list ul li:last-child {border-right:0px;}
.off-list ul li.name {width:25%;display:table-cell;}
.off-list ul li.art {width:20%;display:table-cell;text-align:left;padding-left:5px;}
.off-list ul li.date {width:16%;display:table-cell;}
.off-list ul li.type {width:16%;display:table-cell;}
.off-list ul li.price {width:15%;display:table-cell;}
.off-list ul li.price div {float:left;width:30%;}
.off-list ul li.price div:last-child {text-align:right;width:70%;}
.off-list ul li.cancel {width:8%;display:table-cell;}

.join-agree {width:100%;display:inline-block;margin-top:50px;text-align:left;}
.join-agree h2 {font-size:24px;color:#333;text-align:center;}
.join-agree h2 span {font-size:16px;color:#555;}
.join-agree .checkbox2 {width:24px;height:24px;display:inline-block;background:url('/theme/layout/aauction/images/check_off.png') no-repeat;cursor:pointer;vertical-align:middle;}
.join-agree > input[type='checkbox']:checked + label {background:url('/theme/layout/aauction/images/check_on.png') no-repeat;}
.join-agree > input[type='checkbox'] {display:none;}
.join-agree > input[type="checkbox"]:not(:first-child) + label {margin-left:0px;}
.join-agree .agree-box {border:1px solid #D5D5D5;width:100%;height:200px;padding:10px;margin-top:20px;margin-bottom:10px;overflow-y:scroll;}
.join-wrap .inner button {min-width:120px;height:40px;margin-top:40px;background:#7E7F82;color:#FFF;font-size:16px;padding:0px 15px;}
.join-wrap .inner button[type='submit'] {background:#C43C2E;}
.join-wrap .inner button.next {background:#C43C2E;}
.join-wrap .inner > a {width:120px;height:40px;margin-top:40px;background:#7E7F82;color:#FFF;font-size:16px;display:inline-block;line-height:40px;}
.join-wrap .inner > a.on {background:#C43C2E;}
.join-wrap .inner h2 {font-size:24px;color:#333;text-align:left;margin-top:70px;margin-bottom:20px;}
.join-wrap .inner p {color:#555;margin-bottom:6px;text-align:left;}
.join-wrap .inner > ul {border-top:1px solid #333;border-bottom:1px solid #333;}
.join-wrap .inner > ul > li {height:60px;line-height:59px;border-bottom:1px solid #D5D5D5;}
.join-wrap .inner > ul > li > span {float:left;padding-left:20px;width:1000px;text-align:left;}
.join-wrap .inner > ul > li > span > em {font-style:normal;}
.join-wrap .inner > ul > li > span > div {line-height:59px;}
.join-wrap .inner > ul > li > span > div a {height:40px;width:80px;background:#787878;display:inline-block;line-height:36px;color:#FFF;text-align:center;border:2px solid #787878;}
.join-wrap .inner > ul > li > span > div a.type2 {width:120px;}
.join-wrap .inner > ul > li > span > div.view_pw {display:none;}
.join-wrap .inner > ul > li > span input {height:40px;width:200px;border:1px solid #D5D5D5;padding:0px 10px;line-height:38px;vertical-align:middle;}
.join-wrap .inner > ul > li > span input.type80 {width:80px;}
.join-wrap .inner > ul > li > span input.type100p {width:100%;}
.join-wrap .inner > ul > li > span img {width:30px;vertical-align:middle;}
.join-wrap .inner > ul > li.address {height:175px;}
.join-wrap .inner > ul > li.address span {height:174px;line-height:50px;}
.join-wrap .inner > ul > li.address span:last-child {padding-top:10px;}
.join-wrap .inner > ul > li.exp {height:350px;}
.join-wrap .inner > ul > li.exp span {height:349px;}
.join-wrap .inner > ul > li.exp span:last-child {padding-top:10px;}
.join-wrap .inner > ul > li.exp span textarea {width:99%;height:150px;border:1px solid #D5D5D5;}
.join-wrap .inner > ul > li.exp2 {height:170px;}
.join-wrap .inner > ul > li.exp2 span {height:169px;}
.join-wrap .inner > ul > li.exp2 span:last-child {padding-top:10px;line-height:30px !important;}
.join-wrap .inner > ul > li.exp2 textarea {width:100%;height:100px;border:1px solid #D5D5D5;padding:0px 10px;}
.join-wrap .inner > ul > li.exp3 {height:120px;}
.join-wrap .inner > ul > li.exp3 span {height:119px;}
.join-wrap .inner > ul > li.exp3 span:last-child {padding-top:10px;line-height:30px !important;}
.join-wrap .inner > ul > li.exp3 textarea {width:100%;height:100px;border:1px solid #D5D5D5;padding:0px 10px;}
.join-wrap .inner > ul > li > span select {height:40px;border:1px solid #D5D5D5;padding:0px 10px;}
.join-wrap .inner > ul > li > span:first-child {width:150px;background:#F9F9F9;padding:0px 20px;text-align:left;}
.join-wrap .inner > ul > li > span > a {height:40px;width:80px;background:#787878;display:inline-block;line-height:36px;color:#FFF;text-align:center;border:2px solid #787878;}
.join-wrap .inner > ul > li > span > a.atype2 {width:auto;padding:0px 15px;}
.join-wrap .inner > ul > li > span strong {margin-left:30px;}
.join-wrap .inner > ul > li > span > a:hover {background:#FFF;color:#787878;}

.join-wrap .inner > ul.text {border:0px;}
.join-wrap .inner > ul.text li {text-align:left;border:0px;line-height:30px;height:30px;}
.join-wrap .inner > ul.text li strong {color:#C43C2E;font-weight:bold;}

.join-wrap .inner .join-result {width:100%;display:inline-block;margin-top:70px;}
.join-wrap .inner .join-result > .left {width:60%;float:left;border:1px solid #333;padding:50px;}
.join-wrap .inner .join-result > .right {width:40%;height:358px;float:left;border:1px solid #333;padding:40px;border-left:0px;background:#F8F8F8;}
.join-wrap .inner .join-result > .right ul li {text-align:left;font-size:16px;}
.join-wrap .inner .join-result > .right ul li span {color:#C43C2E;font-size:12px;margin-right:10px;}
.join-wrap .inner .join-result h2 {font-size:28px;margin-top:0px;margin-bottom:40px;line-height:30px;}
.join-wrap .inner .join-result h2 span {color:#C43C2E;}
.join-wrap .inner .join-result p {font-size:16px;color:#555;line-height:30px;}
.join-wrap .inner .join-result p a {width:200px;height:40px;border:1px solid #555;display:inline-block;margin-top:20px;text-align:center;line-height:38px;font-size:16px;}
.join-wrap .inner .join-result p a:hover {background:#C43C2E;color:#FFF;border:1px solid #C43C2E;}

/* Mask */
.msk {width:100%;background:rgba(0,0,0,0.7);height:100%;position:absolute;z-index:2000;top:0;display:none;}

/* Detail Page */
.art-info {width:100%;display:inline-block;margin-bottom:200px;}
.top-btn-wrap {width:100%;display:table;margin:20px 0px;}
.top-btn-wrap a {width:66px;height:30px;display:inline-block;text-align:center;color:#555;font-size:14px;border:1px solid #D5D5D5;line-height:30px;}
.top-btn-wrap a:not(:first-child) {margin-left:4px;}
.top-btn-wrap .left {width:50%;display:table-cell;text-align:left;}
.top-btn-wrap .right {width:50%;display:table-cell;text-align:right;}
.art-info-wrap {width:100%;display:table;margin-bottom:80px;vertical-align:top;}

.art-info-wrap .linfo {width:690px;display:table-cell;vertical-align:top;}
.art-info-wrap .linfo .hidden-image {width:690px;height:782px;overflow:hidden;position:absolute;cursor:pointer;opacity:0.0001;}
.art-info-wrap .linfo .linfo-image {width:690px;height:782px;overflow:hidden;text-align:center;overflow:hidden;}
.art-info-wrap .linfo .linfo-image ul li a img {width:100%;}
.art-info-wrap .linfo .linfo-image img {cursor:pointer;transition:all 0.3s ease-in-out;vertical-align:middle;}
.art-info-wrap .linfo .linfo-image img:not(:first-child) {visibility:hidden;}
.art-info-wrap .linfo .linfo-image > .llogo {margin-top:333px;}
.art-info-wrap .linfo .linfo-image img:hover {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}
.art-info-wrap .linfo .linfo-image-thumb {margin-top:20px}
.art-info-wrap .linfo .linfo-image-thumb ul li {width:80px;height:80px;float:left;overflow:hidden;}
.art-info-wrap .linfo .linfo-image-thumb ul li img {width:100%;cursor:pointer;}
.art-info-wrap .linfo .linfo-image-thumb ul li:not(:first-child) {margin-left:10px;}

.art-info-wrap .rinfo {width:510px;display:table-cell;padding-left:60px;vertical-align:top;}
.rinfo .rinfo-artist {width:100%;display:inline-block;height:150px;border-bottom:1px solid #E4E4E8;}
.rinfo .rinfo-artist > ul > li.lot {color:#555;font-size:18px;height:30px;line-height:30px;}
.rinfo .rinfo-artist > ul > li.lot span {font-size:24px;}
.rinfo .rinfo-artist > ul > li.name-ko {font-size:30px;color:#333;height:44px;line-height:44px;}
.rinfo .rinfo-artist > ul > li.name-etc {font-size:18px;color:#555;height:24px;line-height:24px;}
.rinfo .rinfo-artist > ul > li.birth {font-size:14px;color:#555;height:24px;line-height:24px;}

.rinfo .rinfo-art {width:100%;height:240px;border-bottom:1px solid #E4E4E8;}
.rinfo .rinfo-art .art-name-ko {margin-top:13px;font-size:18px;color:#333;height:25px;line-height:25px;}
.rinfo .rinfo-art .art-name-en {font-size:14px;color:#555;height:14px;}
.rinfo .rinfo-art .art-material {margin-top:23px;color:#555;height:20px;line-height:20px;}
.rinfo .rinfo-art .art-material2 {color:#555;height:20px;line-height:20px;}
.rinfo .rinfo-art .art-size {color:#555;height:20px;line-height:20px;}
.rinfo .rinfo-art .art-make {color:#555;height:20px;line-height:20px;margin-top:7px;}

.rinfo .rinfo-price {width:100%;height:295px;border-bottom:1px solid #E4E4E8;}
.rinfo .rinfo-price ul li {font-size:14px;color:#555;height:20px;}
.rinfo .rinfo-price ul li.tit-black {margin-top:16px;color:#333;}
.rinfo .rinfo-price ul li.tit-normal {margin-top:18px;}
.rinfo .rinfo-price ul li.tit-red {color:#C43C2E;margin-top:22px;}
.rinfo .rinfo-price ul li.now-pri {height:30px;line-height:30px;}
.rinfo .rinfo-price ul li.now-pri #nowprice {color:#C43C2E;font-size:24px;line-height:30px;display:inline-block;}
.rinfo .rinfo-price ul li.bid-tit {margin-top:18px}
.rinfo .rinfo-price ul li.bid-tit #bid-num {color:#C43C2E;margin-left:15px;display:inline-block;}
.rinfo .rinfo-price ul li.ntime {margin-top:20px;height:24px;font-size:18px;color:#C43C2E;}
.rinfo .rinfo-price ul li.ntime #last-time {color:#C43C2E;font-size:18px;display:inline-block;}

.rinfo .rinfo-button {width:100%;height:145px;border-bottom:1px solid #E4E4E8;vertical-align:top;}
.rinfo .rinfo-button ul {display:table;width:100%;}
.rinfo .rinfo-button ul li {display:table-cell;padding-top:10px;}
.rinfo .rinfo-button ul li:first-child {width:300px;}
.rinfo .rinfo-button ul li:first-child a {width:300px;height:60px;display:inline-block;border:2px solid #C43C2E;background:#C43C2E;font-size:24px;line-height:56px;color:#FFF;text-align:center;}
.rinfo .rinfo-button ul li:first-child a:hover {background:#FFF;color:#C43C2E;}
.rinfo .rinfo-button ul li:last-child a {width:140px;border:1px solid #D5D5D5;color:#555;font-size:18px;line-height:58px;display:inline-block;text-align:center;margin-left:10px;}
.rinfo .rinfo-button ul li:last-child a.on i {color:#C43C2E;}
.rinfo .rinfo-button ul li:last-child a.on {color:#C43C2E;border:1px solid #C43C2E;}
.rinfo .rinfo-button ul li:last-child a:hover {color:#C43C2E;border:1px solid #C43C2E;}
.rinfo .rinfo-button ul li a.moff {background:#7E7F82;border:1px solid #7E7F82;}

.rinfo .rinfo-button ul.buys li:first-child a {width:300px;border:1px solid #D5D5D5;color:#555;font-size:18px;line-height:58px;display:inline-block;text-align:center;background:#FFF;}
.rinfo .rinfo-button ul.buys li:first-child a:hover {color:#C43C2E;border:1px solid #C43C2E;}
.rinfo .rinfo-button ul.buys li:last-child {width:140px;}
.rinfo .rinfo-button ul.buys li:last-child a {width:140px;height:60px;display:inline-block;border:2px solid #C43C2E;background:#C43C2E;line-height:56px;color:#FFF;}
.rinfo .rinfo-button ul.buys-ing li:first-child a {width:100%;border:1px solid #C43C2E;color:#C43C2E;font-size:18px;background:#FFF;margin-left:0px;}
.rinfo .rinfo-button ul.buys-end li:first-child a {width:100%;border:1px solid #333;color:#FFF;font-size:18px;background:#333;margin-left:0px;}

.rinfo .rinfo-button > a {width:100%;text-align:center;display:inline-block;border:1px solid #BFBFBF;margin-top:10px;height:40px;line-height:40px;background:#F8F8F8;}

.rinfo .rinfo-etc {padding:20px 0px;color:#555;font-size:14px;}
.rinfo .rinfo-etc strong {color:#C43C2E;}

.rbtn-area {width:100%;text-align:right;margin-top:20px;}
.rbtn-area a {width:66px;height:30px;display:inline-block;text-align:center;color:#555;font-size:14px;border:1px solid #D5D5D5;line-height:30px;}

.art-detail-wrap {width:100%;display:inline-block;}
.art-detail-wrap ul {width:100%;display:table;}
.art-detail-wrap ul li {width:50%;display:table-cell;height:70px;}
.art-detail-wrap ul li:last-child {border-right:1px solid #D5D5D5;}
.art-detail-wrap ul li a {width:100%;height:70px;line-height:70px;color:#555;font-size:18px;display:inline-block;border-bottom:1px solid #C43C2E;border-top:1px solid #D5D5D5;border-left:1px solid #D5D5D5;text-align:center;}
.art-detail-wrap ul li:hover a {color:#333;border:1px solid #C43C2E;border-bottom:0px;}
.art-detail-wrap ul li a.active {color:#333;border:1px solid #C43C2E;border-bottom:0px;}
.art-detail-wrap > .tabgroup {padding:60px 30px;}
.art-detail-wrap > .tabgroup div {font-size:14px;color:#555;width:100%;}
.art-detail-wrap > .tabgroup #tab3 ul {width:100%;}
.art-detail-wrap > .tabgroup #tab3 ul li {width:100%;height:40px;display:table;border-bottom:1px solid #DCDCDC;line-heighst:40px;font-size:13px;}
.art-detail-wrap > .tabgroup #tab3 ul li.on {border:2px solid #C43C2E;}
.art-detail-wrap > .tabgroup #tab3 ul li span {display:table-cell;}
.art-detail-wrap > .tabgroup #tab3 ul li span:first-child {width:20%;padding-left:20px;}
.art-detail-wrap > .tabgroup #tab3 ul li span:last-child {width:50%;padding-left:20px;}
.art-detail-wrap > .tabgroup #tab3 ul li span strong {display:inline-block;text-align:right;width:120px;}
.art-detail-wrap > .tabgroup #tab3 ul li.btit {background:#F8F8F8;color:#555;border-top:1px solid #DCDCDC;}
.art-detail-wrap > .tabgroup #tab3 ul li.btit span {text-align:center;}

/* Admin menu */
.admin-menu {width:100%;height:50px;background:#15191C;position:fixed;bottom:0;z-index:99999999;display:table;}
.admin-menu .left {float:left;height:50px;padding:0px;margin:0px;width:80%;}
.admin-menu .left > ul {width:100%;height:50px;display:inline-block;}
.admin-menu .left > ul > li {float:left;height:50px;}
.admin-menu .left > ul > li a {width:100%;height:50px;display:inline-block;line-height:50px;color:#E4E4E8;text-align:center;border-right:1px dotted #BFBFBF;}
.admin-menu .left > ul > li a i {vertical-align:middle;color:#FFF;}
.admin-menu .left > ul > li:first-child {padding:0px;width:50px;}
.admin-menu .left > ul > li:first-child a {text-align:center;background:#353D9F;border:2px solid #353D9F;height:50px;}
.admin-menu .left > ul > li:first-child a:hover {background:#FFF;color:#353D9F;}
.admin-menu .left > ul > li:first-child a:hover i {color:#353D9F;}
.admin-menu .left > ul > li:not(:first-child) {width:150px;}
.admin-menu .left > ul > li > ul {display:inline-block;border:1px solid #15191C;position:absolute;bottom:50px;margin-left:-45px;padding-bottom:20px;width:150px;}
.admin-menu .left > ul > li > ul > li {display:block;color:#333;text-align:left;height:30px;width:150px;}
.admin-menu .left > ul > li > ul > li > a {color:#333;text-align:left;padding-left:10px;height:30px;}

.admin-menu .right {float:left;width:20%;height:50px;text-align:right;}
.admin-menu .right > .hide-menu {width:50px;height:50px;font-size:0px;position:relative;right:0;display:inline-block;}
.admin-menu .right > .hide-menu:after {content:"";display:block;width:50px;height:50px;position:absolute;top:0;background:url("/theme/layout/aauction/images/admin_close.png") no-repeat center 50%;-webkit-transition:all .8s ease;transition:all .8s ease;}
.admin-menu .right > .hide-menu:hover:after,.admin-menu .right > .hide-menu:active:after {-webkit-transform:rotate(270deg);transform:rotate(270deg);}

.findpw {width:100%;padding:15px;text-align:center;}
.findpw h2 {font-size:18px;font-weight:bold;margin-bottom:30px;}
.findpw #info_fs {border:1px solid #E5E5E5;padding:10px;margin-top:10px;margin-bottom:10px;text-align:center;}
.findpw #info_fs p {color:#666;margin-bottom:10px;}
.findpw #info_fs input {width:300px;border:1px solid #D5D5D5;height:30px;padding:5px;}
.findpw button {width:80px;height:40px;border-radius:3px;color:#FFF;background:#333;}
.findpw button:hover {border:2px solid #333;background:#FFF;color:#333;}
.findpw button[type=submit] {background:#C43C2E;margin-right:6px;}
.findpw button[type=submit]:hover {background:#FFF;border:2px solid #C43C2E;color:#C43C2E;}

/* Password */
.pass-wrap {width:100%;display:inline-block;margin-top:50px;text-align:left;}
.pass-wrap .inner .title {font-size:30px;text-align:center;}
.pass-wrap .inner .title strong{font-size:40px;}
.pass-wrap .inner .title span {font-weight:bold;color:#C43C2E;}

/* Footer */
footer {background:#F3F4F7;text-align:center;}
footer .inner {display:inline-block;padding:40px 0px;}
footer .inner .foot_box {display:table;width:100%;}
footer .inner .foot_box .left {width:900px;display:table-cell;text-align:left;}
footer .inner .foot_box .left .info h2 {color:#555;}
footer .inner .foot_box .left .info ul li {color:#9A9A9A;font-size:12px;}
footer .inner .foot_box .left .info ul li em {padding:0px 10px 0px 6px;background:url('/theme/layout/aauction/images/foot_sec.gif') no-repeat center center;}
footer .inner .foot_box .left .foot_menu {margin-top:20px;}
footer .inner .foot_box .left .foot_menu a {width:120px;height:30px;display:inline-block;border:1px solid #C1C1C2;text-align:center;color:#949494;line-height:28px;margin-right:2px;font-size:12px;}
footer .inner .foot_box .left .foot_menu a:last-child {background:#333;color:#FFF;border:1px solid #333;}
footer .inner .foot_box .left .foot_menu a:hover {border:1px solid #C43C2E;background:#C43C2E;color:#FFF;}
footer .inner .foot_box .left .copyright {margin-top:14px;color:#9A9A9A;font-family:'Tahoma';}
footer .inner .foot_box .left .copyright em {padding:0px 10px 0px 6px;background:url('/theme/layout/aauction/images/foot_sec.gif') no-repeat center center;}
footer .inner .foot_box .right {width:300px;display:table-cell;text-align:right;}
footer .inner .foot_box .right a.top_btn {width:40px;height:40px;display:inline-block;text-align:center;background:#C43C2E;color:#FFF;}
footer .inner .foot_box .right a.top_btn span {width:100%;display:inline-block;height:14px;}
footer .inner .foot_box .right a.top_btn strong {position:absolute;margin-left:-32px;margin-top:16px;font-size:14px;font-family:'Roboto'}