*{
    word-break: break-word; 
    word-wrap: break-word;
}

::selection {
    color: #fff;
    background: #6a6a6a;
}

body{
    /* : "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", Helvetica, Tahoma, Arial; */
    /* :'PingFang SC'; */
}

 .footer-dl dd a:hover, .pro-list-box li a:hover, .celphone-breadcrumb li a:hover {
  /* color: #fe5c19; */
  text-decoration: none;
}

img {vertical-align: top;}

textarea{resize: none;}
table{max-width: 100% !important;}
table *{word-break: normal;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999 !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999 !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999 !important;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}

.form-control, .page-link, .form-control:focus, .btn:focus, .page-link:focus{
  webkit-box-shadow:none;
  box-shadow:none;
}

@font-face {
    : 'Ubuntu-Bold';
    src: url('../webfonts/Ubuntu-Bold.ttf') format('truetype');
}

h2{: "Ubuntu-Bold";}

.font-size1{font-size: 20px;}
.font-size2{font-size: 18px;}
.font-size3{font-size: 16px;}
.font-size4, .arrow-more{font-size: 14px;}
.font-small, .pro-off-tag, .currency-btn{font-size: 12px;}

.text-gray1{color: #8a8a8a;}
.text-gray2{color: #ddd;}

/*---------Orange Color--------*/
.text-org{color: #fe5c19;}
.bg-org{background-color: #fe5c19;}
.border-org{border: 1px solid #fe5c19;}
.btn-org{
    color: #fff;
    background-color: #fe5c19;
    border-color: #fe5c19;
}
.btn-outline-org{
    color: #fe5c19;
    background-color: #fff;
    border-color: #fe5c19;
}
.btn-org:hover {
  color: #fff;
  background-color: #f84417;
  border-color: #f84417;
}
.btn-outline-org:hover{
    color: #fff;
    background-color: #fe5c19;
    border-color: #fe5c19;
}
.btn-org:focus, .btn-org.focus, .btn-outline-org:focus, .btn-outline-org.focus {
  color: #fff;
  background-color: #f84417;
  border-color: #f84417;
  box-shadow: 0 0 0 0.2rem rgba(254, 92, 25, 0.5);
}

.position-rel{position: relative;}
.text-nouppercase{text-transform: none;}
.cursor-pointer{cursor: pointer;}
.text-decoration{text-decoration: underline;}
.dashed-border-top{border-top: 1px dashed #dee2e6;}
.img-box img{
    height: auto;
    width: 100%;
}


@media (max-width: 320px){
   .index-pro-details{font-size: 14px;}
}


@media (min-width: 768px){
  .font-size1{font-size: 24px;}
  .font-size2{font-size: 20px;}
  .font-size4, .pro-off-tag{font-size: 14px !important;}
  .arrow-more, .currency-btn{font-size: 16px;}
}