/*@font-face {font-family: "Segoe UI";
    src: url("//db.onlinewebfonts.com/t/623c7118249e082fe87a78e08506cb4b.eot");
    src: url("//db.onlinewebfonts.com/t/623c7118249e082fe87a78e08506cb4b.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/623c7118249e082fe87a78e08506cb4b.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/623c7118249e082fe87a78e08506cb4b.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/623c7118249e082fe87a78e08506cb4b.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/623c7118249e082fe87a78e08506cb4b.svg#Segoe UI") format("svg");
}*/
/*@font-face {
    font-family: Khmer_F;
    src: url('../fonts/Khmer.ttf');
    src: url('../fonts/Khmer.ttf') format('truetype');
}*/
/*@font-face {
    font-family: 'Khmer_F';
    src: url('khmer-webfont.woff2') format('woff2'),
         url('khmer-webfont.woff') format('woff'),
         url('khmer-webfont.ttf') format('truetype'),
         url('khmer-webfont.svg#khmerregular') format('svg');
}*/

@font-face {
  font-family: Segoe_UI;
  src: url('../fonts/Segoe_UI.ttf');
}
@font-face {
    font-family: "Kh Content";
    src: url("../../fonts/Kh-Content.ttf");
    src: 
    url("../../fonts/Kh-Content.woff") format("woff"),
    /*url("../../fonts/khunif1-webfont.otf") format("opentype"),*/
    url("../../fonts/Kh-Content.svg#filename") format("svg");
}
html, body {
    max-width: 100%;
    /*overflow-x: scroll;*/
}

* {
    font-family: 'Segoe UI',Battambang,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}


.container-video {
    padding-top: 40px;
}
.container-video p{
    margin-left:38%;
    margin-top: -4%;
}
.main-btn {
    margin-top: 31px;
}
.container-video > p {
    margin: 0 !important;
}
.blockvideo{
        margin: 0px 0 40px;
}
.btn-app {
    background: #ed3995 !important;
    color: hsl(0, 0%, 100%) !important;
    /* margin-bottom: 21px; */
    /* margin-top: 10px !important; */
    padding: 6px;
    text-align: center !important;
    border: 2px solid #005eac;
    text-decoration: none !important;
}
.container-video h1 {
    margin: 0;
    font-size: 25px;
    width: 35%;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'Segoe UI',Battambang,Arial,Helvetica,sans-serif;
    border-bottom: 4px solid #005FAD;
    padding-bottom: 5px;
    margin-left: 38%;
    clear: both;
}
.backsearch{
        background: #014D8C;
    padding: 30px;
    color: #fff;
}
.logo_text {
    /* width: 55%; */
    position: relative;
    top: -7px;
    left: 5px;
    width: auto;
    /* width: 510px; */
}
.searchpc{
    margin-bottom: 61px;
}
a.cd-dropdown-trigger img {
    width: 25px;
}
.yotu-last a{
    background: unset !important;
}
.yotu-lightbox .yotu-lightbox-body{
        top: 30% !important;
}
.pciconphone{
    display: block;
}
.spiconphone{
    display: none;
}
.sub-image img {
    margin-top: 25px;
}

.searchform a {
    color: #333;
    text-decoration: none;
}
.right_side iframe{
    width: 100% !important;
    height: 315px !important;
}

.right_side ul,.right_side ol{
    margin-left:40px;
}

.searchform a:hover {
    text-decoration: underline;
}

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

a.h1h1h1:hover h1 {
    opacity: 0.8;
        margin-left: 26%;
}
a.h1h1h1 h1{
        margin-left: 26%;
}
.searchform p{
    margin-left: 25%;
    text-align: justify;
    padding-left: 10px;
}
.searchform a:hover img {
    opacity: 0.8;
}

h2.result {
    /*margin-top: 61px;*/
}
.searchform img{
        
    width: 24%!important;
    float: none;
    height: auto;
    float: left;
    margin-right: 15px;
        margin-top: -60px;
    border: 1px solid #e8e7e7;
}
.searchform{
    padding: 50px;
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}

.searchform:last-child {
    margin-bottom: 50px;
}
h2.headline {
    padding: 100px;
    text-align: center;
    margin-top: 0;
}

.item_width01{
    margin: 0 17px !important;
}
.sub_drop .sub-menu{
margin-left: 10px !important;
}
.sub_drop2 .sub-menu{
margin-left: 4px !important;
}

.sub_drop2 .sub-menu .sub-menu {
    left: 98% !important;
}
.sub_drop2 .sub-menu > .sub-menu{
    left: 98% !important;
}
.sub_drop3 .sub-menu{
    left: -15% !important;
}
.sub_drop4 .sub-menu{
    left: -12% !important;
}
.sub_drop5 .sub-menu{
    left: -9% !important;
}
.sub_drop6 .sub-menu{
    left: -7% !important;
}
.sub_drop3 .sub-menu .sub-menu{
    left: 91.3% !important;
}
.sub_drop4 .sub-menu .sub-menu{
    left: 88.3% !important;
}
.sub_drop5 .sub-menu .sub-menu{
    left: 85.3% !important;
}
.sub_drop6 .sub-menu .sub-menu{
    left: 83.3% !important;
}

.item_width02{
    margin: 0 10px !important;
    }
.item_width03{
    margin: 0 10px !important;
    }
    .item_width04,.item_width05,.item_width06,.item_width07,.item_width08,.item_width09{
    margin: 0 10px !important;
    }
.item_search{
    width: 140px;
}
.videoembed{
    margin-bottom: 20px;
}
.videoembed iframe{
    width:  573px;
    height: 315px;
}

.rsplogo {
    background: url('../../images/logosp.png') no-repeat left;
    display: block;
    width: 50px;
    height: 50px;
}
.container ,.con2{
    width: 1170px;
    margin: 0 auto;
}
.fixed-padding {
    padding-top: 145px;
}
.body-top {
    margin: 0;
}

.template_head_wrap {
    /* height: 100px; */
    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99;
}
#header_area {
    /* margin-top: 30px; */
    position: relative;
}
#header_logo {
    padding-top: 12px;
}
.drawer-menu {
    margin-top: 13px;
    background: #005eac;
}
.drawer-menu ul{
     list-style: none;
    margin: 0 auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #005EAC;
    padding: 0;
    height: 40px;
    width: 1170px;
    position: relative;
}
.qtranxs_widget ul {
    width: auto;
}
#menu-header-menu >li.active a {
    padding-bottom: 8px;
}

.active_menu a {
    border-bottom: 2px solid #EA3B94;
    padding-bottom: 8px !important;
}
.drawer-menu ul li {
    display: inline-block;
    /* height: auto; */
    width: auto;
    position: relative;
    margin-top: 9px;
    padding: 0px;
}

.drawer-menu ul li:hover a {
    border-bottom: 2px solid #ea3b94;
    padding-bottom: 8px;
}

.drawer-menu ul li:nth-of-type(1) {
    padding-left: 0;
}
.drawer-menu ul li a {
    padding: 0;
    text-align: center;
    color: #F0F6FB;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Segoe UI',Battambang,Arial,Helvetica,sans-serif;
    position: relative;
    margin: 0 28px;
}

.drawer-menu ul li:nth-of-type(1) a {
    padding-left: 0;
    margin-left: 0;
}

/*.drawer-menu ul li:hover a:before {
    position: absolute;
    content: "";
    border: 8px solid #EA3A94;
    bottom: -11px;
    left: 45%;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}*/

.drawer-menu .sub-menu {
    display: none;
    position: absolute;
    background: #fff;
    margin-top: 10px;
    height: auto;
    padding: 0;
    -webkit-box-shadow: 0 1px 1px #d5d6d7;
            box-shadow: 0 1px 1px #d5d6d7;
    margin-left: 17px;
    z-index: 2;
    width: 200px;
}
.drawer-menu .sub-menu li {
    display: block;
    padding: 7px 0 10px;
    margin-top: 0;
    cursor: pointer;
    position: relative;
}



/*li.subinsub-has-children:hover ul li a {
     color: #fff !important; 
}*/
.drawer-menu .sub-menu li a {
    color: #333;
    padding: 0 10px;
}

.drawer-menu .sub-menu li:nth-of-type(1) a {
    padding-left: 10px;
    margin-left: 0;
}
.drawer-menu .sub-menu li a:before, .drawer-menu .sub-menu li:hover a:before{
    content: none !important;
}
.drawer-menu ul li:hover .sub-menu {
    display: block;
    /* width: 160px; */
}

.drawer-menu ul li .sub-menu li:hover .sub-menu {
    /* display: block !important; */
}

.drawer-menu ul li:hover .sub-menu li .sub-menu {
    display: none;
}

.drawer-menu ul li .sub-menu li:hover .sub-menu {
    display: block;
}
.drawer-menu .sub-menu li:hover {
    background: #005eac;
}

.subinsub-has-children > a {
    background: url('../../images/right.png') no-repeat right;
    background-size: 13px;
    background-position: 85%;
    display: inherit;
}

li.subinsub-has-children:hover {
    background: #e7e7e7 !important;
}

li.subinsub-has-children:hover a {
    color: #333 !important;
}

.drawer-menu .sub-menu .subinsub-has-children li:hover {
    background: #e7e7e7;
}

.drawer-menu .sub-menu li:hover a {
    color: #fff;
    border-bottom: 0;
}


.drawer-menu .sub-menu li a {
    width: 100%;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 10px;
    margin: 0 !important;
    text-align: left;
    display: block;
}

.drawer-menu .sub-menu .subinsub-has-children li:hover a {}
.drawer-menu .sub-menu li .sub-menu {
    display: none;
    color: #333;
    position: absolute;
    width: 100%;
    left: 92%;
    top: -10px;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px #0000002b;
            box-shadow: 0 3px 6px #0000002b;
    height: auto;
}
.drawer-menu .sub-menu li:hover .sub-menu li .sub-menu {
    display: block !important;
}
.drawer-menu .sub-menu li .sub-menu li:hover {
    background: #005FAD;
}

li.subinsub-has-children ul li:hover a {
    color: #fff !important;
}
.drawer-menu .sub-menu li .sub-menu li:hover a {
    color: #fff;
}
footer{
    background: #005FAD;
    color: #fff;
    margin-top:20px;
}
.clear{
    clear: both !important;
}
.f_map{
    height: 200px;
    padding: 20px 0 20px 0;
    float: right;
    width: 50%;
}
.f_copyright{
    margin: 0 auto;
    text-align: center;
    background: #025090;
   margin-top: 28px;
    padding: 11px 0;
    color: #fff;
}
.f_information{
    float: left;
    /* background: red; */
    width: 50%;
    /* padding-top: 10px; */
     margin-top: 20px; 
}
.f_information h1{
    font-family: 'Segoe UI',Battambang,Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 5px;
    margin-left: 0;
}
.contact{
    float: left;
    width: 50%;
}
.follow{
    width: 50%;
    float: right;
}
.f_information span{
    font-size: 15px;
}
.contact .span{
    margin-left: 25px;
}
.face{
    margin-left: 5px;
}
.fa{
    margin-bottom: 5px;
    margin-top: 5px;
}
.snslink{
    color: #fff;
    text-decoration: none;
}

.snslink:hover {
    text-decoration: underline;
}
.nav_rps,.nav_pc{
  display: none;
}

.left_side{
    float: left;
    width: 566px;
    margin-bottom: 40px;
}

.left_side img {
    width: 100%;
    margin-top: 40px;
    padding-bottom: 50px;
    height: auto;
    border: 1px solid #ececec;
}
.right_side{
    float: right;
    width: 49%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.right_side h1 {
    margin: 0;
    font-size: 25px;
    width: 60%;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'Segoe UI',Battambang,Arial,Helvetica,sans-serif;
    border-bottom: 4px solid #005FAD;
    padding-bottom: 5px;
}

.searchform h1 {
    margin: 0;
    font-size: 25px;
    width: 60%;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'Segoe UI',Battambang,Arial,Helvetica,sans-serif;
    border-bottom: 1px solid #005FAD;
    padding-bottom: 5px;
}

.right_side h1:before {
    position: absolute;
    border: 2px solid #005FAD;
    width: 257px;
    top: 230px;
    z-index: 0;
}
.right_side a{  
    color: #ED3995;
    background: url(../../images/download.png) no-repeat right;
    padding-right: 15px;
    text-decoration: none;
}
.right_side a:hover{
    text-decoration: underline;
}

a.btn2:hover {
    text-decoration: none;
    opacity: 0.8;
}

a.btn1:hover {
    text-decoration: none;
    opacity: 0.8;
}
.right_side h3 {
    margin: 0 0 5px;
    font-size: 15px;
}
.right_side h2 {
    font-size: 17px;
    margin: 0 0 5px;
}

.right_side .content-sub {
    margin-top: 25px;
}

.right_side .content-main {
    margin-bottom: 0;
}

.slideshow-container{
    display:none;
}

.right_side p {
    font-size: 15px;
    line-height: 23px;
    margin: 0;
    box-sizing: border-box;
}
.page-id-33 .right_side p:nth-of-type(even) {
    margin-bottom: 0;
}
.page-id-33  .right_side a{
    font-weight: bold;
}

a.btn2 {
    background: url(../../images/pdf-icon.png) no-repeat right #ffffff;
    border: none;
    color: #9e191f;
    padding: 8px 10px;
    display: inline-block;
    border-radius: 5px;
    margin: 5px 0;
    background-position: 10px;
    padding-left: 35px;
    background-size: 21px;
    border: 1px solid #9e191f;
}

a.btn1 {
    background: #005FAD;
    border: none;
    color: white;
    padding: 8px 11px;
    display: inline-block;
    border-radius: 5px;
    margin: 5px 0;
    font-size: 13px;
}
.packagecheckup {   
border-radius: 5px; 
background: #ffffffad;  
-webkit-box-sizing: border-box; 
        box-sizing: border-box; 
padding-bottom: 0;  
padding-top: 0; 
padding-left: 0;    
padding: 0;
}

.btnClick {
    display: none !important;
}

.displayblocksp{
     display: unset;    
 }
 .menu-search {
     margin-top: 5px;
     margin-left: 30px;
     position: absolute;
     margin-right: 0;
     float: right;
     right: 0;
     bottom: 11%;
 }
 .menu-search input {
    /*background:#025090 url(../../images/isearch.png) no-repeat center right;*/
    -webkit-appearance: none;
    background-color: #025090;

    background-image: url(../../images/isearch.png);
    background-repeat: no-repeat;
    background-position: center right;

    border: 0;
    padding: 5px 12px;
    color: #FFFFFF;
    font-size: 15px;
    border-radius: 5px;
    background-position-x: 98%;
    /* width: 153px; */
    /* box-sizing: border-box; */
 }

/*.menu-search input.submit {
    background: #025090 url(../images/isearch.png) no-repeat center right;
    border: 0;
    padding: 4px 12px;
    margin-top: -14%;
    float: right;
    cursor: pointer;
 }*/

.menu-search input::-webkit-input-placeholder {
    opacity: 0.5;
}

.menu-search input:-ms-input-placeholder {
    opacity: 0.5;
}

.menu-search input::-ms-input-placeholder {
    opacity: 0.5;
}

.menu-search input::placeholder {
    opacity: 0.5;
}   

.active_menu {
    background: #005eac;
}

.active_menu a {
    color: #fff !important;
}

li.subinsub-has-children .active_menu a {
    color: #fff !important;
}   
#menu_resp {
    display: block;
}
#header_logo {
    display: block;
}
/*.hello-pc {
    display: block !important;
}
.hello-rsp {
    display: none !important;
}*/

/*rsp*/





/*====================START ADD MORE MEDIA TO MAKE NO SCROLL AL RSP======================*/
@media only screen and (max-width: 1190px) {

    .container {
        width: 95%;
        box-sizing: border-box;
    }
    .fixed-padding{
       padding-top: 190px;
    }

    .logo_text {
        width: 35%;
    }
    .drawer-menu ul {
        position: relative;
        width: 100%;
        display: inline-block;
        height: auto;
        text-align: center;
        /*padding: 15px 0; */

    }
    .drawer-menu ul li {
        margin-bottom: 10px;
    }
    .drawer-menu .sub-menu li {
        margin-bottom: 0;
    }
    .drawer-menu ul li a {
        /* margin: 0 24px; */
    }
    .menu-search {
        width: auto;
        display: inherit;
        float: none;
        right: inherit;
        position: relative;
        margin-bottom: 10px;
    }
    .fixed-padding {
        padding-top: 190px;
    }
    .left_side {
        width: 48%;
    }
    .contact {
        width: 60%;
    }
    .follow{
        width: 40%;
    }
    .con2 {
        width: 100%;
    }
    .searchform {
        box-sizing: border-box;
        /* padding: 30px; */
    }
    

}
/*====================END ADD MORE MEDIA TO MAKE NO SCROLL AL RSP======================*/


@media screen and (max-width: 1190px) and (min-width: 1073px) {
.fixed-padding{
        padding-top: 190px;
}
}




@media only screen and (max-width: 1025px) {
    div#wpcf7-f114-p20-o1 input, div#wpcf7-f114-p20-o1 textarea{
            width: 100% !important;
    box-sizing: border-box;
    }
    div#wpcf7-f114-p20-o1 input.wpcf7-form-control.wpcf7-submit.button {
    width: 100% !important;
    margin: 0 auto;
}
    .container {
        width: 95%;
        box-sizing: border-box;
    }

.logo_text {
    width: 35%;
}
    .drawer-menu ul {
        position: relative;
        width: 100%;
        display: inline-block;
        height: auto;
        text-align: center;
        /*padding: 15px 0; */

    }
    .drawer-menu ul li {
        margin-bottom: 10px;
    }
    .drawer-menu .sub-menu li {
        margin-bottom: 0;
    }
    .drawer-menu ul li a {
        /* margin: 0 24px; */
    }
    .menu-search {
        width: auto;
        display: inherit;
        float: none;
        right: inherit;
        position: relative;
        margin-bottom: 10px;
    }
    .fixed-padding {
        padding-top: 190px;
    }
    .left_side {
        width: 48%;
    }
    .contact {
        width: 60%;
    }
    .follow{
        width: 40%;
    }
    .con2 {
        width: 100%;
    }
    .searchform {
        box-sizing: border-box;
        /* padding: 30px; */
    }
}



@media only screen and (max-width: 960px) {
    
    

    .container {
        width: 95%;
    }
    .logo_text {
        width: 40%;
    }
}


@media only screen and (max-width: 768px) {
    .mainimage {
    display: none;
}
    .slideshow-container{
    display:block;
}
    
    
/*    div#wpcf7-f114-p20-o1 input.wpcf7-form-control.wpcf7-submit.button {*/
/*    width: unset !important;*/
/*    margin: 0 auto;*/
/*}*/
.searchform img{
        width: 100% !important;
        margin-bottom: 15px !important;
        margin-top: 0;
        }
.container-video h1{
    margin-left:0 !important;
    width: 100%;
    margin-bottom: 4%;
}
.container-video p{
    margin-left:0 !important;
}


    .right_side iframe{
        width: 100% !important;
    }
    h2.result{
        margin-top: 0;
    }
    .f_information{
        margin-top: 0;
    }
    .pciconphone{
    display: none;
}
.spiconphone{
    display: block;
    margin-top: -15px;
}
    /*.right_side h1{
        width: 100%;
    }*/
    .displayhead{
        display: none !important;
    }
    .displayhead2{
        display: block !important;
    }
    .fixed-padding {
        padding-top: 65px;
    }
    #menu_resp {
        display: none;
    }
    .searchform h1 {
        margin-bottom: 15px;
        margin-left: 0 !important;
        width: 100%;
    }
    .container-video {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }
    /*.hello-pc {
        display: none !important;
    }
    .hello-rsp {display: block !important;}
    */
/*}*/


/*@media only screen and (max-width: 690px) {*/

    /*----------MENU----------------*/
    .fixed-padding {
        padding-top: 75px;
    }
    .drawer-menu ul {
        background: #fff;
        position: relative;
        padding-bottom: 50px;
        width: auto;
    }

    .drawer-menu ul li:hover .sub-menu {
        display: none;
    }
    .drawer-menu ul li:hover {
        background: #005FAD;
        
    }
    .drawer-menu ul li:hover a{
        color: #D4E4F1;
    }
    .drawer-menu ul li:hover a:before {
        content: none;
    }
    .menu-item-has-children {
        background: url(../../images/common/drop_icon.png) no-repeat center right !important;
        background-size: 7px !important;
        background-position: 94.5% 22px !important;
    }

    .menu-item-has-children:hover {
        background: #005FAD url(../../images/common/drop_icon_hover.png) no-repeat center right !important;
        background-size: 7px !important;
        background-position: 94.5% 22px !important;
    }
    .drawer-menu .sub-menu {
        background: #F0F0F0;
        margin: 0;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        left: 0 !important;
        margin-left: 0 !important;
    }

.drawer-menu .sub-menu li {
    background: #005fad;
}

li.subinsub-has-children:hover {
    opacity: 1 !important;
}

li.subinsub-has-children:hover {
    background: #005fad !important;
}

li.subinsub-has-children:hover a {
    color: white !important;
}

li.subinsub-has-children:hover, li.subinsub-has-children {
    background: #005FAD url(../../images/common/drop_icon_hover.png) no-repeat center right !important;
    background-size: 7px !important;
    background-position: 94.5% 22px !important;
}

.subinsub-has-children {
    background: #005fad url(../images/common/drop_icon_hover.png) no-repeat center right !important;
    background-size: 7px !important;
    background-position: 94.5% 22px !important;
}

.drawer-menu .sub-menu li:hover {
    background: #005fad;
    opacity: 0.8;
}

.drawer-menu .sub-menu li a {
    padding-left: 30px;
}

.drawer-menu .sub-menu .sub-menu li a {
    padding-left: 70px !important;
}


    .btnClick {
        display: block !important;
    }

    /*----------END MENU------------*/
    .right_side h1:before{
        bottom: 113px;
        top: unset;
    }
    .drawer-menu{
        margin-top: 0;
    }
    .container,.con2{
        width: auto;
    }

h2.result {
    text-align: center;
    padding: 20px;
}

h2.result {
    margin-top: 10px;
}

.searchform {
    padding: 0;
    margin: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 30px;
}

.searchpc {
    display: none;
}

.searchform p {
    margin-left: 0;
}
    .left_side,.right_side {       
    float: none;
    margin: 0 auto;
    width: auto;
    display: block;
    padding: 0 20px;
    }

.right_side {
    padding: 0 20px;
    /* margin: 20px; */
    box-sizing: border-box;
    background: #fff;
}

.right_side.packagecheckup h1 {
    width: 100%;
}
    .left_side img{
        margin: 0 auto;
        display: block;
        padding: 0;
        border-radius: 5px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
  #header_logo{
    padding: 10px;
    padding-left: 20px;
  }
 
  .display_sp{
   
    display: block !important;
    right: 0;
    background: #333;
   width: 0;   
    -webkit-transition: 0.3s;   
    -o-transition: 0.3s;   
    transition: 0.3s; 
    top:0;   
    position: fixed;
    bottom: 0;    
    height: inherit !important;
     }

  .full_width{
    width: 100%;
    padding-top: 50px;
    bottom: 0;
    top: 0;
    display: block !important;
    background: #fff;
    z-index: 999;
    height: auto !important;
    padding-top: 74px !important;
    -webkit-box-shadow: 0px 1px 2px #aaaaaa;
    box-shadow: 0px 1px 2px #aaaaaa;
  }
 
   .display_sp li{
    display: block !important;
    margin-top: 0 !important;
    background: #fff;
    }

.drawer-menu ul li .sub-menu li a {
    padding: 0 50px !important;
    margin-left: 0 !important;
}

.drawer-menu ul li .sub-menu li {
    padding: 14px 0px;
    position: relative;
}

.drawer-menu ul li:nth-of-type(1) {
    padding-left: 0;
}

li.list_in_sp:nth-of-type(1) {
    -webkit-box-shadow: -1px -2px 1px #e2e2e2;
            box-shadow: -1px -2px 1px #e2e2e2;
}

.drawer-menu ul li {
    padding-left: 0 !important;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    margin-bottom: 0px !important;
    box-sizing: border-box;
}

.drawer-menu ul li a, .drawer-menu ul li:hover a {
    padding-left: 30px !important;
    margin: 0;
}

.drawer-menu ul li:hover .sub-menu li a {
    padding-left: 50px;
}

.drawer-menu ul li:hover a {
    border-bottom: 0;
    padding: 14px 0;
}

.drawer-menu ul li a {
    display: block;
    text-align: left;
    padding: 14px 0;
    color: #333;
    margin-left: 0 !important;
}
  .nav_pc{
    display: block;
    position: absolute;
    right: 20px;
    top: 17px;
    font-size: 25px;
    cursor: pointer;
  }
  .nav_rps{
    color: #333;
    z-index: 9999;
    position: absolute;
    right: 18px;
    top: 4px;
    font-size: 40px;
    cursor: pointer;
  }
  .nav_rps_01{
    display: none !important;
  }
  /*.drawer-menu .active {
    background: #005FAD url(../../images/common/drop_icon_hover.png) no-repeat center right !important;
    background-size: 7px !important;
    background-position: 96.5% 18px !important;
  }*/
  .drawer-menu .active a{
    color: #D4E4F1!important;
  }

.drawer-menu .active {
    background: #005fad url(../../images/common/drop_icon_hover.png) no-repeat center right !important;
    background-size: 7px !important;
    background-position: 94.5% 22px !important;
}
  .active > ul.sub-menu{
    display: block !important;
    width: 100%;
    position: relative;
  }

#kh .drawer-menu .sub-menu {
    margin-top: 0 !important;
}

#kh .drawer-menu .sub-menu .sub-menu {
    margin-top: 5.4% !important;
}



    .drawer-menu .sub-menu li .sub-menu {
        position: relative;
        left: 0;
        top: 10px;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        display: none;
        width: 100%;
        background: #7FA6C7;
        left: 0 !important;
    }


     .drawer-menu ul li .sub-menu li:hover .sub-menu{
        display: none;
     }
     .displayblocksp{
        display: block;
     }
     .menu-search input {
        margin: 0 auto;
        width: 100%;
        margin-top: 0px;
        padding: 9px 10px 11px 18px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
     }
     #menu-header-menu >li.active a{
        border-bottom: 0;
     }
     .active_menu a {
        border-bottom: 0;
        padding-bottom: 14px !important;
        color: #F0F6FB !important;
     }

     .active_menu {
        background: #005fad !important;
     }
     li.subinsub-has-children .active_menu {
        opacity: 0.8 !important;
    }
    .menu-search {
        margin-top: 5px;
        margin-left: 20px;
        position: relative;
        margin-right: 20px;
        float: none;
    }
    .sub-image {
        display: none;
    }
    
}

@media only screen and (max-width: 650px) {
.searchform{
    margin-top: 0px;
    word-spacing: -.3em;
}

h2.result {
    margin-top: 0px;
}

}

/*_:-ms-fullscreen, :root #kh .drawer-menu .sub-menu { 
    margin-top:7.4%; 
}*/

@media only screen and (max-width: 365px) {
    .f_information span{
        font-size: 12px;
    }
}