.clear {
    clear: both;
}

.RWindowpn {

    overflow: initial;
}
.RLeft, .RRight {
    position:relative;    transition: unset;
}

.Details{
    display: block;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.more {
    clear: both;
    display: table;
    position: relative;
    margin: 20px auto;
    text-align: center;
    padding: 10px 40px;
    color: black;
    cursor: pointer;
    background: #d0d0d0;
    top: 20px;
    display: none;
}

.ListData .more {
    display: table;
}

.HomePage {
    position: relative;
    width: 100%;
    display: table;
}

.Page {
    position: relative;
    width: 100%;
    display: block;
}

#pnViewJson {
    overflow: hidden;
}

.boundtooleditor:hover .boundeditor {
    display: table;
    opacity: 1;
}

.itemtooleditor:hover .itemeditor {
    display: table;
    opacity: 1;
}

.tooleditor {
    position: absolute;
    right: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    top: 10px;
    opacity: 0;
    transition: all 3s;
    display: none;
    background: #b6a2ca;
    border-radius: 3px;
    padding: 2px;
    z-index: 1000;
}
.containereditor{top: -10px;}
.itemeditor {
    top: 20px;
}

.tooleditor ul {
    padding: 0px;
    margin: 0px;
    z-index: 1;
}
.tooleditor:hover{
    }
.tooleditor:hover  ul li { }

    .tooleditor ul li {
        float: left;
        margin: 1px;
        list-style: none;
        
    }

        .tooleditor ul li a {
            width: 20px;
            height: 20px;
            display: block;
            text-decoration: none;
            line-height: 20px;
            color: black;
            border-radius: 3px;
        }

.tooleditor .right::before {
    content: none !important;
}

.tooleditor .left::before {
    content: none !important;
}

.tooleditor ul li a:before {
    font: normal normal normal 20px/1 FontAwesome;
}

.tooleditor ul li a label {
    display: none;
}

.tooleditor .edit a:before {
    content: '\f14b';
}

.tooleditor .copy a:before {
    content: '\f0c5';
}

.tooleditor .new a:before {
    content: '\f0fe';
}

.tooleditor .left a:before {
    content: '\f191';
}

.tooleditor .right a:before {
    content: '\f152';
}

.tooleditor .delete a:before {
    content: '\f146';
}

.tooleditor .home a:before {
    content: '\f015';
}

.tooleditor .config a:before {
    content: '\f013';
}

.tooleditor .sitemap a:before {
    content: '\f0e8';
}

.tooleditor .cube a:before {
    content: '\f1b2';
}

.tooleditor .star a:before {
    content: '\f005';
}

.tooleditor .info a:before {
    content: '\f05a';
}

.tooleditor .list1 a:before {
    content: '\f009';
}

.tooleditor .list2 a:before {
    content: '\f00b';
}
.tooleditor .move a:before {
    content: '\f074';
}


.tools {
    position: fixed;
    right: 11px;
    bottom: 0px;
    background: #b6a2ca;
    padding: 5px;
    border-top-left-radius: 5px;
    display: table;
    width: 25px;
    z-index: 1000;
}

    .tools .boundeditor {
        display: table !important;
        position: relative;
        opacity: 1;
        top: 0px;
        right: 0px;
    }

.framecontextpopup {
    border-radius: 10px;
    overflow: hidden;
}

.sldesign {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    background: #3399ff;
    border-radius: 10px;
    color: white;
    z-index: 100;
}

    .sldesign a {
        color: white;
        font-size: 17px;
        font-weight: bold;
    }

    .sldesign div {
    }

.Slide .ritem {
    float: none !important;
}

.Slide {
    height: auto !important;
display:table
}

.fixtext {
    display: block;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    height: 28px;
}
.fixtextmore{
    white-space: inherit;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.RTop, .Logo, .RTop1 {
    display: none !important;
}

.RHeader {
    padding: 0px !important;
}

.Slide .list {
    margin: 0 22px;
    display: block;
}
.Slide .list .itemslide:after {}
.CTDATAVIEW {
    position: relative;
    min-height: 15px;
}

.ContentMenu {
    display: none;
} 

.RContent {
       display: table;
    width: 74%;
    float: right;
    padding: 0 1%;
    overflow-x:hidden;
}

.RLeft {
    float: left;
    width: 24%;
}
.RRight {
    float: right;
    width: 25%;display:none;
}

.RctContent {
    margin: 20px 25px;
    margin-left: 0px;
}

@media only screen and (max-width: 767px) {
    .RContent {
        width: 100%;
    }

    .RctContent {
        margin: 0px !important;
    }

    .RLeft {
        float: left;
        width: 100%;
    }
}

@media only screen and (min-width: 1500px){
    .RLeft {
        float: left;
        width: 18.9%;
    }

    .RContent {
        width: 60%;
    padding: 0 1%;
    }
    .RRight {
        float: right;
    width: 18.9%;
    display: block;
    min-height: 2px;
    }
.RctContent {
    margin: 20px 0px!important;
}
}


@media only screen and (max-width: 1350px) {
    .PnDetails .detailsext{
float: right;
    position: relative;
    display: table;
    width: 33%;
    }
    .PnDetails .detailsslideimg{     width: 100%!important;
 
    margin: 0 1%;}
    .PnDetails .detailsinfo{    width: 61%!important;}
    .PnDetails .detailsocial{    width: 100%!important;
  
    margin: 0 1%;
    display: table;}
    .PnDetails .noidung{}
} 
@media only screen and (max-width: 700px) {
    .PnDetails .detailsinfo {
    width: 93%!important;
    margin: 0 1%;
	}
.PnDetails .detailsext {
    float: right;
    position: relative;
    display: table;
    width: 98%;
    margin: 0 1%;
}
.PnDetails .detailsslideimg {
    width: 98%!important;
    margin: 0 1%;
}
}
@media only screen and (max-width: 767px){
.RContent {
    width: 100%;
    padding:0%
}
}
.RHeader{position:relative}
.slidesmall {
    position: relative;
width: 100%;
height: auto !important;
}
.slidesmall .slidelist{
    display: block;
    height: auto;
overflow-x: hidden;
overflow-y: hidden;
white-space: nowrap;
width: 100%;
margin: 0;
}

.slidesmall .slidelist .itemslide{
       position: relative;
    height: auto;
    display: inline-block;
    margin: 10px 0;
    float: none;
    left: 0px;
    margin-right: 10px;transition: none;}
.slidesmall .slidelist .itemslide img{
    width:100%;
    cursor:pointer
}


.slidesmall .slidelist .itemslide * {

    white-space: normal;

}

.dtls{}
.dtls p{    line-height: normal;
    padding: 3px 0;
    font-size: 14px;}
.dtls h1{    font-size: 23px;
    color: black;
    text-transform: capitalize;
    padding: 4px 0px;}
.dtls h2{font-size: 20px;
    line-height: 1.5;
        color: #333;
    font-weight: normal;
    text-transform: none;
}
.dtls h3{    color: #333;
    font-weight: normal;
    text-transform: none;
    font-size: 16px;
    line-height: 1.5;
}
.dtls h4{    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    text-transform: none;
 }
.dtls h5{    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-transform: none;
 }
.dtls h6{    color: #707070;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.66666667;
    text-transform: uppercase;
 }
.dtls ul.star{    margin-left: 0;
    padding-left: 16px;
    margin: 10px 0 0 0;
    list-style-type: disc!important;
}
.dtls ul.star ul.star{list-style-type: circle!important;}
.dtls ul.minus{margin-left: 0;
    padding-left: 16px;    margin: 10px 0 0 0;list-style-type: square!important;}
.dtls ol{ padding-left: 16px;   margin: 10px 0 0 0;    list-style-type: decimal!important;}
.dtls ol ul.star{list-style-type: circle!important;}
.dtls img{max-width:100%}
.dtls table{border-collapse: collapse;}
.dtls table th{padding: 10px 20px;
    background: #2196F3;
    color: white;border: 1px solid #ddd;
    padding: 8px;}
.dtls table td{border: 1px solid #ddd;
    padding: 8px;}
.dtls table tr:nth-child(even){background-color: #f2f2f2;}
.dtls table tr:hover {background-color: #ddd;}
.rellax {transition: all 1s!important;}
.editmode .csstransforms{opacity: 0.4;}
.editnomode .csstransforms{display:none}.RHeader {
    padding: 20px 0px;
    background: white;
    display: table;
   width:100%
}.RTop1{
    display: table;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #dedede;
}.RTop{
    display: table;
    width: 100%;
    background: #eaeaea;
    border-bottom: 1px solid #dedede;
}.RFooter{clear: both;    top: 20px;
    position: relative;}  .RctContent{  margin: 20px 40px;margin-left:0px}.RSContentSlide{
    background: white;
    display: table;
   width:100%
}.RLContentLeft{ margin: 20px;}
.RRContentRight{ margin: 20px;}
.LinkTopLeft{float: left;
    margin-left: 20px;  }
.LinkTopLeft li{float: left;
    margin-right: 10px;}
.LinkTopLeft li a{    font-size: 12px;
    color: #3f3f3f;    display: flex;
    align-items: center;
    justify-content: center;
line-height: 30px;}
.LinkTopLeft li a img{height:20px;    margin-right: 5px;}
.LinkTopLeft li a::before{}.LinkTopRight{float: right;
    margin-right: 20px;  }
.LinkTopRight li{float: left;
    margin-left: 10px;}
.LinkTopRight li a{   font-size: 12px;
    color: #3f3f3f;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
height: 30px;}
.LinkTopRight  li a img{height:20px ;   margin-right: 5px;}
.LinkTopRight li a::before{}.RHeader .Logo{    clear: both;position:relative;float:left;margin-left:20px} 
.RHeader .Logo strong{display:none}
.RHeader .Logo a img{height:20px;margin:7px 0}.MenuIphone{z-index:1;background:#55a747;color:#fff;float:right;margin:8px;border-radius:2px;display:none;position:relative;margin-right:28px}.MenuIphone::before{content:'\f0c9';font:normal normal normal 22px/1 FontAwesome;padding:15px}.MenuIphoneActive{display:table;background:transparent}.MenuIphoneActive::before{content:'\f00d';font:normal normal normal 22px/1 FontAwesome;padding:15px;color:#fff}@media only screen and (max-width: 991px){.MenuIphone{display:table}}.LinkTopLeft1{float: left;
    margin-left: 20px;  }
.LinkTopLeft1 li{float: left;
    margin-right: 10px;}
.LinkTopLeft1 li a{    font-size: 12px;
    color: #3f3f3f;    display: flex;
    align-items: center;
    justify-content: center;
line-height: 30px;height: 30px;}
.LinkTopLeft1 li a img{height:20px;    margin-right: 5px;}
.LinkTopLeft1 li a::before{}.LinkTopRight1{float: right;
    margin-right: 20px;  }
.LinkTopRight1 li{float: left;
    margin-left: 10px;}
.LinkTopRight1 li a{   font-size: 12px;
    color: #3f3f3f;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;height: 30px;}
.LinkTopRight1  li a img{height:20px ;   margin-right: 5px;}
.LinkTopRight1 li a::before{}.Slide{
    position:relative;
    width:100%;
    
}
.Slide .list{
   height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    margin: 0;
}
.Slide .itemslide{
       position: relative;
    height: auto;
    width: 100%;
    display: inline-block;
    margin: 0;
} 
.Slide .itemslide *{
    white-space:normal
}
.Slide .btnnext{
    height:100%;
    width:20px;
    position:absolute;
    top:0;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
.Slide .btnnext::before{
        width: 30px;
    height: 30px;
    text-align: center;
    justify-content: center;
    line-height: 30px;
    font-family: FontAwesome;
    COLOR: white;
    font-weight: bold;
    text-shadow: 2px 2px 2px black;
    font-size: 30px;
}
.Slide .left{
    left:0
}
.Slide .left::before{
    content:'\f104'
}
.Slide .right{
    right:0
}
.Slide .right::before{
    content:'\f105'
}
.Slide .BtnSlide{
    position:absolute;
    display:flex;
    bottom:22px;
    width:100%;
    text-align:right;
    align-items:center;
    justify-content:flex-end;
    right:29px
}
.BtnSlide li a{
    width:11px;
    height:10px;
    position:relative;
    display:table;
    background:#898481;
    margin:5px;
    border-radius:50%;
    cursor:pointer
}
.BtnSlide li a:hover{
    background:#e9c472
}
.BtnSlide li .active{
    background:#e9c472
} 
.Slide .ritem{
    width:100%
}
.Slide .itemslide .img{}
.Slide .itemslide .img img{width:100%}.IFrameForm{margin:auto;max-width:100%;display: table;}
@media only screen and (max-width: 767px) {
.IFrameForm{max-width:94%;}
}.FunctionExtensions{    position: fixed;transition: .3s ease;
    right: -35px;
    top: 80px;
    z-index: 2;
    width: 40px;
    min-height: 200px;
    background: rgba(30, 16, 16, 0.1);
    opacity: 1;}
.FunctionExtensions:hover{
right: 0px;
}
@media only screen and (max-width: 767px) {
.FunctionExtensions {    width: 0px;}
}