/*
 * Version: 2.1.1
 * File Description: Place here your custom CSS styles
 */
body{
  height: 100%;
  margin: 0;
}
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}

.header.dark {
    background-color: #2e3537;
    border-bottom: 1px solid #252a2c;
}
.background-img-4{background:url(images/pic/icon-bg.png)}


.pd-no {padding:0 !important;}
/** Auction **/
.wrapper {
    width: 100%;
    max-width: 1440px;
    min-width: 300px;
    margin: 0 auto;
}
.auction {}
.auction h1{font-size:2rem;margin-bottom:10px;}
.auction-brief{font-size:12px;font-style:italic;}
.auction-time {font-size:12px;font-style:inherit;}
.auction-price {color:#2e3537;font-size:12pt; margin:15px 0;}
.auction-price span{color:#992020;font-size:14pt;display:block;padding:5px 0;}

.auction .auction-item {
    height: calc((100vh - 80px) / 3);
    min-height: 200px;
    max-height: 200px;
    overflow-y:hidden;
    display:inline-grid;
    width:100%;
}
.auction ul {
    display: table;
    margin: 0;
    padding:0;
}
.auction ul li {
    border-bottom:1px solid #fafafa;
}

.auction li.auct-1, .auction li.auct-l1{
    background-size: cover;
    background-position-y: top;
    background-position-x: center;
    background-origin: content-box;
}

.auction li.auct-1 {
    width: 33.33333333333333% !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #0688d2;
    position: relative;
    border-color: #0688d2;
    z-index: 4;
}
.auction li.auct-1:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-color: #0688d2;
    top: 50%;
    right: 100%;
    margin-right: 0;
    margin-top: -24px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 27px solid #0688d2;
    border-right-color: inherit;

}
.auction li.auct-2 {
    width: 33.33333333333333% !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #e5e7e9;
    position: relative;
    border-color: #e5e7e9;
    /*background: linear-gradient(90dg, yellow, blue);*/
    z-index: 2;
}
.auction li.auct-2:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-color: #e5e7e9;
    top: 50%;
    right: 100%;
    margin-right: 0;
    margin-top: -24px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 27px solid #e5e7e9;
    border-right-color: inherit;
}
.auction li.auct-3 {
    width: 33.33333333333333% !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #f2f2f2;
    /*background: url(images/pic/light-blue-bg.jpg);*/
    position: relative;
    z-index: 1;
}

.auction li.auct-l1 {
    width: 33.33333333333333% !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #0688d2;
    position: relative;
    border-color: #0688d2;
    z-index: 4;
}
.auction li.auct-l1:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-color: #0688d2;
    top: 50%;
    left: 100%;
    margin-left: 0;
    margin-top: -24px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 27px solid #0688d2;
    border-left-color: inherit;
}
.auction li.auct-l2 {
    width: 33.33333333333333% !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #f2f2f2;
    position: relative;
    border-color: #f2f2f2;
    z-index: 2;
}
.auction li.auct-l2:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-color: #e5e7e9;
    top: 50%;
    left: 100%;
    margin-left: 0;
    margin-top: -24px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 27px solid #f2f2f2;
    border-left-color: inherit;
}
.auction li.auct-l3 {
    width: 33.33333333333333% !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #e5e7e9;
    position: relative;
    z-index: 1;
}

.auction-img {text-align:center;}
.auction-img-main{height: calc((100vh - 80px) / 3);margin-left:auto;margin-right:auto;}


.auct-1 .auction-icon{position:absolute;bottom:5px;left:2%;}
.auct-l1 .auction-icon{position:absolute;bottom:5px;right:2%;}
.auction-img .auction-icon img{width:70px;}

.auct-1{z-index:3;}
.auct-2{z-index:2;}
.auct-3{z-index:1;}


.banner-video {height: calc((100vh - 80px) / 3 * 2);width:100%;}
/*.div-box {height:calc((100vh - 80px) / 3);background: #fff !important;}*/
.div-box {height:calc((100vh - 80px) / 3);background: linear-gradient( #b6b6b6, #424242);}
.div-box  .icon{width:50px;height:50px;}
.div-box .counter{font-size:18pt;color:#3cff00;}
.div-box h4{font-size:12pt;}
/*.div-box {color:#000; margin:auto;}*/
/*.div-box span{display:block;color:#fff; font-size:14pt;margin:10px 0;}*/


/** charity **/
.charity h2{color:#fff;}


/*.auction #fo3li1:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-color: #0074bd;
    top: 50%;
    left: 100%;
    margin-left: 0;
    margin-top: -24px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 27px solid #0074bd;
    border-left-color: inherit;
}*/

/*.full-height {
  height: 100%;
}*/

/*.bannet-top {
    height : calc(100vh - 100px);
}*/

/*.auction {
    height : calc(30vh);
}
.auction-img {position:relative;}
.auction-img .auction-img-main{width:100%;height:100%;}
.auction-img .auction-icon{position:absolute;bottom:5px;right:0;}
.auction-img .auction-icon img{width:50px;width:50px;}
.auction h1{font-size:4rem;}*/


/*.auction .auction-right .auction-content {
    display: table;
    height: 100%;
    width: 100%;
}

.auction .auction-left {
    width: 26.38888888888889%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #f2f2f2;
    position: relative;
    border-color: #f2f2f2;
    z-index: 4;
}*/
/*.auction .auction-left:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-color: #f2f2f2;
    top: 110px;
    left: 100%;
    margin-left: 0;
    margin-top: -24px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 27px solid #f2f2f2;
    border-left-color: inherit;
}*/



/*.auction-content {
    margin: 0;
    height: 100%;
}

.auction #fo3li2:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-color: #0a7bbf;
    top: 50%;
    left: 100%;
    margin-left: 0;
    margin-top: -24px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 27px solid #0a7bbf;
    border-left-color: #0a7bbf;
}*/





/* home */
.home-one h1 {font-size:inherit;}
.home-two h2 {font-size:inherit;font-weight:700;}

/* link-blue */
.link-blue {
  color: #09afdf;
  text-decoration: none !important;
}

.link-blue:hover {
  color: #09afdf;
  text-decoration: underline !important;
}

.blue .footer .link-blue {
  color: #777777;
  text-decoration: none !important;
}

.blue .footer .link-blue:hover {
  color: #777777;
  text-decoration: underline !important;
}


/* Page List */
.page-list h2 img {width:45px; height:45px;display:inline-block;font-size: 9px;}
.page-list span.header-text {vertical-align: middle;}

.page-icons .page-icons-item {padding:10px;border-radius:2px;min-height: 120px;}
.page-icons .page-icons-item img{width:55px; height:55px;margin:auto;}
.page-icons .page-icons-item h3{font-size:12px;padding:5px 0;}


/* normal-text*/
.custom-text {font-size:14px;font-weight:normal;font-family:inherit;text-align:justify;}
.custom-text ul li{list-style:none;}

.footer-text {font-size:14px;font-weight:normal;font-family:inherit;text-align:justify;color:#000;margin:10px 0;}

/* flg */
.flg {
    background-image: url('images/flag.png');
    background-repeat: no-repeat;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    width: 15px;
    height: 15px;
}
.en-flg {
    background-position: -21px 0px;
}
.fa-flg {
    background-position: 0px 0px;
}
.pipe {border-right:1px solid #777777;}

.Article p{text-align:justify;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*sepanta*/
.h150 {height:150px;overflow-y:hidden;}

/** product **/
.product-detail {text-align:left;}
.product-detail-img {float: right;}

/** service **/
.service-detail {text-align:left;}
.service-img{float: right;}