/******************************* Highlighted Colors*******************************/

::-webkit-selection {
    background-color: #FFFFCC;
    color: #555555;
}

::-moz-selection {
    background-color: #FFFFCC;
    color: #555555;
}

::selection {
    background-color: #FFFFCC;
    color: #555555;
}

h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection {
    background-color: #F1C1C2;
    color: #222222;
}

h1::selection,
h2::selection,
h3::selection {
    background-color: #F1C1C2;
    color: #222222;
}

.ui *::-moz-selection {
    background-color: #CCE2FF;
}

.ui *::selection {
    background-color: #CCE2FF;
}


/******************************* Global*******************************/

html,
body {
    font-size: 15px;
}

body#home {
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin: 0px;
    padding: 0px;
    color: #555555;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

ul.list {
    list-style-type: disc;
}

ul.list li {
    list-style-position: outside;
}


/* text and headers */

h1 {
    margin: 0px 0px 20px;
    padding: 50px 0px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

h4+p {
    margin: 0px 0px 20px;
}

pre {
    background-color: #F0F0F0;
}


/*rtl:ignore*/

pre.console {
    background-color: transparent;
    line-height: 1.6;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    height: 300px;
    overflow: auto;
    direction: ltr;
}

code {
    background-color: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block;
    font-family: Courier New;
    font-size: 14px;
    margin: 0.25em;
    padding: 0.125em 0.5em;
    vertical-align: middle;
}

pre code {
    border: none;
    padding: 0px;
}

table pre,
table code {
    margin: 0px !important;
    padding: 0px;
    background-color: transparent;
}

p {
    margin: 1em 0em;
}

p:first-child {
    margin-top: 0em;
}

p:last-child {
    margin-bottom: 0em;
    word-break: break-all;
}


/* links */

a {
    color: #009FDA;
    text-decoration: none;
}

a:hover {
    color: #00BAFF;
}


/* content */

#home .container {
    width: 1200px;
    margin: 0 auto;
    font-size: 1em !important;
}

#home .no-gutter {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#home .container .menu .header {
    margin-left: 0px !important;
    text-transform: none !important;
}

#home .container .menu .header a {
    color: rgba(50, 50, 50, .8) !important;
}

.firstclomun {
    padding-left: 0px !important;
}

.lastclomun {
    padding-right: 0px !important;
}

.topnav {
    height: 30px;
    background: whitesmoke;
    border-radius: 0.325em 0.325em 0em 0em;
    -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
}

.topnav .ui.text.menu {
    margin-top: 0px;
    padding: 0 10px;
}

.topnav .ui.text.menu a {
    color: #0D77C5 !important;
    font-size: 14px !important;
    ;
}

.topnav .ui.text.menu a:hover {
    color: red !important;
}

.logo img {
    max-width: 220px !important;
}

.ui.grid.head {
    padding: 20px 0px;
    padding-bottom: 0px;
}

.ui.grid.head .search label {
    color: #42A5F5;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
}

.ui.grid.head .search form {
    margin-top: 5px !important;
}

.ui.grid.head .search input:focus {
    border-color: #85B7D9;
    background: #FFFFFF;
    color: rgba(0, 0, 0, .8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #2196F3;
}

.ui.grid.slid {
    padding: 5px 0px;
}

.ui.grid.slid .leftnav {
    padding: 0px;
}

.slid .banner .bxslider {
    padding-left: 0px;
    height: 225px;
    overflow: hidden;
}

.slid .banner .column {
    padding-top: 0px !important;
}

.slid .hot {
    padding: 10px 0px 0px 0px;
}

.ui.grid.new-product {
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0px;
}

.ui.grid.partner {
    padding: 0px 0px 20px 0px;
    ;
}

.foot .ui.grid {
    padding: 0px 0px 0px 0px;
    position: relative;
}

.foot .ui.segment {
    padding: 0px 0px 30px 0px !important;
}

.foot .container .header {
    font-size: 14px;
    font-weight: 600;
}

.foot .container .ui.list {
    margin-top: 5px !important;
}

.foot .container .ui.link.list a:hover {
    text-decoration: underline;
    color: #0D47A1;
}


/* */

.topnav .menu .item {
    font-size: 12px !important;
    padding-right: 5px !important;
}

.head .cart {
    font-size: 14px;
    margin-top: 20px;
    padding: 20px;
    background: url("../images//request.png") no-repeat;
}

.head .cart a>.detail {
    padding-top: 10px;
    padding-left: 40px;
    font-weight: bold;
    color: #016FBB !important;
}

.head .cart label {
    ;
}

.head .cart a>.detail span {
    color: green !important;
}

.main-body {
    background: url("../images//bg.png") center center / cover no-repeat;
}

.main-body .container {
    background-color: #FFFFFF;
    padding: 10px;
    box-shadow: 0px 2px 0px 2px #E0E2E1;
}

.leftnav .ui.vertical.menu .item>i.icon {
    float: left;
    margin: 0px 10px 0px 0px;
}

.foot .ui.list .item,
.foot .ui.segment {
    font-size: 12px;
}

.foot .ui.segment a {
    color: rgba(0, 0, 0, .75);
    color: #009FDA;
}

.banner {
    -moz-box-shadow: 0 0 5px #CCCCCC;
    -webkit-box-shadow: 0 0 5px #CCCCCC;
    box-shadow: 0 0 5px #CCCCCC;
    border: 5px solid #FFFFFF;
    left: -5px;
    background: #FFFFFF;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.ariat {
    margin-top: 5px !important;
    padding: 5px !important;
}

.ariat .ui.header {
    color: green;
}

.ariat .ui .sub.header {
    margin-top: 5px !important;
    font-size: 0.9rem !important;
}

.ariat .ui .sub.header a {
    color: rgba(0, 0, 0, .5);
    text-decoration: underline;
}

.ariat .ui .sub.header a:hover {
    color: rgba(50, 50, 50, .8);
}

.ariat .ui.header>span {
    color: #FABD00;
    text-transform: uppercase;
}

.hot .ui.items>.item>.image img {
    max-height: 150px;
}

.hot .ui.items>.item>.image,
.new-product .ui.items>.item>.image {
    background-color: #FFFFFF !important;
}

.hot .ui.items>.item,
.new-product .ui.items>.item {
    min-height: 190px !important;
    font-size: 0.9rem !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

.hot .ui.items>.item>.content {
    padding: .5em .5em;
}

.new-product .ui.items>.item>.image img {
    height: 130px !important;
}

.brand.list>.item {
    margin-left: 0px !important;
}

.brand.list>.item img {
    height:70px;
   width: 153px;
    display: block;
    border: 1px solid #E5E5E5;
    margin: 5px;
    padding: 3px;
}

.new-product .item>.content>.description,
.hot .item>.content>.description {
    text-decoration: underline !important;
}

.foot {
    border-top: 1px;
    border-radius: 0.325em 0.325em 0em 0em;
    -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
    background: whitesmoke;
}

.foot .envelope {
    background: url("../images//envelope_bg.png") no-repeat;
    padding-top: 15px;
    min-height: 135px;
}

.foot .envelope p {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
}

.foot .envelope p span {
    display: block;
    padding-bottom: 5px;
}

.foot .envelope>a {
    background-image: url("../images//cert.png");
    background-repeat: no-repeat;
    height: 30px;
    display: block;
    margin-top: 18px;
}

.foot .copyright {
    margin-top: -15px !important;
}

.foot .about-us {
    background: url("../images//Home_bottom_1.png") no-repeat 70% bottom;
}

.foot .service {
    background: url("../images//Home_bottom_2.png") no-repeat 70% bottom;
}

.foot .choose-us {
    background: url("../images//Home_bottom_3.png") no-repeat 70% bottom;
}

.ordering {
    font-size: 13px;
}


/* colors */

.ui.cblue.menu {
    border-top: 2px solid rgb(24, 150, 230);
}

.ui.cblue.button {
    background-color: rgb(24, 150, 230) !important;
    color: #FFFFFF;
}

.ui.cblue.dividing.header {
    /*color: rgb(24, 150, 230) !important;*/
    border-bottom: 2px solid rgb(24, 150, 230);
}

.ui.cblue.dividing.header>.header {
    margin-bottom: 0px !important;
}

.ui.cblue.dividing.header>.header>a {}

.ui.cblue.dividing.header>.header>a:hover {
    color: red !important;
    text-decoration: underline;
}


/* */

span.ui.right.floated {
    display: block;
    float: right;
    margin-left: 0.25em;
    ;
}

.ui.grid.categories {
    padding: 5px 0px;
}

.ui.grid h1 {
    ;
    border-bottom: none;
    padding-top: 20px;
    font-size: 26px;
}

.ui.grid h1 s {
    color: #818181;
    text-decoration: none;
    font-size: 18px;
    font-weight: normal;
    margin-left: 10px;
}

.ui.grid table {
    padding-left: 15px;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.ui.grid td {
    border: 1px solid #DFDFDF;
    padding: 10px;
}

.ui.grid td a {
    font-size: 14px;
}

.ui.grid a.header s {
    text-decoration: none;
    color: #818181;
    font-size: 11px;
    margin-left: 5px;
}

.ui.grid td a.pdf {
    display: block;
    height: 18px;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    width: auto;
}

.ui.grid>.row>.twelve.wide.column {
    overflow: hidden;
}

.ui.grid>.choose-us.wide.column {
    width: 18.75%;
    min-height: 110px;
}

.product .images {
    text-align: center !important;
}

.ui.text.menu>.item {
    line-height: 30px;
    padding-left: 10px;
}

#home .container .menu .header i {
    font-style: normal;
    margin-left: 10px;
}

#home .container .menu .header s,
.foot .ui.grid .language s {
    padding-left: 35px;
    position: relative;
}

#home .container .menu .header s:before,
.foot .ui.grid .language s:before {
    content: "";
    background-image: url("../images/language_30.png");
    position: absolute;
    width: 30px;
    height: 20px;
    left: 0;
    top: 50%;
    margin-top: -10px;
    font-size: 40px;
}

#language li {
    line-height: 24px;
    font-size: 14px;
}

#language li a {
    position: relative;
    padding-left: 28px;
    text-decoration: none;
}

#language li a:before {
    font-size: 28px;
    height: 14px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    background-image: url("language_60.png");
    background-repeat: no-repeat;
    background-size: 21px auto;
    border: 1px solid #000000;
}

#home .container .menu .header s.cn:before,
.foot .ui.grid .language s.cn:before,
.selectCountry li.cn:before {}

#home .container .menu .header s.en:before,
.foot .ui.grid .language s.en:before,
.selectCountry li.en:before {
    background-position: 0 -1em;
}

#home .container .menu .header s.uk:before,
.foot .ui.grid .language s.uk:before,
.selectCountry li.uk:before {
    background-position: 0 -2em;
}

#home .container .menu .header s.de:before,
.foot .ui.grid .language s.de:before,
.selectCountry li.de:before {
    background-position: 0 -3em;
}

#home .container .menu .header s.fr:before,
.foot .ui.grid .language s.fr:before,
.selectCountry li.fr:before {
    background-position: 0 -4em;
}

#home .container .menu .header s.ru:before,
.foot .ui.grid .language s.ru:before,
.selectCountry li.ru:before {
    background-position: 0 -5em;
}

#home .container .menu .header s.es:before,
.foot .ui.grid .language s.es:before,
.selectCountry li.es:before {
    background-position: 0 -6em;
}

#home .container .menu .header s.pt:before,
.foot .ui.grid .language s.pt:before,
.selectCountry li.pt:before {
    background-position: 0 -7em;
}

#home .container .menu .header s.jp:before,
.foot .ui.grid .language s.jp:before,
.selectCountry li.jp:before {
    background-position: 0 -8em;
}

#home .container .menu .header s.gr:before,
.foot .ui.grid .language s.gr:before,
.selectCountry li.gr:before {
    background-position: 0 -9em;
}

#home .container .menu .header s.it:before,
.foot .ui.grid .language s.it:before,
.selectCountry li.it:before {
    background-position: 0 -10em;
}

#home .container .menu .header s.kr:before,
.foot .ui.grid .language s.kr:before,
.selectCountry li.kr:before {
    background-position: 0 -11em;
}

#home .container .menu .header s.ae:before,
.foot .ui.grid .language s.ae:before,
.selectCountry li.ae:before {
    background-position: 0 -12em;
}

#home .container .menu .header s.tr:before,
.foot .ui.grid .language s.tr:before,
.selectCountry li.tr:before {
    background-position: 0 -13em;
}

#home .container .menu .header s.pl:before,
.foot .ui.grid .language s.pl:before,
.selectCountry li.pl:before {
    background-position: 0 -14em;
}

#home .container .menu .header s.fi:before,
.foot .ui.grid .language s.fi:before,
.selectCountry li.fi:before {
    background-position: 0 -15em;
}

#home .container .menu .header s.in:before,
.foot .ui.grid .language s.in:before,
.selectCountry li.in:before {
    background-position: 0 -16em;
}

#home .container .menu .header s.gu:before,
.foot .ui.grid .language s.gu:before,
.selectCountry li.gu:before {
    background-position: 0 -16em;
}

#home .container .menu .header s.kn:before,
.foot .ui.grid .language s.kn:before,
.selectCountry li.kn:before {
    background-position: 0 -16em;
}

#home .container .menu .header s.mr:before,
.foot .ui.grid .language s.mr:before,
.selectCountry li.mr:before {
    background-position: 0 -16em;
}

#home .container .menu .header s.ml:before,
.foot .ui.grid .language s.ml:before,
.selectCountry li.ml:before {
    background-position: 0 -16em;
}

#home .container .menu .header s.te:before,
.foot .ui.grid .language s.te:before,
.selectCountry li.te:before {
    background-position: 0 -16em;
}

#home .container .menu .header s.ta:before,
.foot .ui.grid .language s.ta:before,
.selectCountry li.ta:before {
    background-position: 0 -16em;
}

#home .container .menu .header s.vn:before,
.foot .ui.grid .language s.vn:before,
.selectCountry li.vn:before {
    background-position: 0 -17em;
}

#home .container .menu .header s.th:before,
.foot .ui.grid .language s.th:before,
.selectCountry li.th:before {
    background-position: 0 -18em;
}

#home .container .menu .header s.nl:before,
.foot .ui.grid .language s.nl:before,
.selectCountry li.nl:before {
    background-position: 0 -19em;
}

#home .container .menu .header s.ie:before,
.foot .ui.grid .language s.ie:before,
.selectCountry li.ie:before {
    background-position: 0 -20em;
}

#home .container .menu .header s.ph:before,
.foot .ui.grid .language s.ph:before,
.selectCountry li.ph:before {
    background-position: 0 -21em;
}

#home .container .menu .header s.cz:before,
.foot .ui.grid .language s.cz:before,
.selectCountry li.cz:before {
    background-position: 0 -22em;
}

#home .container .menu .header s.my:before,
.foot .ui.grid .language s.my:before,
.selectCountry li.my:before {
    background-position: 0 -23em;
}

#home .container .menu .header s.fa:before,
.foot .ui.grid .language s.fa:before,
.selectCountry li.fa:before {
    background-position: 0 -24em;
}

#home .container .menu .header s.hu:before,
.foot .ui.grid .language s.hu:before,
.selectCountry li.hu:before {
    background-position: 0 -25em;
}

#home .container .menu .header s.hr:before,
.foot .ui.grid .language s.hr:before,
.selectCountry li.hr:before {
    background-position: 0 -26em;
}

#home .container .menu .header s.sk:before,
.foot .ui.grid .language s.sk:before,
.selectCountry li.sk:before {
    background-position: 0 -27em;
}

#home .container .menu .header s.si:before,
.foot .ui.grid .language s.si:before,
.selectCountry li.si:before {
    background-position: 0 -28em;
}

#home .container .menu .header s.no:before,
.foot .ui.grid .language s.no:before,
.selectCountry li.no:before {
    background-position: 0 -29em;
}

#home .container .menu .header s.iw:before,
.foot .ui.grid .language s.iw:before,
.selectCountry li.iw:before {
    background-position: 0 -30em;
}

#home .container .menu .header s.dk:before,
.foot .ui.grid .language s.dk:before,
.selectCountry li.dk:before {
    background-position: 0 -31em;
}

#home .container .menu .header s.ro:before,
.foot .ui.grid .language s.ro:before,
.selectCountry li.ro:before {
    background-position: 0 -32em;
}

#home .container .menu .header s.se:before,
.foot .ui.grid .language s.se:before,
.selectCountry li.se:before {
    background-position: 0 -33em;
}

#home .container .menu .header s.bg:before,
.foot .ui.grid .language s.bg:before,
.selectCountry li.bg:before {
    background-position: 0 -34em;
}

#home .container .menu .header s.al:before,
.foot .ui.grid .language s.al:before,
.selectCountry li.al:before {
    background-position: 0 -35em;
}

#home .container .menu .header s.et:before,
.foot .ui.grid .language s.et:before,
.selectCountry li.et:before {
    background-position: 0 -36em;
}

#home .container .menu .header s.az:before,
.foot .ui.grid .language s.az:before,
.selectCountry li.az:before {
    background-position: 0 -37em;
}

#home .container .menu .header s.ee:before,
.foot .ui.grid .language s.ee:before,
.selectCountry li.ee:before {
    background-position: 0 -38em;
}

#home .container .menu .header s.eu:before,
.foot .ui.grid .language s.eu:before,
.selectCountry li.eu:before {
    background-position: 0 -39em;
}

#home .container .menu .header s.by:before,
.foot .ui.grid .language s.by:before,
.selectCountry li.by:before {
    background-position: 0 -40em;
}

#home .container .menu .header s.is:before,
.foot .ui.grid .language s.is:before,
.selectCountry li.is:before {
    background-position: 0 -41em;
}

#home .container .menu .header s.ba:before,
.foot .ui.grid .language s.ba:before,
.selectCountry li.ba:before {
    background-position: 0 -42em;
}

#home .container .menu .header s.za:before,
.foot .ui.grid .language s.za:before,
.selectCountry li.za:before {
    background-position: 0 -43em;
}

#home .container .menu .header s.xh:before,
.foot .ui.grid .language s.xh:before,
.selectCountry li.xh:before {
    background-position: 0 -43em;
}

#home .container .menu .header s.zu:before,
.foot .ui.grid .language s.zu:before,
.selectCountry li.zu:before {
    background-position: 0 -43em;
}

#home .container .menu .header s.kh:before,
.foot .ui.grid .language s.kh:before,
.selectCountry li.kh:before {
    background-position: 0 -44em;
}

#home .container .menu .header s.kz:before,
.foot .ui.grid .language s.kz:before,
.selectCountry li.kz:before {
    background-position: 0 -45em;
}

#home .container .menu .header s.ht:before,
.foot .ui.grid .language s.ht:before,
.selectCountry li.ht:before {
    background-position: 0 -46em;
}

#home .container .menu .header s.ng:before,
.foot .ui.grid .language s.ng:before,
.selectCountry li.ng:before {
    background-position: 0 -47em;
}

#home .container .menu .header s.gl:before,
.foot .ui.grid .language s.gl:before,
.selectCountry li.gl:before {
    background-position: 0 -48em;
}

#home .container .menu .header s.iq:before,
.foot .ui.grid .language s.iq:before,
.selectCountry li.iq:before {
    background-position: 0 -49em;
}

#home .container .menu .header s.lv:before,
.foot .ui.grid .language s.lv:before,
.selectCountry li.lv:before {
    background-position: 0 -50em;
}

#home .container .menu .header s.la:before,
.foot .ui.grid .language s.la:before,
.selectCountry li.la:before {
    background-position: 0 -51em;
}

#home .container .menu .header s.lt:before,
.foot .ui.grid .language s.lt:before,
.selectCountry li.lt:before {
    background-position: 0 -52em;
}

#home .container .menu .header s.mg:before,
.foot .ui.grid .language s.mg:before,
.selectCountry li.mg:before {
    background-position: 0 -53em;
}

#home .container .menu .header s.nz:before,
.foot .ui.grid .language s.nz:before,
.selectCountry li.nz:before {
    background-position: 0 -54em;
}

#home .container .menu .header s.mn:before,
.foot .ui.grid .language s.mn:before,
.selectCountry li.mn:before {
    background-position: 0 -55em;
}

#home .container .menu .header s.bd:before,
.foot .ui.grid .language s.bd:before,
.selectCountry li.bd:before {
    background-position: 0 -56em;
}

#home .container .menu .header s.mm:before,
.foot .ui.grid .language s.mm:before,
.selectCountry li.mm:before {
    background-position: 0 -57em;
}

#home .container .menu .header s.np:before,
.foot .ui.grid .language s.np:before,
.selectCountry li.np:before {
    background-position: 0 -58em;
}

#home .container .menu .header s.af:before,
.foot .ui.grid .language s.af:before,
.selectCountry li.af:before {
    background-position: 0 -59em;
}

#home .container .menu .header s.mw:before,
.foot .ui.grid .language s.mw:before,
.selectCountry li.mw:before {
    background-position: 0 -60em;
}

#home .container .menu .header s.lk:before,
.foot .ui.grid .language s.lk:before,
.selectCountry li.lk:before {
    background-position: 0 -61em;
}

#home .container .menu .header s.tz:before,
.foot .ui.grid .language s.tz:before,
.selectCountry li.tz:before {
    background-position: 0 -62em;
}

#home .container .menu .header s.tj:before,
.foot .ui.grid .language s.tj:before,
.selectCountry li.tj:before {
    background-position: 0 -63em;
}

#home .container .menu .header s.pk:before,
.foot .ui.grid .language s.pk:before,
.selectCountry li.pk:before {
    background-position: 0 -64em;
}

#home .container .menu .header s.ua:before,
.foot .ui.grid .language s.ua:before,
.selectCountry li.ua:before {
    background-position: 0 -65em;
}

#home .container .menu .header s.uz:before,
.foot .ui.grid .language s.uz:before,
.selectCountry li.uz:before {
    background-position: 0 -66em;
}

#home .container .menu .header s.ge:before,
.foot .ui.grid .language s.ge:before,
.selectCountry li.ge:before {
    background-position: 0 -67em;
}

#home .container .menu .header s.rs:before,
.foot .ui.grid .language s.rs:before,
.selectCountry li.rs:before {
    background-position: 0 -68em;
}

#home .container .menu .header s.id:before,
.foot .ui.grid .language s.id:before,
.selectCountry li.id:before {
    background-position: 0 -69em;
}

.foot .copyright .language {
    position: absolute;
    top: 0;
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
    left: 15px;
}

.latest {
    padding-bottom: 20px;
}

.latest::after,
.hot-panel-list::after,
.parts ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.hot-panel {
    width: 49.5%;
    margin-right: 0.5%;
    float: left;
}

.latest .hot-panel:nth-child(2) {
    margin-right: 0;
    margin-left: 0.5%;
}

.hot-panel .top-title {
    padding-left: 13px;
    height: 40px;
    line-height: 40px;
    color: #242222;
    font-size: 24px;
    border-bottom: 1px solid #CACACA;
}

.hot-panel .top-title p {
    font-size: 16px;
    margin: 0;
    float: left;
}

.hot-panel .top-title a {
    float: right;
    font-size: 12px;
    margin-right: 10px;
    text-decoration: underline;
}

.hot-panel .hot-panel-list {
    margin: 10px 10px 0;
    clear: both;
    padding-top: 7px;
}

.hot-panel .hot-panel-list .hot-panel-list-pic {
    float: left;
    width: 100px;
}

.hot-panel .hot-panel-list .hot-panel-list-pic img {
    max-height: 60px;
    border: 1px solid #CCCCCC;
    padding: 3px;
    max-width: 100%;
}

.hot-panel .hot-panel-list .hot-panel-list-right {
    float: left;
    width: 370px;
}

.hot-panel .hot-panel-list .hot-panel-list-title {
    display: inline-block;
    color: #355E80;
    float: left;
    width: auto;
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
}

.hot-panel .hot-panel-list .hot-panel-list-intro {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    line-height: 18px;
    font-size: 12px;
    color: #888888;
}

.parts {}

.parts .hot-title {
    border-bottom: 2px solid rgb(24, 150, 230);
    line-height: 2.4rem;
    font-size: 1.1rem;
    padding-left: 0.5rem;
}

.parts ul {
    margin: 0;
    padding: 7px;
    column-count: 5;
    column-gap: 5px;
    -webkit-column-count: 5;
    -webkit-column-gap: 5px;
    -moz-column-count: 5;
    -moz-column-gap: 5px;
}

.parts li {
    list-style: none;
    display: block;
    line-height: 16px;
    word-break: break-all;
    padding: 3px 0;
}

.parts li a {
    font-size: 12px;
}

.parts table {
    margin-top: 7px;
}

.parts td {
    border: none !important;
    padding: 5px !important;
}

.parts td a {
    font-size: 12px !important;
}

.ui.form .field .prompt.label {
    text-transform: none;
}

.main>.right>.segment li.icon:before {
    display: inline-block;
    opacity: .75;
    margin: 0 .25em 0 0;
    font-size: 1em;
    width: 1.23em;
    height: 1em;
    font-family: Icons;
    font-style: normal;
    line-height: 1;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.main>.right>.segment li.icon.phone:before {
    content: "\f095";
}

.main>.right>.segment li.icon.print:before {
    content: "\f02f";
}

.main>.right>.segment li.icon.mail:before {
    content: "\f0e0";
}

.main>.right>.segment li.icon.skype:before {
    content: "\f17e";
}

.message+.column .ui.segment.attached {
    height: 680px;
}

.message+.column textarea {
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

#news_content {
    font-size: 14px;
}

.ui.grid>.row>.column>img,
.ui.grid>.row>img {
    margin: 0 auto;
}

.ui.grid>.row>.about img {
    max-width: 100%;
}

.ui.grid table.paramter td {
    width: 15%;
}

.ui.divided.grid.banner {
    margin-top: 3px;
    width: 878px;
}

.divided.banner .twelve.wide.column.firstcolumn {
    padding: 0;
}

.divided.banner .bx-wrapper {
    margin-top: 10px;
}

.ui.four.items {
    margin-right: 0;
}

.four.wide.column.quote.images img.ui.rounded.image {
    display: block;
    margin-bottom: 15px;
}

dl.verify {
    display: none;
}

dl.verify dt {
    font-weight: bold;
    line-height: 30px;
}

dl.verify dt s {
    font-weight: normal;
    text-decoration: none;
    color: #aaaaaa;
    font-size: 12px;
    margin-left: 5px;
}

dl.verify dd {
    margin: 0;
    width: 330px;
    position: relative;
}

dl.verify dd input {}

dl.verify dd span {
    position: absolute;
    right: 1px;
    top: 1px;
}

dl.verify dd img {}

.ui.grid>.row>.column.introduce {
    border: 1px solid #ddd;
    margin: 0 17px;
    width: auto;
    padding: 10px;
    border-radius: 5px;
    line-height: 24px;
}


/*select country*/

.selectCountry {
    background-color: #fff;
    width: 400px;
    height: 200px;
    position: fixed;
    left: 50%;
    margin-left: -220px;
    top: 50%;
    border: 1px solid #ddd;
    margin-top: -100px;
    z-index: 10000;
    padding: 20px;
}

.selectCountry i {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}

.selectCountry i:before {
    font-size: 22px;
    margin: 0;
    color: #882526;
}

.selectCountry h3 {
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    padding-left: 10px;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.selectCountry ul {
    margin: 0;
    padding: 0;
}

.selectCountry ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.selectCountry li {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 10px;
    color: #000;
    font-weight: bold;
    position: relative;
    line-height: 30px;
    cursor: pointer;
    list-style: none;
}

.selectCountry li:before {
    content: "";
    background-image: url("../images/language_180.png");
    width: 180px;
    height: 120px;
    display: block;
    margin: 0 auto;
    font-size: 240px;
}

.selectCountry li:after {
    content: "";
    left: 10px;
    top: 10px;
    position: absolute;
    background-color: #333;
    width: 180px;
    height: 120px;
    opacity: 0;
}

.selectCountry li:hover:after {
    opacity: 0.5;
}

.selectCountryLayer {
    background-color: #444;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    opacity: 0.5;
}


/*cert*/

.ui.stacked.segment h1 {
    text-align: center;
    color: #009fda;
    font-size: 26px;
    margin-bottom: 0;
}

.ui.stacked.segment h1+strong {
    font-size: 14px;
    color: #555;
    text-align: center;
    display: block;
    font-weight: normal;
}

.ui.stacked.segment .cert {
    padding: 20px 0;
}

.ui.stacked.segment .cert:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.ui.stacked.segment .cert a {
    float: left;
    width: 270px;
    height: 140px;
    border: 2px solid #ccc;
    margin-left: 22px;
    margin-top: 16px;
    border-radius: 5px;
    text-align: center;
    color: #818181;
    font-size: 14px;
    padding: 160px 50px 0 50px;
    line-height: 20px;
    position: relative;
}

.ui.stacked.segment .cert a:nth-child(3n+1) {
    margin-left: 0;
}

.ui.stacked.segment .cert a:before {
    content: "";
    width: 190px;
    height: 140px;
    background-image: url("../images//cert.jpg");
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -95px;
    top: 10px;
    font-size: 140px;
}

.ui.stacked.segment .cert a:after {
    content: "";
    width: 40px;
    height: 40px;
    background-image: url("../images//cert_arrow.png");
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.ui.stacked.segment .cert a:nth-child(2):before {
    background-position: 0 -1em;
}

.ui.stacked.segment .cert a:nth-child(3):before {
    background-position: 0 -2em;
}

.ui.stacked.segment .cert a:nth-child(4):before {
    background-position: 0 -3em;
}

.ui.stacked.segment .cert a:nth-child(5):before {
    background-position: 0 -4em;
}

.ui.stacked.segment .cert a:nth-child(6):before {
    background-position: 0 -5em;
}

.ui.stacked.segment .cert a strong {
    display: block;
    color: #009fda;
    font-size: 16px;
    padding-bottom: 5px;
}

.ui.stacked.segment .cert a:hover {
    border: 2px solid #fdd357;
}

.ui.stacked.segment .cert a:hover:after {
    background-color: #1893e1;
    border: 1px solid #1893e1;
    background-position: -40px center;
}

.ui.stacked.segment .images:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.ui.stacked.segment .images img:nth-child(2n+1) {
    margin-left: 0;
}

.ui.stacked.segment .images img {
    float: left;
    max-width: 49.9%;
    margin-left: 0.2%;
}