body{margin: 0px; padding: 0px;  font-family: 'Sen', sans-serif; background:#cbcbcb;  
}
#home-main01 { width:100%; float:left;  padding-bottom:100px; 

}
.home-main002 { width:100%; float:left;  padding-bottom:0px; background-color:#fff; 

}
.main-body { height:100%; width:100%; background-color:#fff;
}

#home-main { width:100%; float:left; position:fixed; top:0px; padding-top:0px;  z-index:100; 

}
#login-01 { width:100%; float:left;  margin-top:0px; padding-top:0px;  z-index:100; 

}

#conetn-main01 { width:100%; float:left; float:left;  padding:100px 0px; min-height:1200px; background-color:#fff;
 }
.bg-top-01 { width:100%; float:left;   
padding:0px 0px 0px 0px; background-color:#000;
}
#bg-top-03 { width:100%; 
padding:40px 0px 120px 0px; background-color:#fff; background-image: url(../images/mob-bg1.jpg); background-size:100%;
background-repeat:no-repeat;
background-position:bottom left ;
}
.bg-top-02 {width:100%; float:left;   
padding:0px 0px 0px 0px;  min-height:700px; background:#000; 
}
.bg-top-04 {width:100%; float:left;   
padding:0px 0px 40px 0px;   background:#000; 
}
.main-frm {
    width: 100%;  margin: 100px auto 0px auto; padding: 0px; max-width:300px;
	
}
.logo { width:100%; margin:0px auto; background-color:#fff; max-width:400px; margin-bottom:150px;
}
.logo img { width:100%; }
.main-frm p {
    width: 100%; margin: 25px 0px 0px; float: left; color:#fff;
}
.re-01 { width:30% !important;     margin-top: 5px !important;
}
.re-02 { width:35% !important;     margin-top: 0px !important;
}
.an-img img {width:100%;     max-width: 400px;     margin-bottom: 150px;
}

.main-frm p input {
       width: 100%;
    margin: 0px;
    float: left;
    padding: 10px 0px;
    border: none;
    color: #fff;
       padding-left: 10px;
    font-size: 14px;
    background: transparent;
    border: 1px solid #fff;
    font-weight: 300;
    border-radius: 6px;
}

.main-frm textarea{width: 100%; margin: 0px; float: left; padding: 10px 0px;height: 102px;
    border:none;  font-size: 14px;
    background: transparent;color: #fff; outline: none; border-bottom: 1px solid #fff;
  font-weight: 300;}

.main-frm p input::placeholder, .main-frm textarea::placeholder{color: #fff;}

.btn-nw input {
    display: inline-block; font-size: 14px; border-radius: 0px;
    color: #fff; text-transform: uppercase; padding: 10px 25px;
    background: #206a6f; font-weight: 600; border: none;
    margin-top: 20px; transition: all linear 0.5s; border-radius:4px; 
}

.btn-nw input:hover {
    background: #fff; color: #000;
}


.btn-nw input {
    display: inline-block; font-size: 14px; border-radius: 0px;
    color: #fff; text-transform: uppercase; padding: 10px 25px;
    background: #206a6f; font-weight: 600; border: none;
    margin-top: 20px; transition: all linear 0.5s; border-radius:4px; 
}

.btn-nw input:hover {
    background: #fff; color: #000;
}


.home-btn { width:100%; max-width:400px; margin:0px auto;
 margin-top:100px; padding-bottom:0px; 
}
.home-btn a {display: inline-block; font-size: 24px; border-radius: 0px;
    color: #000; text-transform: uppercase; padding: 10px 55px;
    background: #fff; font-weight: 600; border: none;
    margin-top: 20px; transition: all linear 0.5s; border-radius:4px; 
	text-decoration:none;
}
.home-btn a:hover {
    background: #000; color: #fff;
}
.btn-nw {
    width: 100%;
    max-width: 160px;
    margin: 0px auto;
}
.btn-nw a {display: inline-block;
    font-size: 19px;
    border-radius: 6px;
    color: #000;
    padding: 6px 0px;
    background: #fff;
    font-weight: 600;
    border: none;
    margin-top: 20px;
    transition: all linear 0.5s;
    
    text-decoration: none;
    width: 100%;
    text-align: center;
}
.btn-nw a:hover {
    background: #000; color: #fff;
}

.btn-nw button {display: inline-block;
    font-size: 19px;
    border-radius: 6px;
    color: #000;
    padding: 6px 0px;
    background: #fff;
    font-weight: 600;
    border: none;
    margin-top: 20px;
    transition: all linear 0.5s;
    
    text-decoration: none;
    width: 100%;
    text-align: center;
}
.btn-nw button:hover {
    background: #000; color: #fff;
}


.main-content-01 {
    width: 100%;
    float: left;
    margin-top: 100px;
}

.main-content-01 h3 {  color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 50px;
}
.main-content-01 h4{ 
       color: #fff;
    font-size: 20px;
    line-height: 37px;
}
.foot { width:100%; float:left; height:250px;
}

.an-img {
       margin-left: auto;
    margin-top: 0px;
    margin-right: auto;
    width: 100%;
    max-width: 400px;
}
.bg-01 { background-color:#fff;
}
.bg-02 { background-color:#000;
}
select {
    word-wrap: normal;
    background: transparent !important;
    color: #fff !important;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
        font-size: 14px !important;
    font-weight: 400;
    line-height: 1.5;
   
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: #000 !important;
    color: #fff !important;
}
.cont-info-form {
    background: #000;
}


.main-header{ background-color:#fff; width:100%; float:left; height:100px;  
}
.main-header h6{ padding-top:10px; 
}
.main-header p { margin:0px; padding:0px;
}

.story {background-color:#fff; width:100%; float:left; 
  height:70px;     
}
.story ul {background-color:#fff; width:100%; float:left; margin:10px; padding:0px;
}
.story ul li { list-style:none; margin:0px; padding:0px; float:left; overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
}

.story ul li a  { width:70px; height:70px; border-radius:50%; 
}

.note-box {  width:100%; float:left; margin-top:10px; 
}
.note-box-01 {  width:100%; float:left; margin-top:23px; 
}
.note-box-01 a {  background: #000;
    color: #fff;
    padding: 6px 16px;
    margin-top: 10px;
    border-radius: 4px;
}
.note-box img { width:100%; max-width:50px; text-align:right; float:right;
}
.story ul li img {    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #000;
    padding: 4px;
    margin-right: 6px;
}

#foot-main01 {position:fixed; bottom:0px; width:100%; float:left;
}
.main-footer{ background-color:#000; width:100%; float:left; 
 }
.foot-icon {background-color:#fff; width:100%; float:left; 
}
.foot-icon ul {background-color:#fff; width:100%; float:left; margin:10px; padding:0px;
}
.foot-icon ul li { list-style:none; margin:0px; padding:0px; float:left; 
}
.foot-icon ul li { list-style:none; margin:0px; padding:0px; float:left; margin-right: 0px;
}
.foot-icon ul li a  { width:70px; height:70px; border-radius:50%;  margin-right: 170px;     
}
.foot-icon ul li a:last-child {margin-right: 0px; 
}
.note-box { background-color:#fff; width:100%; float:left; 
}
.foot-icon ul li img {    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #000;
    padding: 4px;
    margin-right: 6px;
}

.bg001 { background: #fff;
    padding-top: 100px;
    padding-bottom: 130px;
}
.bg001-foot { background:#fff; border-top:1px solid #000;      width: 100%;
}

.bg001-had { background:#fff; border-bottom:1px solid #000;  padding-bottom:10px;
}
.offer-img01 { width:100%; float:left;
}
.offer-img01 img { width:100%; float:left;
}

.offer-like{ width:100%; float:left; padding-bottom:30px; width:6%; margin-top:10px; 
}
.offer-like img { width:100%; max-width:30px; float:left;     margin-top: 20px;
}
.setting-box {float:left;
}
.setting-box p { border: 1px solid #0000007a;
    text-align: center;
    font-size: 22px;
    background: #9d9d9d26;
    border-radius: 13px;
    padding: 10px 30px;
    margin: 20px;
    color: #000;
}
.setting-box ul { width:100%;  float:left;
}
.setting-box ul li { width: 100%;
    float: left;
    list-style: none;
    padding: 8px 0px;
    font-size: 18px;
    border-bottom: 1px solid #dcdcdc;
}
.setting-box ul li span { width:110px;  float:left;
}
 
.invoce-box { width:100%; float:left;
}
.invoce-box h1 { text-align:center; font-size:18px; line-height:36px; border-bottom: 1px solid #000; padding-bottom:10px; padding-top:10px;
}
.invoce-box h1 span { text-align:center; font-size:22px; 
}
.foot-inv { width:100%; float:left;
}
.foot-inv p { text-align:center; font-size:18px; line-height:36px; border-bottom: 1px solid #000; padding-bottom:10px; padding-top:10px;
}

*[contenteditable] { border-radius: 0.25em; min-width: 1em; outline: 0; }

*[contenteditable] { cursor: pointer; }

span[contenteditable] { display: inline-block; }



table { font-size: 75%; table-layout: fixed; width: 100%; }
table { border-collapse: separate; border-spacing: 2px; }
th, td { border-width: 1px; padding: 0.5em; position: relative; text-align: left; }
th, td { border-radius: 0.25em; border-style: solid; }
th { background: #EEE; border-color: #BBB; }
td { border-color: #DDD; }

article, article address, table.inv table.inventory { margin: 0 0 3em; }
article:after { clear: both; content: ""; display: table; }
article h1 { clip: rect(0 0 0 0); position: absolute; }

article address { float: left; font-size: 125%; font-weight: bold; }

table.inv, table.balance { float: right; width: 36%; }
table.inv:after, table.balance:after { clear: both; content: ""; display: table; }

table.inv th { width: 40%; }
table.inv td { width: 60%; }

table.inventory { clear: both; width: 100%; }
table.inventory th { font-weight: bold; text-align: center; }

table.inventory td:nth-child(1) { width: 26%; }
table.inventory td:nth-child(2) { width: 38%; }
table.inventory td:nth-child(3) { text-align: right; width: 12%; }
table.inventory td:nth-child(4) { text-align: right; width: 12%; }
table.inventory td:nth-child(5) { text-align: right; width: 12%; }

table.balance th, table.balance td { width: 50%; }
table.balance td { text-align: right; }

aside h1 { border: none; border-width: 0 0 1px; margin: 0 0 1em; }
aside h1 { border-color: #999; border-bottom-style: solid; }


@media print {
	* { -webkit-print-color-adjust: exact; }
	html { background: none; padding: 0; }
	body { box-shadow: none; margin: 0; }
	span:empty { display: none; }
	.add, .cut { display: none; }
}

@page { margin: 0; }


.noti-box { width:100%; float:left;
}
.noti-box p {  text-align:center;
}
.noti-01 { width:100%; float:left;
}
.btm-ba {     border-bottom: 1px solid #000;
    margin-top: 10px;
    padding-bottom: 20px;
}
.invo-tab { width:100%; float:left; border-bottom:2px solid #000; margin-bottom:10px;
}
.invo-tab ul {width:100%; float:left; margin:0px; padding:0px 0px 10px 0px;
}
.invo-tab ul li {float:left; margin:n; padding:0px; display:block; width:20%; 
}
.invo-tab ul li span { width:auto; float:left; padding:0px 0px; font-weight:bold;
}

.invo-tab-01 { width:100%; float:left; border-bottom:1px solid #000;
}
.invo-tab-01 ul {
    width: 100%;
    float: left;
    margin: 0px;
    
    margin-top: 10px;
    
    margin-bottom: 10px;     padding-bottom: 15px;
}

.invo-tab-01 ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 20%;
}

.invo-tab-01 ul li span {  float:left;  
}
.invo-tab-01 ul li a {  float:left; 
}
.invo-tab-01 ul li a {
   
    float: left;
   
}
 .btn-primary {   color: #fff;
    background-color: #4f555a;
 border: 0px;}
 
  .btn-primary:hover {   color: #fff;
    background-color: #4f555a;
 border: 0px;}
 
 
 .like-img { width:6%; float:left;
 }
 .disc {float:left; margin-top:10px; width:90%;
 }
 .disc p {float:left; 
 }
 .acpet { width:100%; max-width:180px; margin:0px;
 }
 .acpet p { width:41%; margin:1%; float:left;
 }
 .acpet a { color:#000;
 }
 .acpet a {
    color: #fff;
    background: #134a0f;
    padding: 6px 17px;
    font-size: 12px;
    border-radius: 4px;
}
.acpet a.bg-red {
    background: #870a0a;
}
.ma-top { padding-top:10px;
}

.logo-offer { width:100%;  max-width:180px; 
}
.logo-offer img { width:100%;
}