.fixedType{
    position: fixed;
    width: calc(100% - 30px);
    z-index: 9;
    background-color: white;
}
.searchTitle{
    color: #5A6770;
    font-size: 16px;
    line-height: 24px;
    font-family: Raleway_Medium !important;
    margin-top: 20px;
}
.searchTitle span{
    font-weight: 600;
    font-family: Raleway-SemiBold !important;
}

.typeContent{
    border: 1px solid #EDEDED;
    border-radius: 6px;
    font-weight: 600;
}
.typeList label{
    display: block;
    padding: 10px 12px;
    line-height: 24px;
}
.typeList .fa-angle-down{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    transition: all .25s ease-out;
}
.typeList.open .fa-angle-down{
    transform: rotate(180deg);
}
.allTypeList{
    position:absolute;
    top: calc(100% + 5px);
    width: 100%;
    height: 0;
    overflow: hidden;
}
.allTypeList label{
    background-color: white;
    border: 1px solid #eaeaea;
    display: block;
    margin: 0;
}
.typeList span{
    width: 24px;
    height: 24px;
    display: inline-block;
    object-fit: contain;
    margin-right: 5px;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.typeList.open .allTypeList{
    height: auto;
    background-color: white;
    z-index: 9;
}
.allTypeList label:nth-of-type(1) span{
    background-image: url('../../images/searchProduct/icon1.png');
}
.typeContent[data-id='1'] span {
    background-image: url('../../images/searchProduct/active_icon1.png');
}
.allTypeList label:nth-of-type(2) span{
    background-image: url('../../images/searchProduct/icon2.png');
}
.typeContent[data-id='2'] span {
    background-image: url('../../images/searchProduct/active_icon2.png');
}
.allTypeList label:nth-of-type(3) span{
    background-image: url('../../images/searchProduct/icon3.png');
}
.typeContent[data-id='3'] span {
    background-image: url('../../images/searchProduct/active_icon3.png');
}
.allTypeList label:nth-of-type(4) span{
    background-image: url('../../images/searchProduct/icon4.png');
}
.typeContent[data-id='4'] span {
    background-image: url('../../images/searchProduct/active_icon4.png');
}


.result-list{
    margin-top: 20px;
}
.listCount a{
    display: block;
}
.videoResults img {
    border-radius: 6px;
}

.proResults .resContent>a{
    padding: 15px;
}
.resContent{
    padding: 0;
    border: 1px solid #EDEDED;
    border-radius: 6px;
    position: relative;
    margin: 5px 0 15px;
    width: calc((100% - 15px)/2);
}
.resContent:nth-child(2n+1){
    margin-right: 15px;
}
.resContent p:nth-of-type(1), .resContent p:nth-of-type(1) *{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    font-family: 'Raleway-SemiBold';
}
.resContent p:nth-of-type(2), .resContent p:nth-of-type(2) *{
    font-size: 14px;
    line-height: 20px;
    font-family: 'Raleway-Medium';
}
.resContent div{
    width: 100%;
    height: 33vw;
    position: relative;
}

.faqResults>div, .manualResults>div, .videoResults>div{
    border-radius: 6px;
    margin: 15px 0;
}
.faqResults>div{
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.img-con {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-right: 15px;
    padding: 1px;
    border: 1px solid #EDEDED;
    border-radius: 6px;
    vertical-align: top;
    position: relative;
}
.img-con a {
    display: block;
    height: 100%;
    position: relative;
}
.detail-con {
    display: inline-block;
    width: calc(99.99% - 90px);
}
a.imgCon.pos-relative {
    background-color: transparent;
    border: none;
    width: 40vw;
    height: 40vw;
    display: inline-block;
    margin: 10px 15px 0 0;
}
 .imgCon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.fa-paperclip {
    margin-right: 5px;
    vertical-align: top;
    margin-top: 3px;
}
.download_files p {
    margin-top: 10px;
}
.download_files a {
    color: #007bff;
}
.faqTitle{
    margin-bottom: 5px;
}
.manualResults .faqTitle{
    margin-bottom: 10px;
}
.manualList .faqAnswer a{
    background: #F4F4F4;
    border-radius: 4px;
    padding: 4px 8px;
    margin-bottom: 5px;
}
.manualResults .faqAnswer span{
    display: inline-block;
    width: calc(100% - 35px);
}
.download_files span{
    display: inline-block;
    width: calc(100% - 20px);
}
.manualResults .faqTitle span{
    font-size: 14px;
}
.faqTitle span{
    font-size: 16px;
    line-height: 20px;
    font-family: Raleway-Bold !important;
}
.faqTitle .productSeasons, .faqTitle .productSeasons *{
    font-size: 14px;
    margin-top: 10px;
    font-family: Raleway-Medium !important;
}
.faqQuestion {
    font-size: 13px;
    line-height: 18px;
    font-family: Raleway-Bold !important;
}
.recommendResults {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 15px;
}
.recommendResults .imgContnet {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.recommendResults>div{
    border: solid 1px #EDEDED;
    border-radius: 4px;
    padding: 10px;
}
.recommendResults .item-mess{
    word-break: break-all;
}
.tab-productInfo span {
    font-size: 16px;
    color: #333333;
}
.tab-productInfo .img-con{
    vertical-align: middle;
}
.manualList img{
    vertical-align: top;
}

.result-list font {
    color: #1D71B8 !important;
}
.videoResults .proList{
    margin-top: 20px;
}
.videoImg{
    width: 100%;
    min-height: 100px;
    /*background: #000;*/
    padding: 10px 0;
    text-align: center;
}

#viewVedioModal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 99999;
}
#viewVedio {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}