/*  body {
        background-image: url('/WebAiView/AiviewFAQ/FAQ.png');
        opacity: 0.5;
        background-position: -322px 0px;
    }    */


    .container {
        max-width: 1200px;
    }

    .number-faq {
        font-size: 20px;
        font-family: Open Sans Bold;
        color: #ffffff;
        padding: 2px;
    }

    .card {
        border: none;
    }
     #bordermiddle {
            border-bottom: 1px solid #707070;
            position: absolute;
            left: 0;
            right: 0%;
            opacity: 0.5;
        }
	.navbar-default {
	    background-color: #F34223 !important;
	}
    @media only screen and (min-width: 768px) {
    .form-control{height:48px;border-color:#646464;}
     .card-body{
     	padding: 23px 242px 0px 23px;
     	font-size:20px;
     	color:#F34223;
     }
     .card-body ul li a{padding-left: 42px;display: flex;}
     .card-body ul li{list-style: none;font-family:Open Sans Regular; padding-left: 45px;}
     .card-body ul li{background: url("/WebAiView/AiviewFAQ/orange-li.svg") no-repeat left 13px top 9px;}
     .card{margin-bottom: 39px;}
     .bar-fix {
            border-radius: 25px;
            background-image: url('/WebAiView/AiviewFAQ/iconsearch.svg');
            background-position: 13px 11px;
            background-repeat: no-repeat;
            padding: 11px 40px;
        }
        .text {
            font-size: 18px;
            font-family: Open Sans Regular;
            color: #313133;
            padding: 10px;
        }
         .text-fix {
            font-size: 18px;
            font-family: Open Sans Regular;
            color: #FFFFFF;
            padding: 10px;
        }

        .aiview-camera-button {
            width: 170px;
            height: 48px;
            border: 1px solid #F34223;
            border-radius: 25px;
            text-align: center;
            float: left;
            margin-right: 18px;
            margin-left: 12px;
            cursor: pointer;
            background-color: #F34223;
        }
        .aiview-camera-button-fix {
            width: 170px;
            height: 48px;
            border: 1px solid #313133;
            border-radius: 25px;
            text-align: center;
            float: left;
            margin-right: 18px;
            margin-left: 12px;
            cursor: pointer;
        }
        .aiview-camera-button-fix-1 {
            width: 170px;
            height: 48px;
            border: 1px solid #F34223;
            border-radius: 25px;
            text-align: center;
            float: left;
            margin-right: 18px;
            margin-left: 12px;
            cursor: pointer;
            background-color: #F34223;
        }
        .aiview-camera-button-fix-1 .text{
            color: #FFFFFF;
        }

        .aiview-camera-button-3 {
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .title-FAQ {
            font-size: 43px;
            font-family: Open Sans Semibold;
            color: #4B4B4B;
            text-align: center;
            padding-bottom: 24px;
            padding-top: 114px;
        }

        .search-bar {
            margin-left: auto;
            margin-right: auto;
            display: block;
            padding-bottom: 89px;
        }


        .title-aiview-camera {
            font-size: 35px;
            font-family: Open Sans Semibold;
            color: #4B4B4B;
            text-align: center;
            padding-bottom: 29px;
        }

        .all-button {
            padding-bottom: 107px;
        }

        .numerical-order-content {
            font-size: 20px;
            font-family: Open Sans Regular;
            color: #1C1C1C;
            line-height: 32px;
            max-width: 845px;
    		display: flex;
    		cursor: pointer;
    		
        }

        .numerical-order-faq {
            width: 36px;
            height: 36px;
            border: 1px solid #ffffff;
            border-radius: 20px;
            text-align: center;
            background-color: #F34223;
            float: left;
            margin-right: 32px;
            margin-top: 2px;
            margin-left: 8px;
            
        }
    }

    @media only screen and (max-width: 768px) {
    .form-control{height:48px; border-color:#646464;}
        .text {
            font-size: 13px;
            font-family: Open Sans Regular;
            color: #313133;
            padding: 3px;
        }
        .text-fix {
            font-size: 13px;
            font-family: Open Sans Regular;
            color: #FFFFFF;
            padding: 3px;
        }

        .aiview-camera-button {
            width: 107px;
            border: 1px solid #F34223;
            border-radius: 13px;
            text-align: center;
            float: left;
            margin-right: 3px;
            background-color:#F34223;
            color:#000000;
        }
        .aiview-camera-button-fix {
            width: 107px;
            border: 1px solid #313133;
            border-radius: 13px;
            text-align: center;
            float: left;
            margin-right: 3px;
        }
        .aiview-camera-button-fix-1 {
            width: 107px;
            border: 1px solid #F34223;
            border-radius: 13px;
            text-align: center;
            float: left;
            margin-right: 3px;
            background-color:#F34223;
            color:#000000;
        }

        .title-FAQ {
            font-size: 34px;
            font-family: Open Sans Semibold;
            color: #4B4B4B;
            text-align: center;
            padding-bottom: 28px;
            padding-top: 77px;
        }

        .search-bar {
            margin-left: auto;
            margin-right: auto;
            display: block;
            padding-bottom: 20px;
        }

        .bar-fix {
            border-radius: 25px;
            background-image: url('/WebAiView/AiviewFAQ/iconsearch.svg');
            background-position: 20px 12px;
            background-repeat: no-repeat;
            padding: 11px 48px;
        }

        .title-aiview-camera {
            font-size: 30px;
            font-family: Open Sans Semibold;
            color: #4B4B4B;
            text-align: center;
            padding-bottom: 30px;
        }

        .all-button {
            padding-bottom: 32px;
        }

        .numerical-order-content {
            font-size: 20px;
            font-family: Open Sans Regular;
            color: #1C1C1C;
            line-height: 32px;
            padding-left: 49px;
            cursor: pointer;
        }

        .numerical-order-faq {
            width: 36px;
            height: 36px;
            border: 1px solid #ffffff;
            border-radius: 20px;
            text-align: center;
            background-color: #F34223;
            float: left;
        }
        .card-body{
     	color:#F34223;
     	padding: 0px;
     }
      .card-body ul li a{
     	font-size:20px;
     	font-family:Open Sans Regular;
     	padding-left: 37px;
	    display: flex;
	    padding-top: 23px;
     }
     .card-body ul li{list-style: none;padding-left: 25px}
     .card-body ul li{background: url("/WebAiView/AiviewFAQ/orange-li.svg") no-repeat left 9px top 6px;}
    }