/*----------------------------------Detail--------------------------------------*/
    
    #TabContent{float:left; width:100%; background-color:White;overflow:auto;}
    #Content div{ float:left;}
    @media only screen and (max-width: 1920px) {
        .titleshadow {
            width: 100%;
            height: 44px;
            line-height: 30px;
            background: url("images/img_Title.png") repeat-x top center;
            font-size: 20px;
            border-bottom: 1px solid #ddd;
        }
        .ProductCenter{width:58%}
    }
    @media only screen and (max-width: 1600px)
    {
        .titleshadow{ width:100%; height:44px; line-height:30px; background:url("images/img_Title.png") repeat-x top center; font-size:20px;border-bottom:1px solid #ddd }
        .ContentDetail{ float:left; width:100%; padding:0; min-width:805px;}
        /*#Content{ float:left; width:95%;min-width:940px;margin-left:2.5%}*/   #Content{ margin:0;padding:0 }
        .border-polaroid-matching 
        {
            width: 72px;height: 72px;padding: 1px;background-color: #fff;margin-right:5px;
            border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }
        #divAction1 .l ,#divAction2 .l{ color:#E4E4E4;margin:0 2px;}
        .labelfavpro { width:61.7%}     .ProductCenter{width:58%}
        #Pagingch1{width:30%}
        #Pagingch2{width:70%}
        .Slide_Branner{ height:195px; width:100%;}  
   }
    @media only screen and (max-width: 1366px) 
    {
        .titleshadow{ width:100%; height:44px; line-height:30px; background:url("images/img_Title.png") repeat-x top center; font-size:20px;}
        .ContentDetail{ float:left; width:100%; padding:0; min-width:805px; }
        .navbar {margin-bottom:15px}
        .border-polaroid-matching 
        {
            width: 50px;height: 50px;padding: 2px;background-color: #fff;margin-right:3px;
            border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }
        .labelfavpro { width:62%}   .ProductCenter{width:56%}
        .Slide_Branner{ height:170px; width:100%;}
    }
    @media only screen and (max-width: 1280px)
    {
        .navbar {margin-bottom:5px}
        .titleshadow{ width:100%; height:44px; line-height:44px; background:url("images/img_Title_Little.png") repeat-x top center; font-size:20px;}
        .ContentDetail{ width:100%;padding:0; float:left;  min-width:750px; }
        #divAction1 .l ,#divAction2 .l{ color:#E4E4E4;margin:0 1px;} 
        #ddlBizType, #ddlProvinceID {width:195px}
        .btnCompare {padding: 5px 10px;}
        .labelfavpro { width:65%}   
        .Slide_Branner{ height:155px; width:100%;}
        #ddlSort{width:140px}
    }
    @media only screen and (max-width: 1024px)
    {
        .navbar {margin-bottom:0px}
        .labelfavpro { width:67.7%} 
        #Pagingch1{width:30%}
        #Pagingch2{width:70%;}
        .Slide_Branner{ height:125px; width:100%;}
        .bg-formhead {padding: 9px 20px !important; width: 845px;height: 72px!important;}
        .Homeheadin {
            width:1024px !important;
        }
        .ProductCenter{width:53%}
        #Prodetail{width:72% !important}
        .advertise-productDetail{width:282px !important}
        #divCardMember{width:320px !important}
        #divCardMemberGallery{width:291px !important}
        #ProductDetail .ProductDetail{width:81.5% !important;}
        #ProductDetail .divProductItem .detail{width:76% !important;}
        .height_divDetailPro {
            height: 184px !important;
        }
        .height_divDetailComp {
             height: 180px !important;
        }
        .ImgZoom{width:689px !important;margin-left:1px !important;}
        .hr_width {
            width:89% !important;
            margin-left: 37px !important;
        }
        .search_Cate {
            width: 170px;
        }
        .search_Error {
            width: 80%;
        }
    }
    /*.PagingUC .input-append input{z-index:-1 !important}*/
    #ContentImage{ float:left; width:280px; height:300px;margin:0px auto;}
    .ImgZoom{width:763px;height:700px;margin-left:2px}
    .BigPicture{/*width:100%;height:100%;*/}
    /*.next{width:100px;height:90px}*/
    .PictureMenu{margin-left:0;margin-top:10px}
    #GalleryMenu .BgMenu2{ border:1px solid #ddd;width:100px;height:90px;} 
    #GalleryMenu .BgMenu:hover{border:1px solid #ddd;width:100px;height:90px;}
    #CardComp{width:318px;height:154px;}
    #ScollProduct{margin-top:-110px;background:white; width:317px;height:460px;margin-left:12px;border-left:1px solid #eee;border-bottom:1px solid #eee; box-shadow: 5px 0 5px #EDEDED;-moz-box-shadow: 5px 0 5px #EDEDED;-webkit-box-shadow: 5px 0 5px #EDEDED;}
    #ImgViewport{height: 390px;}
    #div1{margin-bottom:52px;}
    #ViewportDetail{height:145px;z-index:-1}
    .ContentGallery{width:100%; margin:0px auto;}
    #ContentDetail{ float:left; width:99.5%; min-height:325px; margin-left:15px;}
    #Prodetail{ width:74%; float:left}
    .divRow{ float:left; width:100%;}
    #Detail{ width:100%;}
    .tabTitle{ width:98%; padding:1% 1% 1% 0.5%; height:35px; font-size:16px;}
    .tabTitleGray{ width:100%; height:40px; background-color: #F3F3F3; border: 1px solid #E9E9E9;}
    #divMessage{width: 99.5%;border: 1px solid #E7E4DC; height:885px;}
    #Cate{padding: 0;margin: 0;}
    
    #img-polaroid {
      padding: 4px;
      background-color: #fff;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    
    .titleshadow{ width:100%; height:44px; line-height:44px; background:url("images/img_Title_Little.png") repeat-x top center; font-size:20px;}

    .img {
      max-width: 500px;
      max-height:400px;
      vertical-align: middle;
      border: 0;
      -ms-interpolation-mode: bicubic;
    }

	/* optional icon style */
	.zoomIcon { 
		width:33px; 
		height:33px; 
		position:absolute; 
		top:0;
		right:0;
		background:url(icon.png);
	}

	/* these styles are for the demo, and are not required for the plugin */
	.zoom {
		display:inline-block;
		position:relative;
	}

	.zoom img {
		display: block;
	}

	.zoom img::selection { background-color: transparent; }

    /*-------------Card------------*/
    #divCardMember{float:right;width:317px; height:372px;padding:0;min-height:360px;-moz-box-shadow: 5px 0 5px #EDEDED;}/*box-shadow: 5px 0 5px #EDEDED;-webkit-box-shadow: 5px 0 5px #EDEDED;*/
    #divCardMemberGallery{float:right;width:317px; height:240px;padding:0;background:#FCFCFC;min-height:100px;border-left:1px solid #eee;/*box-shadow: 5px 0 5px #EDEDED;-moz-box-shadow: 5px 0 5px #EDEDED;-webkit-box-shadow: 5px 0 5px #EDEDED;*/background-color:#F7F7F7}
    .Card{float:left; position:absolute; z-index:5; padding:15px; width:310px; height:175px;}
    .Card div span { float:left; position:absolute; z-index:5;  }
    .fontCart{ font-size:12px; color:#A27F53}
    
    /*------------------------ส่วนของ Slide Product----------------------------------*/
    #Slide{ float:left; width:270px; height:371px;}
    #SlideProImg{width:1000px;}
    #SlideProImg{float:left;width:262px; height:285px}
    #Product{ width:100%; height:230px; margin-top: 5px;}
    #Product li { width:220px; height:220px; display:inline-block;}
    #Product ul li a img{ margin-left:25px;}
    #Product ul{padding:0px;margin-left:5px 0 0 5px;list-style:none;} 
    #ProductMenu{position:absolute;  width:95px;margin: 0 85px;}
    #ProductMenu ul{ background-color:White; padding:0; list-style:none;margin-left:3px;}
    #ProductMenu ul li{border:1px solid #aaa;cursor:pointer; margin-right:8px;}
    #ProductMenu .BgMenu2{ border:1px solid #ddd;width:38px;height:38px;} 
    #ProductMenu .BgMenu:hover{border:1px solid #ddd;}
    #ProductMenu .BgMenu{border:1px solid #FFFFFF;width:38px;height:38px;}
    #GalleryMenu{position:absolute;}
    #GalleryMenu ul{ float:left; background-color:White; padding:0; list-style:none;margin-left:5px;}
    #GalleryMenu ul li{/*padding:4px; cursor:pointer; margin-right:5px;*/padding:4px; cursor:pointer; margin-right:5px;margin-bottom: 5px;width:95px;}
    
    #divSlideAll{ float:left; width:95%; margin-left:5%; height:190px; margin-top:10px;}

    /*--------------Slide------------*/
    .Slide_HotFeat{ height:250px; width:100%; margin-top:200px;border-bottom:1px dotted #ddd}
    .Slide_Supplier{ max-height:200px; width:100%; margin-top:30px}
    /*---Tab---*/
    #divDescription{width:100%;}
    #ContentProDetail{ float:left; width:100%; overflow:hidden;}
    .tab-pane{ width:100%}
    #ModalProductDetail{padding:2%; height:590px; overflow:hidden}
    .textTopic{ font-size:14px; font-weight:bold}
    .textGray{ color:#666666}
    .divHalf{ float:left; width:48%;}
    .divHalf .divleft{ float:left; width:30%;}
    .divHalf .divright{ float:left; width:60%; padding-left:5px;}
    .padd_l2{ padding-left:2%}
    #TabProDetail{ float:left; width:100.2%;}
    #TabProDetail li{float:left; width:170px; cursor:pointer; text-align:center }
    
    #TBPayment th{ background-color:#D3DAE1}
    #TBTransport th{background-color:#D3DAE1}
    #TabDetail{ max-height:370px; width:100%;}
    
    /*------Slide-Cate-----*/
    #CateMenuTop{height:39px; width:85%; font-size:13px; }
    #CateMenuTop #container{ float:left; width:18%;}
    #CateMenuTop a,span{line-height:25px; font-size:13px;}
    #CateIndex{ float:left; width:15%;}
    #CateShow{ width:90%; height:40px; line-height:40px; background-color:#F3F2F0; border:1px solid #E6E3DE; text-align:center; margin-left:5%;}
    #SlideCateLV1{ float:left; width:225px; height:40px; margin-left:5px; margin-right:5px; line-height:40px; background-color:#F3F2F0; border:1px solid #E6E3DE; text-align:center;}
    #SlideCateLV1 span{ cursor:pointer; margin-right:10px; line-height:40px}
    #divSlideCate{ }
    
    /*----Category Menu-----*/
    #divCateItem{ float:left; width:100%; overflow:auto;}  
    .nav li{ list-style:none; }
    #Cate li a{ color:Black}
    .nav-list  li  a:hover{color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);background-color: #0088cc;}
    .CateName{ float:left; height:30px; line-height:30px;max-width:90%; padding-left:5%; padding-right:5%;}
    .CateName:hover{text-shadow: 0 1px 0 White;  text-decoration:none;}
    .cate_content{ border-bottom:1px solid #EDEDED}
    .cate_content a h2{padding-left: 4px;}
    .cate_content a:hover{  text-decoration: none; background-color: #EEEEEE;}
    /*-----------------------Search-List-------------------------*/
    #CateMenuLeft{ float:left; width:16%;}
    #ContentRight{ float:left; width:83%; padding-left:1%;}
    .divPaging{ width:100%; height:30px; padding:10px 0 10px 0; border-bottom:1px dotted #ddd;}
    #ProductDetail {float:left; width:100%; }
    #ProductDetail .ProductDetail{float:left; width:82.5%; margin:0;}

         /*-------List----------*/
    #ProductDetail .divProductItem{ float:left; width:98%; border-bottom:1px dotted #dddddd; border-top:none; padding:3% 1%;}
    #ProductDetail .divProductItem:hover{ background-color:#fff; }
                                          
    .hdivProductItem
    {                                    background-color:#F3F2F0;
                                          -moz-box-shadow:inset 0 0 5px #B3B3B3;
                                          -webkit-box-shadow:inset 0 0 5px #B3B3B3;
                                          box-shadow:inset 0 0 5px #B3B3B3; 
                                          -webkit-filter: contrast(99%);
                                          -moz-box-filter: contrast(99%);
    }
    #ProductDetail .divProductItem .divPicPro{ float:left;width:150px;}
    #ProductDetail .divProductItem .detail{float:left; width:78%;}
    #ProductDetail .divProductItem .detail .divDetailPro{ float:left; width:53%;margin-left:10px;}
    #ProductDetail .divProductItem .detail .divDetailComp{ float:right; width:45%;}
    #ProductDetail .divProductItem .detail .divDetailPro div{float:left; width:92%;}
    #ProductDetail .divProductItem .detail .divDetailPro div a{ font-size:14px;}
    #ProductDetail .divProductItem .detail .divDetailPro a .font_xl{ font-size:15px;}
    #ProductDetail .divProductItem .detail .divDetailComp div{float:right; width:97%;}
    #ProductDetail .divProductItem .detail .divDetailPro #Action1{float:left; height:25px; margin-top:5px; }
    #ProductDetail .divProductItem .detail .divDetailComp #Action2{float:left; width:100%; height:25px; margin-top:5px; }
    #Action1 #divAction1,#Action2 #divAction2{width:100%}
    #Action1 #divAction1 span,#Action2 #divAction2 span,#Shortcuthelp > span{ cursor:pointer;border:1px dotted #bbb;padding:3px 6px;color:#0088cc;}
    #Action1 #divAction1 span:hover{ color:#00A5E2}
    #Action2 #divAction2 span:hover{ color:#00A5E2}
   
    .showCheckbox{float:left; position:absolute; z-index:2; }
    .Icon_contact{background:url("images/icon_contact.png") no-repeat;width:20px;height:20px;display:block}
    .Icon_gallery{background:url("images/icon_gallary.png") no-repeat;width:20px;height:20px;display:block}
    .img_lion{background:url("images/img_lion.png") no-repeat;width:165px;height:72px;display:block;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);}
    #MenuShortCut a:hover{text-decoration:none;}
    .text-red {color: #DD332A;}
    .bg_promotionprice{background:#FF9900;width:100px;height:20px;display:inline-block;border-radius:5px;float:right !important;color:#FF0000;text-align:center;}
    .bg_promotionprice span{ font-size:14px;color:#ffffff;line-height:20px;}
    .icon_searchproduct {
    background: url('images/icon_searchproduct.png') no-repeat;
    height: 32px;
    width: 93px;
    }
    .icon_searchExport {
    background: url('images/icon_searchExport.png') no-repeat;
    height: 32px;
    width: 93px;
    }
    .border-tel{background: #0089CF;color: white;border-radius: 3px;}
    #Slide .discountoff {}
    #Slide .discountoff  span:first-child {
    height: 40px;
    width: 40px;
    }
    #Slide .discountoff span:last-child {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 7px solid #FD7C16;
    margin-top:40px;
    }

    /*---------------------------------------*/
    .bg-formhead {
    padding: 16px 0px;
    height: 70px;
}
    .container_home {
width: 1100px;
margin: 0 auto;
}
.icon_new_contact {
    background: url('images/icon_new_contact.png') no-repeat bottom;
    height: 22px;
    width: 20px;
    display:inline-block
}
.icon_new_requestprice {
    background: url('images/icon_new_requestprice.png') no-repeat bottom;
    height: 20px;
    width: 20px;
    display:inline-block
}
/*--------------------------scrollbarShortdes*/
.scrollbar {
position: relative;
float: right;
}
.track {
background-color: #EAEAEA;
height: 100%;
width: 10px;
position: relative;
border-radius: 5px;
}
.thumb {
background-color: #BCBCBC;
height: 20px;
width: 8px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
left: 0px;
border: 1px solid #BCBCBC;
border-radius: 5px;
}
.viewport {
overflow: hidden;
position: relative;

}
.overview {
width: 100%;
list-style: none;
position: absolute;
left: 0;
top: 0;
padding: 0;
margin: 0;
}
.bulletOrange {
    width:8px;height:8px;border-radius:10px;background:white;
}
.Homeheadin {
    width: 100% !important;z-index: 1;background: white;left: 0;
}
.Homeheadin > div{width:1100px;margin:0 auto;}
#scrollbar1 .scrollbar {
    margin-right:3px;
}
#ProductDetail .divSupplierItem {
float: left;
padding: 1px;
width: 200px;
border: 1px solid #dddddd;
margin:20px 0 0 20px;
height: 325px;
}
.icon_nologo {
    background: url('images/icon_nologo.png') no-repeat center;
    height: 110px;
    width: 130px;
    display:inline-block;
    margin:0 25px;
}
.icon_nologoSupplier {
    background: url('images/icon_nologoSupplier.png') no-repeat center;
    height: 100px;
    width: 100px;
    display:inline-block;
    margin:0 25px;
}
.Adsbanner a{
    color:#333;
}
.Adsbanner a:hover {
    color:#005DCC;text-decoration:underline;
}

.Adsbanner-content
{
    border-bottom:1px solid #eee
}
/*-----------------------Footer--------------------------------*/
#fthome {
border-top: 1px solid #E4E4E4;
background-color: #F2F2F2;
}
.cate_content{
    margin-left:0 !important;
}
.cate_content a {
    color:#999;
}
.cate_content a:hover{
    color:#005580;  text-decoration:underline;
}
.footer_content_new {
padding: 8px 0px 5px 0px;
margin-bottom: 1px;
}
ul#list-search {
background-color: #FFF;
margin: 0px;
position: absolute;
z-index: 1;
display: block;
border: 1px solid #E3E3E3;
list-style: none;
padding: 0px;
}
ul#list-search li {
background-color: #FFF;
padding: 3px 15px 3px 10px;
display: block;
list-style: none;
line-height:22px;
}
ul#list-search li.active {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #08C;
}
ul#list-search li.active a {
color: #fff;
}
ul#list-search li.active a, ul#list-search li:hover a {
font-weight: bold;
text-decoration: none;
}
.icon-active {
margin-top: 3px;
position: absolute;
display: none;
}
#fthome .cate_content
{
    border:none;
} 

.divDetailPro a:hover.label-header
{ color:#FF6600
}

.advertise-productDetail {
    width:311px;
    padding-right:10px;
    /*background-color: #FFF8E5;*/
    float:right;
}

.icon_quotionMark {
    background:url('images/icon_quotionMark.png') no-repeat; 
}

.height_divDetailPro {
    height:165px
}

.height_divDetailComp {
    height:165px
}

a.fontMemberCard {
    color: #2E9130;
    font-weight: bold;
    margin-top: 0px;
}

.hr_width {
    width:97%;
    margin-left: 11px;
}

.search_Cate {
    z-index: 2;
    background: #fff;
}

.search_Error {
    float: left;
    width: 82%;
    height: 250px;
    margin: auto;
    text-align: center;
}

.EditSet {
    width:72px;
    height:40px;
    float:right;
    position:fixed;
    z-index:5;
    bottom:20px;
    right:0px;
}

.fontsize12 {
    font-size:12px ;
    font-family:'Tahoma Regular', 'Tahoma';
}

ul li {
    list-style:none;   
}

.open > .dropdown-menu {
    left:-130px !important;
}