﻿
        body {
            /*background-color:#e6e1e1;*/
            background-color: #F5F5F5;
            font-family: 'KunlasatriRegular';
            font-size:18px;

        }

        .box {
            flex: 1;
            display: flex;
            border: blue 1px solid;
            width: 878px;
        }

        #slideshow #slideshowWindow {
            width: 924px;
            height: 400px;
            margin: 0;
            padding: 0;
            position: relative;
            overflow: hidden;
        }

            #slideshow #slideshowWindow .slide {
                margin: 0;
                padding: 0;
                width: 924px;
                height: 400px;
                float: left;
                position: relative;
            }




        #map_canvas {
            width: 1024px;
            height: 360px;
        }

        .popuplltop {
            background-image: url('../Easyinsureonline/testpopup/Blog/images/Fainal-easy_03.png');
            height: 55px;
            width: 20px;
            background-repeat: no-repeat;
        }

        .popupcenter {
            background-image: url('../Easyinsureonline/testpopup/Blog/images/Fainal-easy_05.png');
            height: 55px;
            width: 390px;
        }

        .popuprtop {
            background-image: url('../Easyinsureonline/testpopup/Blog/images/Fainal-easy_07.png');
            height: 55px;
            width: 45px;
            background-repeat: no-repeat;
        }

        .popupl3 {
            background-image: url('../Easyinsureonline/testpopup/Blog/images/Fainal-easy_15.png');
            height: 50px;
            width: 45px;
        }

        .popupcen3 {
            background-image: url('../Easyinsureonline/testpopup/Blog/images/Fainal-easy_17.png');
            height: 40px;
            width: 390px;
        }

        .popupr3 {
            background-image: url('../Easyinsureonline/testpopup/Blog/images/Fainal-easy_19.png');
            height: 50px;
            width: 45px;
        }

        .authorize {
            position: fixed;
            left: 50%;
            top: 50%;
            margin-left: -227.5px;
            margin-top: -213px;
            z-index: 1000;
        }

        .popconfirm {
            position: fixed;
            left: 50%;
            top: 43%;
            margin-left: -227.5px;
            margin-top: -19%;
            z-index: 2000;
        }

        .backwall {
            width: 100%;
            height: 100%;
            position: fixed;
            left: 0px;
            top: 0px;
            background-color: rgba(0, 0, 0, 0.78);
            z-index: 999;
        }

        ul.ver_icon_tab {
            position: relative;
            float: left;
            list-style: none;
            padding: 0px;
            margin: 0px;
            display: block;
            width: 1024px; /* ความกว้างทั้งหมด = ความกว้างเมนูด้านซ้าย + ความกว้างเนื้อหา ฝั่งขวา */
            height: 402px; /* ความสูงทั้งหมด */
            background-color: #9CF;
        }

            ul.ver_icon_tab li.b_icon {
                position: absolute;
                padding: 0px;
                margin: 0px;
                list-style: none;
                width: 300px; /*  ความกว้างเมนูด้านซ้าย  */
                height: 67px; /*  ความสูงเมนูด้านซ้าย  */
            }

                ul.ver_icon_tab li.b_icon a {
                    display: block;
                    width: 300px; /*  ความกว้างเมนูด้านซ้าย  */
                    height: 67px; /*  ความสูงเมนูด้านซ้าย  */
                    cursor: pointer;
                }

                ul.ver_icon_tab li.b_icon ul {
                    position: absolute;
                    padding: 0px;
                    margin: 0px;
                    list-style: none;
                    top: 0px;
                    left: 300px; /* ขยับความกว้างเนื้อหา ฝั่งขวา ออกมา เท่ากับ  ความกว่างเมนูด้านซ้าย */
                }

                    ul.ver_icon_tab li.b_icon ul li.vertical_detail_show {
                        position: absolute;
                        padding: 0px;
                        margin: 0px;
                        list-style: none;
                        display: none;
                        width: 724px; /* ความกว้างของส่วนเนื้อหา ฝั่งขวา */
                        height: 402px; /* ความสูงทั้งหมด */
                    }

        .font {
            font-size: 20px;
        }

        .bghr {
            background-color: #F5F5F5;
        }

.wapper {
    width:1031px;
    background-color:white;
    text-align:center;
    margin:auto auto;
    height:100%;
}
.h1con {
    margin:0px;
    font-size:40px;
    font-weight:bold;
}
.pcon {
    margin:0px;
    font-size:28px;
    text-align:left;
    margin-left:70px;
    margin-right:70px;
}
.h1connomargin {
    margin:0px;
}
.pconnomargin {
    margin:0px;
    text-align:justify;
    text-indent:1.5em;
}
.pcon1 {
    
}
.rot {
            margin-left: 95px;
            height: 90px;
        }

        .rot1 {
            width: 75px;
            height: 75px;
            background-color: #31d6e6;
            border-radius: 10px;
            font-weight: bold;
            font-size: 50px;
            color: white;
            display: table;
            float: left;
            clear: both;
            margin-top: 15px;
        }

        .rot2 {
            display: table-cell;
            vertical-align: middle;
        }

        .rot3 {
            padding-top: 0px;
            height: 50px;
            font-weight: bold;
            font-size: 50px;
            float: left;
            padding-left: 20px;
            color:#065E8E;
        }
        .rot4{
            font-size:28px; 
            text-align:left; 
            margin-top:-13px;  
            clear:left;
        }
        .tt{
            width:100px; text-align:center;
        }
        .tx{
            width:120px; 
            font-size:20px; 
            text-align:center;
            font-weight:bold;
        }
        .item {
            height: 100%;
            width: 100%;
            position: absolute;
            -webkit-backface-visibility: hidden;
            -webkit-animation: slide 20s infinite linear;
            animation: slide 20s infinite linear;
        }

            .item:hover {
                animation-play-state: paused;
            }

        @-webkit-keyframes slide {
            0% {
                right: -80%;
            }
            /*50% {
		        right: 50%;        
	        }*/
            100% {
                right: 250%;
            }
        }

        .showitem:hover {
            transform: scale(1.2);
        }

        .ff {
            height: 25%;
            width: 25%;
            float: left;
            clear: both;
        }

        .vv {
            height: 100%;
        }
        .con{
            width:73.8%;
            float:left;
        }
        .minimanu{
            width:26.2%;
            float:left;
            clear:both;
            text-align:center;
            letter-spacing:1px;
            position:relative;
            margin-left:0px;
            padding-left:12px;
            padding-right:12px;
        }
        .box0{
            width:100%;
            text-align:center;
            min-height:100px;
            display:table;
            margin-bottom:12px;
        }
        .bbox{
            width:100%;
            text-align:center;
            
            padding:10px;
            display:table;
        }
        .box1{
            
            width:100%;
            text-align:center;
            min-height:100px;
            padding:10px;
            display:table;
        }
        .boxra1{
            width:100%;
            border:solid 2px #D8D8D8;
            border-radius:7px;
            margin-bottom:5px;
        }
        .boxRa{
            width:100%;
            border:solid 2px #D8D8D8;
            border-radius:7px;
            min-height:53px;
            
        }
        .box-ga{
            width:100%;
            border:solid 2px white;
            border-radius:7px;
        }
        .ga{
            border-top-left-radius:7px;
            border-top-right-radius:7px;
             background: linear-gradient(#D8D8D8,#E6E6E6,#FAFAFA,#FAFAFA);
        }
        .ga-b{
            background: linear-gradient(#FAFAFA,#FAFAFA,#E6E6E6,#D8D8D8);
        }

        .boxin{
            display:table-cell;
            vertical-align:middle;
            line-height:15px;
        }
        .font-h{
            font-size:30px;
            font-weight:bold;
        }
        .font-sud-h{
            font-size:25px;
        }
        .f-b{
            color:#0CC;
        }
        .f-sub{
            color:#848484;
        }
        .f-w{
            color:white;
        }
        .fb-h{
            font-size:22px;
        }
        .f-sky{
            color:#006699;
        }
        .b{
            font-weight:bold;
        }
        .txred{
            color:red;
        }
        .f-s-h{
           font-family:'SuperMarket';
        }
       .f-de{
           color:#000000;
       }
        .nonpading{
            padding:0px;
        }
        .margin-t{
            margin-top:10px;
        }
        .li-h{
            line-height:20px;
        }
        .li-h2{
            line-height:23px;
        }
        .re{
            position:relative;
        }
        .mg-t5{
           
            margin-top:5px;
        }
        .outerbox{
    width:200px;
    display:table; /* ตั้งค่าให้เป็น table */
    float:left;
    margin-right:20px;
    border:1px solid #000;
    text-align:center;
    min-height:100px;
    padding:10px;
}
.innerrbox {
    width: 100%;
    display: table-cell; /* ตรงนี้ตั้งเป็น table-cell */
    vertical-align: middle; /* จัดตำแหน่งให้อยู่กึ่งกลางแนวตั้ง */
    padding-top:5px;
    text-align: center;
}
.innerboxx{
    display: table-cell; /* ตรงนี้ตั้งเป็น table-cell */
    vertical-align: middle; /* จัดตำแหน่งให้อยู่กึ่งกลางแนวตั้ง */
    padding-top:5px;
    text-align: center;
}
.bg-f{
    background-image:url(../img/dada_03.png);
    background-size: 100% 100%;
}
.bg-f2{
    background-image:url(../img/ttt_07.png);
    background-size: 100% 100%;
}
.bg-b{
     background-image:url(../img/ttt_11.png);
    background-size: 100% 100%;
 }
.bg-v{
    background-image:url(../img/ttt_03.png);
    background-size: 100% 100%;
}
.bg-c{
    background-image:url(../picindex/33_01.png);
    background-size: 100% 100%;
    height:460px;
    margin-top:20px;
}
.bg-btn{
    background-image:url(../picindex/56546.png);
    background-size: 100% 100%;
    height:70px;
    width:148px;
    position:absolute; bottom:150px; right:20px;
}

.tyu{
    border-radius:7px;
    background-color:#FBAF42;
}
.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }
.his{
    font-size:17pt;
    color:#666666;
}
.h-con{
    font-weight: bold;
    font-size: 38pt;
    color:#000000;
}
.h-con-sub{
    font-weight: bold;
    font-size: 17pt;
    color:#b41818;
}
.content1{
    font-size:17pt;
    color:#000000;
}
.cont{
    font-size:17pt;
    letter-spacing:1px;
}
.content2{
    font-size:17pt;
    color:#666666;
}
.content3{
     font-size:17pt;
     color:red;
}
.contb{
    background-color:rgba(51, 204, 204, 0.40);
    border:solid 1px ;
    border-color:white;
}

.contb2{
    background-color:rgba(51, 204, 204, 0.10);
    border:solid 1px ;
    border-color:white;
    min-height:60px;
}
.b-tb{
    background-color:none;
}

.in-tb{
    margin-top:17px;
    
}
.tb{
    display:table;
}
.tr{
    display:table-row;
    vertical-align:middle;
}
.td{
    display:table-cell;
    vertical-align:middle;
}
.font-super{
    font-size:30pt;
    letter-spacing:2px;
}
.txt-jus{
     text-align: justify;
}
.f-c1{
    font-size:20pt;
}
.f-c2{
    font-size:28pt;
}
.tum-1{
    margin-top:10px;
    height:174px;
    background-color:white;
}
.org{
    color:#ffa90e;
}
.ta:active,.ta:visited,.ta:link,.ta:hover{
    color:#FAFAFA;
}
.t_a:active,.t_a:visited,.t_a:link,.t_a:hover{
    color:#FAFAFA;
}
/*.rot
{
    width:25px; 
    height:25px; 
    background-color:#31d6e6;
}*/