@import url(//fonts.googleapis.com/css?family=Open+Sans); /*400,normal*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:Medium); /*500*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:SemiBold); /*600*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:extrabold); /*800*/

a { text-decoration:none; color:#03181C; }
a:visited { text-decoration:none; }
a:hover{ text-decoration: underline; color:#03181C; }
a.navigatelink { font-size:11px; color:#606060; }
.navigatelink_current { font-size:16px; font-weight: bold; border: solid 1px #5E5E5E; border-style: dotted; color:#606060; }

/* Sortial Row */

.div_sortial_row { float:left; width:370px; height:350px; margin:0 40px 40px 0; }

.div_sortial_row:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

.div_sortial_row_detail a { display: inline; font-weight: normal; }

.div_sortial_row a { color:#000; font-weight:bold; display:block; }

.div_sortial_row a:hover { text-decoration:none; }

.div_sortial_row img {}
.div_sortial_row img:hover { }

a.sortial_headline { }
a.sortial_headline:hover { }

a.sortial_details { font-size:11px; font-weight:normal; color:#606060; }
a.sortial_details:hover { text-decoration:none; color:#292929; }

.entitial_headline { font-size:24px; color:#1d1e1f; font-weight:bold; margin:0 0 20px; }

a.currentposition { font-size:12px; color:#606060; }
a.currentposition:hover { }

body { font-size:14px; color:#606060; line-height:20px; font-family:Open Sans, Verdana, sans-serif; padding:0; margin:0; background-color:#181C18; scrollbar-face-color: #cccccc; scrollbar-highlight-color: #cccccc; scrollbar-shadow-color: #f7f7f7; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000099; scrollbar-track-color: #efefef; scrollbar-darkshadow-color: #cccccc; }

    .body_popup { background-color:#FFF; }

    body.segoe { font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.section { color:#000; font-size:22px; font-weight:bold; margin:10px 0 15px 0; }

.sec { color:#000; font-size:16px; font-weight:bold; margin:10px 0 15px 0; display:block; }
 
.content_datetime { font-size:11px; font-weight:normal; margin:0 0 20px 0; }

input { font-family:Open Sans; font-size:13px; line-height:25px; color:#606060; background-color:#FFF; border:1px solid #EFEFEF; padding:1px 0 0 6px; height:34px; border-radius:3px; }
input:focus { background-color:#FFBC42; color:#FFF; }
select {  font-family:Open Sans; font-size:13px; line-height:25px; color:#606060; background-color:#FFF; border:1px solid #EFEFEF; height:34px; padding-left:3px; border-radius:3px; }
select:focus { background-color:#FFBC42; color:#FFF; }
.button { font-family:Open Sans; font-size:14px; font-weight:normal; color:#FFFFFF; background-color:#FFBC42; border:none; width:150px; height:36px; border-radius:5px; }
.button:hover { cursor:pointer; background-color:#FFF; color:#FFBC42; border:1px solid #FFBC42; }
textarea { font-family:Open Sans; font-size:13px; line-height:25px; color:#606060; background-color:#FFF; border:1px solid #EFEFEF; border-radius:3px; padding:6px 0 0 6px; overflow:auto; }
textarea:focus { background-color:#FFBC42; color:#606060; }
#form_captcha { letter-spacing:11px; text-align:center; }




/* Proje Özel */

.body_popup #Form1 { padding:10px 0 0 10px; }

.dmo { width:100%; display:table; }

.dm, .dmh { width:94%; margin:0 auto 0 auto; }

.dmh { margin-top:40px; margin-bottom:24px; display:table; }

#Dw { background-color:#FFF; display:table; }

#Dw .dm { padding:20px 0 20px 0; }

.scrollToTop { width:51px; height:51px; text-align:center; background: whiteSmoke; font-weight: bold; color: #444; text-decoration: none; position:fixed; bottom:40px; right:40px; display:none; background: url('images/scroll.png') no-repeat; }

#LabelRes { text-align:left; }

.lrc { margin:20px auto 20px auto; display:table; width:500px; }

.sh, .shm, .shno { font-size:26px; font-weight:600; color:#03181C; display:table; margin:40px 0 24px 0; line-height:34px; }

.shno { margin:0; float:left; }

.shm:hover, .shno:hover { cursor:pointer; }

#DivCon #LabelCon { padding:30px 0; display:block; }

#DivCon2 { padding:30px 0; }

#orgm, #dt, #review_span { display:block; margin:25px auto 25px auto; width:300px; color:#606060; background-color:#EFEFEF; border-radius:6px; font-size:14px; padding-left:15px; }

#orgm, #dt:hover, #review_span:hover { cursor:pointer; background-color:#EFEFEF; color:#606060; }

#Dd { }

.instagram-media { max-width:300px !important; }

#DivSl { float:right; }

#DivSl img { width:28px; }

#DivSl img:hover { cursor:pointer; }

#IcL { transform: scaleX(-1); }

#Chart1 { border-radius:10px; }




/* Ads */

#Dam { padding:20px 0 20px 0; text-align:center; }




/* Header */

#Dh { display:flex; padding:32px 0; background-color:#FFF; z-index:11; }

#Il { width:189px; float:left; }

#Ds { display:table; margin-left:34px; text-align:left; float:left; }

#Ac { width:340px; height:44px; color:#666666; background-color:#F2F2F2; border-radius:16px 0 0 16px; padding-left:24px; font-size:13px;  }

#Ac:focus { outline:none; }

#Dsearch {
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    background-image: url('images/icon_search.bmp');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-y: 14px;
    background-position-x: 88px;
    width: 106px;
    height: 33px;
    background-color: #FF8800;
    float: left;
    border-radius: 0 16px 16px 0;
    color: #FFF;
    padding: 14px 0 0 20px;
}

#DsearchM {
    display: none;
}

    #Dsearch:hover, #DsearchM:hover {
        cursor: pointer;
    }


#Dsr, #DsrM { width:530px; margin-top:2px; position:absolute; background-color:#FFF; padding:5px; display:none; font-size:13px; z-index:1000; border-radius:12px; border:1px solid #CCC; }

#Dsr div, #DsrM div { padding:10px 0 10px 16px; border-radius:8px; color:#000; }

#Dsr div:hover, #DsrM div:hover { cursor:pointer; background-color:#EFEFEF; }

#Dsr div.scat:hover, #DsrM div.scat:hover { cursor:default; background-color:transparent; }

#DivAutoRes { display:table; padding:5px 10px 5px 10px; background-color:#EFEFEF; border:1px solid #ff9200; border-radius:2px; }

#Dl { float:right; }

#Dc { height:62px; border-bottom:1px solid #D8D8D8; border-top:1px solid #D8D8D8; background-color:#FFF; z-index:10; }

    #Dc ul {
        margin: 0;
        padding: 0;
        height: 60px;
    }

    #Dc li {
        display: block;
        position: relative;
        float: left;
        padding: 19px 19px;
        height: 22px;
        font-size: 16px;
        color: #1b1b1b;
        user-select: none;
    }

        #Dc li:hover {
            cursor: pointer;
            text-decoration: none;
        }

            #Dc li:hover .sub {
                visibility: visible;
                opacity: 1;
            }

    #Dc li a {
        color: #1b1b1b;
        text-decoration: none;
    }

.lim {
    background-image: url(images/icon_arrow_down.png);
    background-repeat: no-repeat;
    background-position-y: 26px;
    background-position-x: 84px;
}

    .lim:hover .sub {
        display: block;
    }

#Dc #S1_As, #Dc #S1_As2 { color:#fe8e01; font-weight:600; font-size:18px; }

#Moo, #M6o { width:450px; margin:21px 0 0 0; position:absolute; background-color:#F7F6F3; padding:0; display:none; z-index:4 }

#Moo, #M6o { width:250px; }

#Dc #Mo { display:none; }

#Ln1_MLan { display:none; }

.attention {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    transition: transform 0.3s ease;
    animation: bounce 2s infinite, colorChange 5s infinite alternate;
}

    .attention:hover {
        transform: translateY(-5px);
    }

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}




/* WIP */

.sub {
    display:flex;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 63px;
    left: 0;
    background-color: #F7F6F3;
    color: #333;
    transition: opacity 0.2s ease-in-out, visibility 0.2s;
    z-index: 4;
}
    .sub a {
        display: block;
        padding: 5px;
        margin: 4px;
        font-size: 13px;
    }

        .sub a:hover {
            background-color: #FFF;
            text-decoration: none;
        }

#Mo .sub {
    width: 200px;
}

#SubCats div {
    position: absolute;
    top: 0;
    left: 90%;
    display: none;
    background: #F7F6F3;
    z-index: 10;
    white-space: nowrap;
}

    #SubCats div.catbottom {
        top: auto;
        bottom: 0;
    }




/* Session */

.image-wrap { display: inline-block; position: relative; vertical-align: middle; margin-left:10px; }

.image-wrap:hover { cursor: pointer; }

.image-wrap img {display: block; max-height:48px;}

.info-box { visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 48px;
    left: -40px;
    width: 100px;
    padding: 6px;
    background-color: #FFF;
    border-radius: 6px;
    border: 1px solid #313029;
    color: #333;
    text-align: center;
    transition: opacity 0.2s ease-in-out, visibility 0.2s;
    z-index:100;
}

#DpnMe .info-box { text-align:left; left:unset; right: 0; padding:14px; }

#DpnMe a { display:block; margin-bottom:6px; }

#L1_DivFb { margin:14px 0; }

#L1_DivFb:hover { cursor:pointer; }

#L1_DivFb { color:#fe8e01; font-weight:600; }

#L1_Mi { border-radius:24px; margin-left:15px; max-height:48px; animation:fadeInOut 2s infinite; }

.memproim { border-radius:24px; max-height:48px; }

#L1_Mc { position:absolute; top:-6px; right:-1px; color:#000; font-weight:600;  }

#L1_DNoI, #DNoI, .dnoi { width:44px; height:48px; background-color:brown; color:#FFF; font-size:20px; font-weight:500; border-radius:16px; justify-content:center; align-items:center; display:flex; margin-left:20px; animation:fadeInOut 2s infinite; }

@keyframes fadeInOut {
    0%, 100% { box-shadow: 0 0 0 3px rgba(255, 0, 0, 0); }
    50% { box-shadow: 0 0 0 3px rgba(255, 0, 0, 1); }
}




/* Magazines */

#DMagazine, #DMagazinePress { display:flex; transition:transform 0.5s ease; }

.newsitem { min-width:200px; height:480px; float:left; display:block; margin-right:20px; border-left:1px solid #E0B1B1; padding-left:20px; overflow:hidden; position:relative; box-sizing:border-box; }

.newsitem:hover { filter:alpha(opacity=80); opacity:0.8; cursor:pointer; }

.newsitem #Date { color:#999999; font-weight:500; font-size:13px; letter-spacing:1px; margin:8px 0; }

.newsitem #Hea { color:#202020; font-weight:600; font-size:24px; line-height:32px; margin-bottom:8px; display:block; }

.newsitem #ShoDes { color:#202020; font-weight:400; font-size:15px; line-height:24px; margin-bottom:10px; display:block; max-height:170px; overflow:hidden; position: relative; }

    .newsitem::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px; 
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        pointer-events: none;
        z-index:1;
    }

.newsitem #More { color:#D56592; font-weight:400; font-size:16px; position:absolute; bottom:-3px; z-index:2; }

.newsitem img { border:1px solid #EFEFEF; border-radius:0; width:100%; max-width:500px; max-height:250px; object-fit:contain; }




/* Footer */

#DivFs { background-color:#FF9600; height:41px; color:#FFF; padding-top:10px; font-size:16px; }

#DivFs img { width:17px; margin-top:5px; }

#DivF { padding-bottom:40px; }

#DivFl { margin:50px 0 25px; display:table; width:100%; }

#Ilf { width:189px; float:left; }

#Piy { width:120px; float:right; }

#Dpg { float:right; display:flex; align-items:center; margin-top:6px; }

#Dpg img { margin-right:10px; width:40px; }

.dv { margin:0 25px 0 0; float:left; }

.dv a { color:#ABAFB1; font-size:12px; margin-right:20px; white-space:nowrap; }

.dv a.headline { font-size:15px; margin:0 0 30px 0; color:#ABAFB1; font-weight:700; }

.dv a:hover { color:#FFF; text-decoration:none; }

#Dfd { width:100%; border-top:solid 1px #525552; margin-top:33px; padding-top:28px; display:block; }

#Alc { color:#525552; }

#Alc:hover { color:#FFF; text-decoration:none; }




/* Form */

.row { display:block; margin:0 0 10px 0; }

.rowf {
    display: flex;
    gap: 15px;
    margin-bottom:10px;
}

.bl_form { display:inline-block; margin-right:25px; }

#new_manuf { width:25px; height:25px; margin:0; border:4px solid #EFEFEF; border-radius:2px; }

.ba { height:52px; box-shadow:0 8px 27px 0 rgba(0, 0, 0, 0.11); background-color:#FF9600; border-radius:26px; font-size:14px; color:#FFF; font-weight:bold; }

.ba:hover { cursor:pointer; }




/* Steps */

#TableSteps { color:#FFF; width:80%; text-align:center; font-weight:bold; font-size:24px; margin:0 auto 0 auto; }

#TableSteps table { border-spacing:0; }

.stb_green { color:#FFF; width:45px; height:45px; background-color:#FFBC42; border-radius:21px; }

.stb_gray { color:#7C7871; width:45px; height:45px; background-color:#EFEFEF; border-radius:21px; }

.st_green { width:120px; background-color:#FFBC42; }

.st_gray { width:120px; background-color:#EFEFEF; }




/* Paging */

.button_paging, .button_paging_current, .button_paging_dummy { background-color:#FFF; color:#606060; font-weight:500; font-size:13px; padding:2px 14px 2px 14px; border:none; border-radius:6px; margin-right:4px; }

.button_paging:hover { cursor:pointer; background-color:#EFEFEF; }

.button_paging_dummy:hover { cursor:default; background-color:transparent; }

.button_paging_current { background-color:#EFEFEF; }

#DivPaging, #DivPaging2 { width:100%; display:table; }

#DivPageLinks { margin:20px auto 0 auto; width:100%; text-align:center; }

#DivNextPrev { display:table; width:100%; }

#ButtonUniPagingPrev, #ButtonUniPagingPrev_2, #ButtonUniPagingPrev_4 { float:left; }

#ButtonUniPagingNext, #ButtonUniPagingNext_1, #ButtonUniPagingNext_2, #ButtonUniPagingNext_7 { float:right; }

#Df { padding:20px 0 20px 0; }

#Df #title, #Df #model { width:300px; }

#Df select, #Df input { margin:0 10px 10px 0; }

#Dcaf select { width:300px; border-radius:8px; }

#SSeller { display:block; margin:15px 0; }




/* Lists */

#TableResults { width:100%; border-spacing:0px; margin-top:25px; }

#TableResults tr { background-color:#FFF; }

#TableResults tr:hover { background-color:#EFEFEF; cursor:pointer; }

#TableResults input { float:right; margin-right:2px; }

#TrHea { font-weight:bold; text-align:center; }

#TableResults .tr_sep { background-color:#FFBC42; height:3px; }

.td_hn:hover { cursor:pointer; }

.tr_s { background-color:#EFEFEF; height:1px; }

.tr_data td { height:40px; text-align:center; }

.td_op input { margin-bottom:5px; display:block; }

.td_op { width:90px; }

.bt_flt { font-weight:500; border:none; font-size:14px; } 

.bt_flt:hover { cursor:pointer; }




/* Member Panel */

#DivP { padding:20px 0; display:flex; }

#MContent { flex:1; }

#Mu_MMenu { width:200px; margin-right:60px; display:none; }

#Mu_MMenu a { padding:12px 34px; width:100%; text-align:left; border:none; font-size:14px; color:#1b1b1b; background-repeat:no-repeat; background-position:left center; background-size:24px; box-sizing:border-box; display:block; }

    #Mu_MMenu a:hover {
        font-weight: 600;
        text-decoration: none;
    }

    #Mu_MMenu hr {
        height: 1px;
        background-color: #CCCCCC;
        border: none;
    }

#DivMembersMenu { display:none; }

.side_menu_section { color:#FFF; font-size:19px; font-weight:bold; margin:27px 0 18px 22px; display:block; }

.div_gen_flex_con { display:flex; grid-gap:30px; flex-wrap:wrap; }

.div_mp_box_con { width:300px; margin-bottom:28px; }

.div_mp_box_con:hover { cursor:pointer; }

.div_mp_box, .div_mp_box2 { display:flex; align-items:center; gap:6px; }

.div_mp_box { border:1px solid #CCCCCC; border-radius:8px; padding:16px; }

.hea_2 { font-weight:600; font-size:18px; color:#000; }




/* Add Listing */

.div_main_listing { margin:0 auto 0 auto; display:table; width:90%; }

#title, #description, #model { width:100%; }

.hea_1 { font-weight:bold; font-size:18px; display:block; margin:20px 0 20px 0; }

#PicUpd { display:none; }

#DivImages img:hover { cursor:pointer; }

#ButtonNext_1, #ButtonNext_2, #ButtonNext_3 { float:right; }

#ButtonPrev_1 { float:left; }

#DivPayment input, #agree, #shop_submit { width:25px; height:25px; border:1px solid #EFEFEF; }

#DivPayment img { width:135px; }

#DivIm1 { vertical-align:top; }

#ButtonAddressOp { display:none; }




/* Items */

#DivL { background-color:#FFF; display:table; width:100%; }

.itm { float:left; margin-bottom:40px; margin-right:28px; width:240px; font-size:12px; position:relative; }

.itm:hover { cursor:pointer; background-color:#F2F4F5; }

.itm .img:hover, .itm img:hover { transform: scale(1.04); }

.itm .img, .itm img { width:100%; transition: 0.2s all ease-in-out; }

.itm a { font-weight:600; font-size:13px; color:#03181C; margin:10px 0 0 0; display:block; height:22px; overflow:hidden; }

.itm a:hover { text-decoration:none; }

.itm .img { display:block; width:240px; height:180px; margin:0 auto 0 auto; background-repeat:no-repeat; background-position:left top; background-size:auto 100%; }

.itm .d { font-size:10px; } /* Tarih */

.itm .c, .itm .s { display:inline-block; height:18px; overflow:hidden; } /* Kategori, Tip */

.itmv { background-image:url(../en/images/icon_verified.png); background-repeat:no-repeat; background-size:140px; width:140px; height:40px; background-position:right top; position:absolute; top:4px; right:4px; }

.itmvc { position:relative; width:140px; }

#DfeatG { display:flex; transition:transform 0.5s ease; }

#Dfeat .sh { margin-top:20px; }

#Dfeat .itm .c { background-color:#737373; margin:10px 0 6px 0; color:#FFF; border-radius:4px; padding:2px 5px 2px 5px;  } /* Kategori */

#Dfeat .itm .s { background-color:#C3C3A3; margin:0 0 10px 0; color:#FFF; border-radius:4px; padding:2px 5px 2px 5px;  } /* Tip */

/* Item Price ile ilgililer */

.p { font-weight:600; display:block; margin:10px 0 5px 0; font-size:14px; color:#03181C; letter-spacing: 0.57px; }

.pd { text-decoration:line-through; }

.pn { color:red; }

.pc { color:#00BA00; font-weight:bold; font-size:16px; background-image:url(../en/images/ad.png); background-size:20px; background-repeat:no-repeat; padding-left:25px; display:block; width:100px; }

#Bd { width:180px; display:block; margin-bottom:10px; }

.reviewstar { background-image:url(../en/images/stars/1.svg); height:24px; margin-bottom:8px; }




/* Home Page Sections */

#DRecDis .itm, #DMonHot .itm { background-color:#F2F4F5; padding:6px; margin-right:16px; border-radius:0px; }

#DRecDis .itm:hover, #DMonHot .itm:hover { background-color:#FFF; }

#DRecDis .img, #DMonHot .img { border-radius:0px; }

#DNews .sh { margin-top:14px; margin-bottom:14px; }

#Dfeat .itm, #DSelNews .itm { width:300px; margin-right:52px; }

#Dfeat .itm a { font-size:16px; }

#Dfeat img { border-radius: 4px; }

#DSelNews .itm .img { width:300px; height:300px; }

#DivBuyerProtect { display:none; background-color:#313029; color:#FFF; border-spacing:0 0 0 40px; height:440px; border:1px solid #313029; border-radius:0px; background-image:url(images/buyer-protect_1.jpg); background-repeat:no-repeat; background-position:top right; }

#DivBuyerProtect #DivDet { padding:0 0 0 40px; }

#DivBuyerProtect .sh { color:#FFF; }

#DivBuyerProtect #DivBuyerDet div { display:block; margin:0 0 34px; padding-left:28px; font-size:16px; background-image:url(images/icon_check.png); background-repeat:no-repeat; background-size:20px; }

.dinfowh { border:1px solid #FFF; border-radius:6px; padding:12px 40px 12px 40px; text-align:center; display:table; font-size:13px; width:400px; }

#DInsta .dm div { margin-right:20px; float:left; }




/* Popular Brands */

#PopularBrands { margin:0; }

#PopularBrands .dm { display:table; }

#PopularBrands .divpop, #PopularBrands #Bp1_ABrands { float:left; position:relative; background-color:#F2F4F5; border:1px solid #F2F4F5; width:198px; height:58px; margin:0 10px 10px 0; box-sizing:border-box; }

#PopularBrands .divpop:hover { background-color:#FFF; border:1px solid #03181C; border-bottom:none; }

#PopularBrands .menubra, #PopularBrands #Bp1_ABrands { padding:18px 0; color:#03181C; font-size:14px; font-weight:500; text-align:center; }

#PopularBrands #Bp1_ABrands { background-color:#FFF; margin:0 auto; float:none; display:table; }

.menupop {
    display: none;
    position: absolute;
    top: 56px;
    left: -1px;
    background-color: #fff;
    border: 1px solid #03181C;
    border-top:none;
    z-index: 100;
    text-align: center;
    width: 196px;
}

.menupop a { padding:8px 12px; display:block; }

.menupop a:hover { text-decoration:none; background-color:#F2F4F5; }

#PopularBrands .divpop:hover .menupop { display:block; }




/* Item Detail */

#Info { color: #1b1b1b; width: 350px; float: right; font-size: 13px; }

#Member { background-color:#ededed; width:350px; height:170px; display:table; text-align:center; padding:1px 1px 14px 1px; font-size:12px; }

#Sl1_member_name { font-weight:bold; font-size:16px; display:block; margin-bottom:2px; }

#Member a { display:block; font-size:13px; font-weight:bold; color:#1b1b1b; margin-top:5px; letter-spacing:0.6px; }

#Sl1_Ims { border-radius:24px; display:block; margin:20px auto 11px auto; }

#Dvr { margin:15px; text-align:center; }

#Dvr img { width:50px; margin:10px 5px 0; }

#Dpr { border:1px solid #EFEFEF; padding:26px 0; text-align:center; }

#Dship { border:1px solid #EFEFEF; padding:20px; }

#Dpa { border:1px solid #EFEFEF; padding:26px; }

#Dpa div { background-repeat:no-repeat; width:135px; height:72px; display:inline-block; background-position:left center; margin:5px 0 5px 0; }

#Dptc { background-image:url(images/p_cc.png); }
        
#Dptp { background-image:url(images/p_pp.png); }
      
#Dptw { background-image:url(images/p_wt.png); }

#Dpta { background-image:url(images/p_ca.png); }

#Sask, #Saskd { display:block; font-size:20px; font-weight:bold; color:#ff9400; margin-bottom:10px; }

#Saska { display:block; font-size:14px; font-weight:normal; color:#ff9400; margin:6px 0; }

#Apl { display:block; font-size:14px; font-weight:normal; color:#ff9400; margin:0 0 10px 0; }

#Message { width:260px; }

.tf { font-size:13px; color:#30302e; margin:0 auto 0 auto; }

.tf tr { vertical-align:top; }

.tf input { width:21px; height:17px; padding:0; border:none; }

#Bpro #Title { font-size:24px; font-weight:bold; display:block; margin-bottom:20px; color:#1d1e1f; letter-spacing:0.9px; }

#Bpro #Name { font-size:16px; font-weight:500; color:#1d1e1f; float:left; }

#Bpro #ManufPref { float:left; margin-left:10px; font-size:12px; font-weight:500; }

#Bpro #NameBlock { display:table; margin-bottom:15px; }

#Bpro #SpanManuf { display:block; margin:0 0 20px 0; color:#686868; }

#SpanManuf a { color:#686868; margin:0 12px 0 12px; font-size:13px; }

#P1_ImgProfile { width:580px; display:block; border-radius:5px; margin-top:20px; }

#Pics { float:left; width:600px; }

#Pics img:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#DivPicsS { margin:10px 0; }

#DivPicsS img { border-radius:5px; }




/* Table Data */

#DivInfo, #DivWarning { display:flex; align-items: flex-start; gap:12px; background-color: #f4f4f4; border-left:4px solid #e76f00; padding: 16px; margin:20px auto; border-radius: 6px; color: #333; }

#DivWarning { background-color:#fff3cd; border:1px solid #FBBA6D; padding:15px; border-radius:8px; font-size:15px; }

#TableData { color:#FFF; font-size:14px; border-spacing:6px; background-color:#FE8E00; border-radius:5px; margin:0 auto 0 auto; }

#TableData td { text-align:center; padding:3px; }

.tr_data_header { font-weight:bold; font-size:13px; }

.td_data_sep { height:0; background-color:#FFF; padding:0; border-spacing:0;  }

#TableData td.td_data_sep { padding:1px; }

.divsep { background-color:#FFBC42; height:3px; margin-bottom:10px; }

.table_1 {
    border-collapse: collapse;
    background-color: #fff9f3;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    margin: 20px auto 0 auto;
}

    .table_1 thead {
        background-color: #f0e0d0;
    }

    .table_1 th,
    .table_1 td {
        padding: 12px 16px;
        text-align: center;
        font-size: 14px;
        border-bottom: 1px solid #e0d2c2;
    }

    .table_1 th {
        color: #333;
        font-weight: 600;
    }

    .table_1 td b {
        color: #000;
    }

    .table_1 tr:hover {
        background-color: #ffe7d1;
    }




/* Brands */

#BrList div { float:left; padding:14px; margin:10px; width:118px; height:35px; border:1px solid #ff9200; border-radius:2px; text-align:center; vertical-align:middle; }

#BrList div:hover { background-color:#ff9200; cursor:pointer; }

#BrList div:hover a { color:#FFF; }

#BrList div a { color:#ff9200; }

#BrList div a:hover { text-decoration:none; }




/* Dealers */

#RegList { width:50%; float:left; display:table; }

#UnRegList { width:50%; float:left; display:table; }

#Dlr div { width:320px; display:table; border-bottom:1px solid #ff9200; padding:14px 0 14px; }

#Dlur div { border-bottom:1px solid #cccccc; padding:14px 0 14px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }

.dn { font-weight:bold; }




/* Ads */

#Ad { width:90%; text-align:center; margin:20px auto 20px auto; }

#Ad_D_1 { display:inline-block; }

#Ad_M_1 { display:none; width:300px; }




/* Responsive */

@media (min-width: 769px) {

    #DpnM:hover .info-box, #DpnMe:hover .info-box {
        visibility: visible;
        opacity: 1;
    }

}



@media(min-width:1100px) {

    .dm, .dmh {
        width: 1100px;
    }

    #DivBuyerProtect {
        width: 1054px;
    }

    #Ac {
        width: 480px;
    }
}


@media(min-width:769px) and (max-width:1023px) {

    #Ac {
        width: 260px;
    }
}

@media (max-width:768px) {

    .dm, .dmh {
        width: 96%;
    }

    .ii {
        padding-left: 10px;
    }

    #Il {
        width: 140px;
        float: none;
        margin-top:14px;
    }

    #Dh { padding:6px 0 14px; position:relative; }

    #Ds {
        margin: 16px 0 0;
        width: 100%;
        float: none;
    }

    #Ac {
        width: 74%;
        height: 50px;
        float: left;
    }

    #Dsearch {
        display: none;
    }

    #DsearchM {
        background-image: url('../en/images/icon_search.bmp');
        background-size: 20px;
        background-repeat: no-repeat;
        background-position-y: 18px;
        background-position-x: 14px;
        width: 33px;
        height: 39px;
        background-color: #FF8800;
        float: left;
        border-radius: 0 22px 22px 0;
        color: #FFF;
        padding: 14px 0 0 20px;
        display: block;
    }

    .dinfowh {
        width: 280px;
        padding-left: 6px;
        padding-right: 6px;
    }

    #Dl {
        position: absolute;
        top:16px;
        right: 94px;
        display: block;
    }

    .image-wrap {
        margin-left: 0;
    }

        .image-wrap img {
            max-height: 40px;
        }

    #DpnMe a {
        margin-bottom: 14px;
    }

    #L1_DivFb {
        z-index: 0;
        max-width: 120px;
        overflow: hidden;
        text-align: center;
    }

    #Dsr {
        width:90%;
        margin-top:55px;
    }

    #Dc #Mo {
        display: block;
    }

    #Dc #M2, #Dc #M3, #Dc #M4, #Dc #M5, #Dc #M6, #Dc #M7 {
        display: none;
    }

    #Dc li {
        padding-left:8px; padding-right:8px;
    }

    .lim {
        background-image:none;
    }

    #DfeatG, #DMagazine, #DMagazinePress {
        max-width: 320px;
    }

    #Dfeat .sh {
        margin-top: 40px;
    }

    #Dfeat .itm {
        margin-right: 20px;
        width: 300px;
    }

        #Dfeat .itm img {
            width: 300px;
        }

    #DMagazine .newsitem, #DMagazinePress .newsitem {
        width: 300px;
    }

        #DMagazine .newsitem #ShoDes,, #DMagazinePress .newsitem #ShoDes {
            height: 142px;
        }

    #DRecDis .itm, #DMonHot .itm {
        padding: 0px;
        margin-right: 8px;
    }

    #DivBuyerProtect {
        background-image: none;
    }

        #DivBuyerProtect #DivDet {
            padding-top: 0;
            padding-left: 20px;
            margin-top: -62px;
        }

        #DivBuyerProtect #DivBuyerDet div {
            margin-top: 0;
        }

    #DNews a {
        display: table;
        margin: 0 auto 0 auto;
    }

    .dbrbox {
        width: 152px;
    }

    .itm {
        width: 150px;
        margin-left: 4px;
        margin-right: 12px;
    }

        .itm .img, .itm img {
            width: 150px;
        }

    .sh, .shm, .shno {
        margin: 40px auto 30px auto;
        display: table;
    }

    .shno {
        float: none;
    }

    #Ilf {
        float: none;
        display: table;
        margin: 0 auto 36px auto;
    }

    #Piy {
        float: none;
        display: table;
        margin: 0 auto 12px auto;
    }

    #Dpg {
        float: none;
        justify-content: center;
    }

    #DivF .headline {
        display: none;
    }

    #P1_ImgProfile {
        width: 300px;
    }

    #Pics {
        width: 100%;
        float: none;
    }

    #Info {
        width: 300px;
        float: none;
    }

    #Member {
        width: 100%;
    }

    #Dpa {
        border: 1px solid #EFEFEF;
        padding: 20px 0 20px 20px;
    }

    #Df select, #Df input, #ButtonSearch, #mobile_menu {
        width: 300px;
        margin-bottom: 0 auto 20px auto;
    }

    #mobile_menu {
        width: 90%;
    }

    #Df {
        width: 100%;
        text-align: center;
    }

    #Dcaf select {
        width: 140px;
        margin-right: 10px;
    }

    #MContent {
        width: 100%;
        float: none;
    }

    #Mu_MMenu {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background-color: #FFF;
        overflow-x: hidden;
        transition: 0.3s;
        padding: 20px;
        display:block;
        z-index: 9999;
        box-sizing: border-box;
        border-right: 1px solid #ccc;
    }

        #Mu_MMenu .open {
            left: 0;
        }

    #DivMembersMenu {
        margin-bottom: 28px;
        display: block;
    }

        #DivMembersMenu span {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
            color: #000;
            font-size: 16px;
            font-weight: 500;
        }

    .menu-close {
        position: absolute;
        top: 14px;
        right: 0;
        width: 30px;
        height: 30px;
        background-color: #FFF;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        border: none;
        display: block;
    }

    .div_mp_box_con {
        width: 100%;
    }

    /* #mobile_menu, #ButtonBulkExpire { margin:0 auto 0 auto; display:table; width:90%; margin-bottom:20px; } */

    #Tdml, #Tdml2 {
        display: none;
    }

    #Trmd .button {
        margin-bottom: 15px;
    }

    #Ad_D_1 {
        display: none;
    }

    #Ad_M_1 {
        display: inline-block;
    }

    #DivText {
        width: 150px;
    }

    #ButtonAddressOp {
        display: block;
        width: 225px;
        margin-top: 20px;
    }

    #Ln1_MLan {
        display: block;
        position: absolute;
        z-index: 2000;
        top: 22px;
        right: 25px;
    }

    #Message {
        position: fixed;
        bottom: 0;
        left: 0;
        border-radius: 0;
        width: 100%;
        max-width: 480px; /* left:50%; transform: translateX(-50%); */
    }

    #Chart1 {
        width: 100% !important;
        height: auto !important;
    }

    #PopularBrands .divpop {
        width: 148px;
    }

    .menupop {
        width: 146px;
    }

        .menupop a {
            padding-left: 6px;
            padding-right: 6px;
        }

    #DivSl {
        display: none;
    }

}