/* --------------------------------------------------- Button --------------------------------------------------- */

.box-btn a.btn {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 0.89em;
    background-color: #7f7f7f;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: table;
    white-space: nowrap; 
    z-index: 1;
    overflow: hidden;
}

a.btn.active,
a.btn:hover {
    background-color: #009ba0;
}

.box-btn a.btn.white {
    background-color: #fff;
    color: #7f7f7f;
}

.box-btn a.btn.white:hover {
    background-color: #7f7f7f;
    color: #fff;
}

.box-btn a.btn.gray {
    background-color: #7f7f7f;
    color: #fff;
}

.box-btn a.btn.gray:hover {
    background-color: #009ba0;
    color: #fff;
}

.box-btn a.btn.gray2 {
    background-color: #f5f4f3 !important;
    color: #009ba0;
}

.box-btn a.btn.gray2:hover {
    background-color: #7f7f7f;
    color: #fff;
}

.box-btn a.btn.loginfb {
    width: 250px;
    height: 35px;
    line-height: 35px;
    background: url(../images/btn-login-fb.svg) no-repeat center center #3b5998;
}
.box-btn a.btn.loginfb.th {
    background-image: url(../images/btn-login-fb-th.svg);
}

.box-btn a.btn.loginfb:hover {
/*     opacity: 0.7; */
}


/* --------------------------------------------------- Part Back --------------------------------------------------- */

.part-back {
/*
    width: 100%;
    border-top: 1px solid #cbcbcb;
    float: none;
    clear: both;
    margin-top: 30px;
    padding: 20px 50px;
    display: inline-table;
*/
    
    width: 100%;
    float: none;
    clear: both;
    padding: 0px 50px 20px 50px;
    display: inline-table;
}

.part-back .box-btn {
    display: table;
    float: right;
}


/* --------------------------------------------------- Part Search Main  --------------------------------------------------- */

.box-search-main .search-top {
    background-color: #333333;
    padding: 10px 0;
}

.box-search-main .search-bottom {
    background-color: #189291;
    padding: 10px 0 !important;
    display: none;
    display: block !important;
    height: auto !important;
}

.box-input-text {
    width: calc(33.33% - 20px);
    float: left;
    margin: 0px 10px;
    height: 35px;
    overflow: hidden;
}
body.news .box-input-text ,
body.promotion .box-input-text {
    width: 270px;
}
.search-bottom .box-input-text {
    width: calc(100% - 9px);
    padding-right: 10px;
}

.search-bottom input[type="text"] {
    font-weight: 100;
    font-size: 1em;
    text-align: center;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.34);
    width: calc(100% - 75px);
    outline: 0;
}
.search-bottom button {
    position: absolute;
    top: 0px;
    width: 75px;
    height: 100%;
    background: #189291 url(../images/icon-mag.svg) no-repeat center center;
    background-size: auto 70%;
    border: 0;
    cursor: pointer;
    transition: all 0.5s ease;
    border: 1px solid rgba(255, 255, 255, 0.34);
}
.search-bottom button:hover {
    background-color: #21736e;
}
.search-bottom input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.search-bottom input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.search-bottom input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.search-bottom input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}

.box-btn-search {
    width: 145px;
    float: left;
}

.box-btn-search a {
    width: 100%;
    text-align: center;
    line-height: 35px;
    display: block;
    color: #fff;
    border-radius: 100px;
    background-color: #7f7f7f;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-size: 40% auto;
}

.box-btn-search a.active,
.box-btn-search a:hover {
    background-color: #21736e;
}


/* --------------------------------------------------- Design Tumb Color --------------------------------------------------- */

.slide3itemC {
    display: table;
    width: 100%;
}
.box-tumbC {
    width: 314px;
    background-color: #009ba0;
    margin: 0 auto;
}

.box-tumbC .box-pic {
    width: 100%;
    /* 		height: 210px; */
    overflow: hidden;
}

.box-tumbC.close .box-pic:after {
    content: 'disable';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 2em;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 210px;
    text-transform: uppercase;
}
body.th .box-tumbC.close .box-pic:after {
	content: 'ไม่แสดงผล';
}

.box-tumbC .box-pic img {
    width: 100%;
    height: auto;
    max-height: 210px;
}

.box-tumbC .box-pic .box-number {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #fff;
    font-weight: 400;
    font-size: 48px;
    text-align: center;
    width: 78px;
    height: 78px;
    display: table;
    background-color: rgba(0, 0, 0, 0.7);
}

.box-tumbC .box-date-view {
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 15px;
}

.box-tumbC .box-date {
    display: table;
    float: left;
    color: #fff;
    font-weight: 400;
    font-size: 0.69em;
}

.box-tumbC .box-date:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 7px;
    background: url(../images/icon-time.svg) no-repeat center center;
    top: 2px;
    position: relative;
}

.box-tumbC .box-view {
    display: table;
    float: right;
    color: #fff;
    font-size: 0.69em;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 10px;
}

.box-tumbC .box-view:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    background: url(../images/icon-eye.svg) no-repeat center center;
    background-size: 97% auto;
    top: 3px;
    position: relative;
}

.box-tumbC .box-like {
    float: right;
    color: #fff;
    font-size: 0.69em;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 10px;
}

.box-tumbC .box-like:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 7px;
    background: url(../images/icon-heart2.svg) no-repeat center center;
    background-size: 100% auto;
    top: 2px;
    position: relative;
}

.box-tumbC .box-like span:before {
    content: '';
    width: 15px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background: url(../images/icon-heart2.svg) no-repeat center center;
}

.box-tumbC .box-text {
    padding: 15px;
}

.box-tumbC .box-text .text-title {
    font-weight: 400;
    font-size: 0.94em;
    overflow: hidden;
    height: 50px;
    margin-bottom: 20px;
}
html.AB-s1-2 .box-tumbC .box-text .text-title {
    height: 60px;
}
html.AB-s1-3 .box-tumbC .box-text .text-title {
    height: 70px;
}

.box-tumbC .box-text .text-title a {
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.box-tumbC .box-text .text-title a:hover {
    color: #666;
}


/* --------------------------------------------------- Design Tumb slideD --------------------------------------------------- */

.slide5itemD {
    display: table;
}
.slide5itemD .box-tumbD {
    margin: 0 auto;
    padding: 5px 5px;
    background-clip: content-box;
}
.slide5itemD:not(.owl-carousel) .box-tumbD {
    width: 50%;
    float: left;
}

.slide5itemD .box-tumbD .box-pic {
    width: 100%;
    background: #000;
}

.slide5itemD .box-tumbD .box-pic a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 15px;
    height: 50px;
    padding: 0px 20px;
    background: url(../images/icon-arrow-r.svg) no-repeat center center rgba(0, 0, 0, 0.7);
}

.box-tumbD>.box-tumbD .box-pic a::after {
    padding: 4px 14px;
    width: 5px;
    height: 23px;
    background-size: 20px;
}

.box-tumbD .box-pic .box-shadow {
    opacity: 0.7;
    transition: .3s;
    background-size: auto 100%;
    background-position: center;
}

.box-tumbD .box-pic:hover .box-shadow {
    opacity: 1;
}

.box-tumbD .box-pic img {
    width: 100%;
    height: auto;
}

.box-tumbD .box-pic .box-number {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #fff;
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    width: 78px;
    height: 78px;
    display: table;
    background-color: rgba(0, 0, 0, 0.7);
}

.box-tumbD>.box-tumbD {
    float: left;
    width: 50% !important;
    padding: 1.5px;
    margin-top: -1px;
}

.box-tumbD>.box-tumbD:nth-of-type(1),
.box-tumbD>.box-tumbD:nth-of-type(3) {
    padding-right: 6px;
}

.box-tumbD>.box-tumbD:nth-of-type(2),
.box-tumbD>.box-tumbD:nth-of-type(4) {
    padding-left: 6px;
}

.box-tumbD>.box-tumbD:nth-of-type(1),
.box-tumbD>.box-tumbD:nth-of-type(2) {
    padding-bottom: 7px;
}

.box-tumbD>.box-tumbD:nth-of-type(3),
.box-tumbD>.box-tumbD:nth-of-type(4) {
    padding-top: 7px;
}

.box-tumbD .box-pic .box-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: #fff;
    padding: 10px;
    z-index: 9;
}

.box-tumbD .box-pic .box-text p {
    max-width: 250px;
    font-size: 1.23em;
    max-height: 164px;
    line-height: 33px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 11px;
    transition: .8s ease;
}

.box-tumbD .box-pic:hover .box-text p {
    opacity: 0;
    margin-bottom: 60px;
}

.box-tumbD>.box-tumbD .box-pic .box-text p {
    line-height: 31px;
    font-size: 1.05em;
    max-height: 95px;
}

.box-tumbD>.box-tumbD .box-pic:hover .box-text p {
    margin-bottom: 30px;
}

.box-tumbD .box-pic .box-text hr {
	border: 0px;
    border-bottom: 2px solid #fff;
    width: 55px;
    bottom: 0;
    margin: 15px auto;
    transition: .5s cubic-bezier(0.92, 0.55, 0, 0.36);
    opacity: 1;
}

.box-tumbD>.box-tumbD .box-pic .box-text hr {
    margin: 0px auto;
    width: 40px;
}

.box-tumbD .box-pic:hover .box-text hr {
    opacity: 0;
}

.box-tumbD .box-pic .box-text h2 {
    font-size: 2em;
    transition: .8s ease;
    opacity: 1;
}

.box-tumbD .box-pic:hover .box-text h2 {
    opacity: 0;
    margin-top: 60px;
}

.box-tumbD>.box-tumbD .box-pic .box-text h2 {
    font-size: 1.56em;
}

.box-tumbD>.box-tumbD .box-pic:hover .box-text h2 {
    margin-top: 30px;
}

.box-tumbD .box-pic .box-text a {
    font-size: 0.94em;
    color: #fff;
    background: #000;
    display: table;
    margin: 0 auto;
    padding: 0px 20px;
    border-radius: 15px;
    margin-top: 15px;
    line-height: 26px;
    transition: .3s;
}

.box-tumbD>.box-tumbD .box-pic .box-text a {
    margin-top: 5px;
    font-size: 0.1em;
    padding: 1.5px 20px;
}

.box-tumbD .box-pic .box-text a:hover {
    color: #b0a0ff;
}

.box-tumbD .box-pic .box-View {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.90);
    font-size: 1.23em;
    padding: 0px 13px;
    background: rgba(0, 0, 0, 0.50);
    border-radius: 15px;
    margin: 3px;
    text-transform: uppercase;
}

.box-tumbD>.box-tumbD .box-pic .box-View {
    font-size: 0.94em;
}

.box-tumbD .box-date-view {
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 15px;
}

.box-tumbD .box-date {
    display: table;
    float: left;
    color: #fff;
    font-weight: 400;
    font-size: 0.69em;
}

.box-tumbD .box-date:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 7px;
    background: url(../images/icon-time.svg) no-repeat center center;
    top: 2px;
    position: relative;
}

.box-tumbD .box-view {
    display: table;
    float: right;
    color: #fff;
    font-size: 0.69em;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 10px;
}

.box-tumbD .box-view:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    background: url(../images/icon-eye.svg) no-repeat center center;
    background-size: 97% auto;
    top: 3px;
    position: relative;
}

.box-tumbD .box-like {
    float: right;
    color: #fff;
    font-size: 0.69em;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 10px;
}

.box-tumbD .box-like:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 7px;
    background: url(../images/icon-heart2.svg) no-repeat center center;
    background-size: 100% auto;
    top: 2px;
    position: relative;
}

.box-tumbD .box-like span:before {
    content: '';
    width: 15px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background: url(../images/icon-heart2.svg) no-repeat center center;
}

.box-tumbD .box-text {
    padding: 15px;
}

.box-tumbD .box-text .text-title {
    font-weight: 400;
    font-size: 0.94em;
    overflow: hidden;
    height: 50px;
    margin-bottom: 20px;
}

.box-tumbD .box-text .text-title a {
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.box-tumbD .box-text .text-title a:hover {
    color: #666;
}


/* --------------------------------------------------- Slide 1 Item --------------------------------------------------- */

.slide1item {

}

.slide1item .box-item {
    width: 100%;
}

.slide1item .box-item .box-pic {
    width: 100%;
    /* 			height: 198px; */
/*     height: 172px; */
    overflow: hidden;
    border: 1px solid #efefef;
}

.slide1item .box-item .box-pic img {
    width: 100%;
    height: auto;
}

.slide1item .box-day,
.slide1item .box-discount {
    position: absolute;
    top: 12px;
    left: 12px;
    display: table;
    color: #fff;
    font-weight: 400;
}

.slide1item .box-day .day1,
.slide1item .box-day .day2 {
    float: left;
    width: 78px;
    height: 78px;
    display: table;
    background-color: rgba(0, 155, 160, 0.7);
}

.slide1item .discount {
    display: table;
}

.slide1item .box-day .day2 {
    background-color: rgba(9, 239, 246, 0.7);
}

.slide1item .box-day .day1>p,
.slide1item .box-day .day2>p {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.slide1item .box-day .day1>p .text-day,
.slide1item .box-day .day2>p .text-day {
    font-size: 40px;
    padding-top: 3px;
    line-height: 40px;
    display: block;
}

.slide1item .box-day .day1>p .text-month,
.slide1item .box-day .day2>p .text-month {
    font-size: 0.94em;
    line-height: 25px;
}

.slide1item .box-discount .discount>p {
    vertical-align: bottom;
    display: table-cell;
    text-align: center;
    font-size: 1.44em;
    text-transform: uppercase;
}

.slide1item .box-discount .discount>p span {
    float: left;
    width: 60px;
    height: 60px;
    padding-top: 23px;
}
.th .slide1item .box-discount .discount>p span > i {
    line-height: 28px;
    margin-top: -23px;
}
.th .part-title .box-title .box-discount .discount>p span > i {
    line-height: 40px;
    margin-top: -35px;
}

.slide1item .box-discount .discount>p span.text-discount1 {
    background-color: rgba(0, 155, 160, 0.7);
}

.slide1item .box-discount .discount>p span.text-discount2 {
    background-color: rgba(72, 204, 208, 0.7);
}

.slide1item .box-item .box-text {
    padding: 10px 5px;
}

.slide1item .box-item .box-date {
    font-weight: 400;
    font-size: 0.69em;
    margin-bottom: 5px;
}

.slide1item .box-item .box-date:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin-right: 7px;
    background: url(../images/icon-time2.svg) no-repeat center center;
    top: 3px;
    position: relative;
}

.slide1item .box-item .text-title {
    font-weight: 400;
    font-size: 1.1em;
    margin-bottom: 6px;
}

.slide1item .box-item .text-title a {
    color: #009ba0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.slide1item .box-item .text-title a:hover {
    color: #666;
}

.slide1item .box-text .text-price {
    color: #009ba0;
    font-weight: 400;
    font-size: 0.94em;
    margin-bottom: 11px;
    height: 25px;
    overflow: hidden;
}

.slide1item .box-text .text-price .tPrice span:nth-child(1) {
    font-size: 0.75em;
    color: #cecece;
    margin-right: 5px;
    text-decoration: line-through;
}

/* --------------------------------------------------- Arrow Slide And Pagination --------------------------------------------------- */

.box-arrow {
    width: 100%;
}

.box-arrow.page {
    margin-top: 10px;
}

.box-arrow .box-btn-right {
    float: right;
    display: table;
}

.box-arrow .box-btn-right .btn-arrow {
    width: 31px;
    height: 31px;
    display: flex;
    margin-left: 1px;
    float: left;
    background-color: black;
    overflow: hidden;
    text-indent: 999px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.box-arrow .box-btn-right .btn-arrow.left {
    background: url(../images/icon-arrow-l.svg) no-repeat center center #7f7f7f;
}

.box-arrow .box-btn-right .btn-arrow.right {
    background: url(../images/icon-arrow-r.svg) no-repeat center center #7f7f7f;
}

.box-arrow .box-btn-right .btn-arrow.left:hover {
    background-color: #009ba0;
}

.box-arrow .box-btn-right .btn-arrow.right:hover {
    background-color: #009ba0;
}

.box-arrow .box-btn-right .btn-arrow.left.dis,
.box-arrow .box-btn-right .btn-arrow.left.dis:hover {
    background-color: #cfcfcf;
    cursor: default;
}

.box-arrow .box-btn-right .btn-arrow.right.dis,
.box-arrow .box-btn-right .btn-arrow.right.dis:hover {
    background-color: #cfcfcf;
    cursor: default;
}

.box-arrow .box-number {
    float: left;
    margin: 0 10px;
}

.box-arrow .box-number p {
    float: left;
    line-height: 31px;
    margin: 0 3px;
    font-size: 0.75em;
}

.box-arrow .box-number p.currentItem {
    color: #009ba0;
}

.box-arrow .box-number a {
    color: #666;
    display: inline-block;
    margin: 0 4px;
    line-height: 31px;
}

.box-arrow .box-number a.active,
.box-arrow .box-number a:hover {
    color: #009ba0;
}


/* --------------------------------------------------- Part Title Main --------------------------------------------------- */

.part-contentdetail-main .content-left>div.part-slide-pic-main {
    margin: 20px auto 0;
}

.part-slide-pic-main {
    width: 612px;
}

.part-slide-pic-main .slide-main {
    width: 612px;
    /* 			height: 412px; */
    border: 1px solid #efefef;
    margin-bottom: 6px;
}


/* --------------------------------------------------- Part Content Detail Main Left --------------------------------------------------- */

.content-left {
    width: 735px;
}


/* --------------------------------------------------- Part Content Detail Main Right --------------------------------------------------- */

.content-right {
    min-height: 400px;
    width: 285px;
}


/* --------------------------------------------------- Part Relate Museum --------------------------------------------------- */

.part-relatemuseum-main {
    background-color: #f4f4f4;
    padding: 40px 0;
}

.box-relatemuseum p {
    text-align: center;
    font-weight: 400;
    font-size: 1.56em;
    color: #333;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.box-arrow {
    width: 100%;
}

.box-relatemuseum .box-arrow.big .btn-arrow {
    width: 25px;
    height: 45px;
    display: flex;
    overflow: hidden;
    text-indent: 999px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: -240px;
    background: no-repeat center center;
}

.box-relatemuseum .box-arrow.big .btn-arrow.left {
    left: -40px;
    background-image: url(../images/icon-arrow2-l.svg);
}

.box-relatemuseum .box-arrow.big .btn-arrow.right {
    right: -40px;
    background-image: url(../images/icon-arrow2-r.svg);
}

.box-relatemuseum .box-arrow.big .btn-arrow.left:hover {
    background-image: url(../images/icon-arrow2-l-hover.svg);
}

.box-relatemuseum .box-arrow.big .btn-arrow.right:hover {
    background-image: url(../images/icon-arrow2-r-hover.svg);
}

.box-relatemuseum .box-arrow.big .btn-arrow.left.dis,
.box-relatemuseum .box-arrow.big .btn-arrow.left.dis:hover {
    background-image: url(../images/icon-arrow2-l.svg);
    cursor: default;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.box-relatemuseum .box-arrow.big .btn-arrow.right.dis,
.box-relatemuseum .box-arrow.big .btn-arrow.right.dis:hover {
    background-image: url(../images/icon-arrow2-r.svg);
    cursor: default;
    filter: alpha(opacity=20);
    opacity: 0.2;
}


/* --------------------------------------------------- relateevidence --------------------------------------------------- */

.part-relateevidence-main {
    padding: 40px 0;
}

.box-relateevidence h3 {
    text-align: center;
    font-weight: 400;
    font-size: 1.56em;
    color: #333;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.box-relateevidence .box-pic {
    width: 100%;
    background: #000;
    float: left;
    padding: 7px;
    background-clip: content-box;
}

.box-relateevidence .box-pic a::after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    padding: 4px 14px;
    width: 5px;
    height: 23px;
    background: url(../images/icon-arrow-r.svg) no-repeat center center rgba(0, 0, 0, 0.60);
    background-size: 20px;
}

.box-relateevidence .box-pic .box-shadow {
    opacity: 0.7;
    transition: .3s;
    background-size: auto 100%;
    background-position: center;
}

.box-relateevidence .box-pic:hover .box-shadow {
    opacity: 1;
}

.box-relateevidence .box-pic img {
    width: 100%;
    height: auto;
}

.box-relateevidence .box-pic .box-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: #fff;
    padding: 10px;
    z-index: 9;
}

.box-relateevidence .box-pic .box-text p {
    max-width: 250px;
    font-size: 1.23em;
    max-height: 95px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 0px;
    transition: .8s ease;
}

.box-relateevidence .box-pic:hover .box-text p {
    opacity: 0;
    margin-bottom: 100px;
}

.box-relateevidence .box-pic .box-text hr {
	border: 0px;
    border-bottom: 2px solid #fff;
    width: 40px;
    bottom: 0;
    margin: 15px auto;
    transition: .5s cubic-bezier(0.92, 0.55, 0, 0.36);
    opacity: 1;
}

.box-relateevidence .box-pic:hover .box-text hr {
    opacity: 0;
}


/* --------------------------------------------------- Form --------------------------------------------------- */

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="url"] {
    width: 100%;
    height: 35px;
    background: #FFFFFF;
    border: 1px solid #cbcbcb;
    line-height: 35px;
    padding: 0 10px;
    font-size: 0.89em;
    font-family: 'Kanit', sans-serif;
    font-weight: 100;
}

textarea {
    width: 100%;
    height: 100px;
    background: #FFFFFF;
    border: 1px solid #cbcbcb;
    resize: none;
    padding: 0 10px;
    line-height: 20px;
    font-size: 0.89em;
    font-family: 'Kanit', sans-serif;
    font-weight: 100;
}

.SearchMenu-item {
    font-weight: 400;
    display: inline-block;
    padding-right: 28px;
    margin-right: 18px;
    padding-left: 10px;
    height: 35px;
    line-height: 35px;
    color: #333;
    width: 100%;
    border: 1px solid #cecece;
    font-size: 1em;
    background-color: #fff;
    position: relative;
}

.SearchMenu-item:before {
    content: '';
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/icon-arrowD2.svg) no-repeat center center;
}

.SearchMenu-item select {
	opacity: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    font-family: 'Kanit', sans-serif;
    font-weight: 100;
}


/* --------------------------------------------------- IG --------------------------------------------------- */

.part-ig {
    padding: 50px 0 0 0;
}

.part-ig .box-head {
    display: table;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}

.part-ig .box-head .text-head {
    color: #a7a7a7;
    font-size: 1.18em;
}


/*
		.part-ig .box-head .text-head{
			font-family: 'thaisans_neuesemi_bold';
			font-size: 30px;
			color: #009ba0;
			text-transform: uppercase;
			text-align: center;
			width: 250px;
			border-bottom: 4px solid #009ba0;
			padding-bottom: 5px;
			margin: 0 auto;
			line-height: 30px;
		}
*/

.part-ig .box-head .text-head span {
    font-size: 2em;
    color: #666;
}

.part-ig .box-head .power {
    /* 				color: #a7a7a7; */
    color: #487794;
    font-size: 8px;
    font-style: italic;
}

.part-ig .box-head .power strong {
    font-weight: 400;
    display: inline;
}

.part-ig .box-head .power span {
    font-style: normal;
    display: inline;
    font-size: 0.1em;
}

.part-ig .box-head .text-subhead {
    display: inline-block;
    color: #009ba0;
    font-size: 1.32em;
}

.part-ig .box-head .text-subhead span {
    display: inline-block;
    font-size: 2em;
    text-transform: uppercase;
}

.box-pic-ig {
    width: 100%;
}

.box-pic-ig .item {
    width: 16.666%;
    height: auto;
    float: left;
}

.box-pic-ig .item img {
    width: 100%;
    height: auto;
}


/* --------------------------------------------------- Fillter --------------------------------------------------- */

.part-filter {
    background-color: #009ba0;
    padding: 5px 0;
}

.box-filter {
    float: right;
}

.box-filter p {
    float: left;
    line-height: 34px;
    border-right: 1px solid #fff;
    text-transform: uppercase;
    padding-right: 13px;
    margin-right: 13px;
    color: #fff;
    font-weight: 400;
    font-size: 1.23em;
}

.box-filter .box-input-text {
    float: none;
    margin-right: 0px;
}

/* --------------------------------------------------- Part Add Action --------------------------------------------------- */

.box-add-action .form-comment {
    margin-top: 0;
    border-top: none;
    border-bottom: none;
    padding: 20px;
    padding-bottom: 0px;
}

.box-add-action .gallery {
    display: table;
}

.box-add-action .gallery div {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.box-add-action .gallery a img {
    max-height: 90px;
    width: auto;
}

.box-review .gallery div span.del,
.form-comment .gallery div span.del,
div.GalleryBlock>span.del,
.del_fav {
    width: 20px;
    height: 20px;
    background-color: #7f7f7f;
    color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    font-size: 1.23em;
    line-height: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.box-review .gallery div span.del:hover,
.form-comment .gallery div span.del:hover {
    background-color: #009ba0;
}

.box-add-action .box-input {
    margin-bottom: 10px;
}

.box-add-action .box-btn.comment {
    display: table;
    margin: 10px auto 0;
    text-transform: uppercase;
}

.box-add-action .box-btn.comment a {
    width: auto;
    height: 25px;
    line-height: 25px;
}

.box-add-action .box-btn.comment a:after {
    position: relative;
    top: 1px;
    display: none;
}

.box-add-action .box-btn.comment a.photo:after {
    content: '';
    display: inline-block;
    width: 23px;
    height: 13px;
    margin-left: 7px;
    right: 0px;
    background: url(../images/icon-photo.svg) no-repeat center center;
    background-size: auto 100%;
}

.box-add-action .box-btn.comment a.comment:after {
    content: '';
    display: inline-block;
    width: 23px;
    height: 13px;
    margin-left: 7px;
    right: 0px;
    background: url(../images/icon-write.svg) no-repeat center center;
    background-size: auto 100%;
}

.box-add-action .boxA3 {}

.box-add-action .boxA3 .form-checkin {
    padding: 20px;
    padding-bottom: 0px;
}

.box-add-action .box-btn.checkin {
    display: table;
    margin: 10px auto 0;
    text-transform: uppercase;
    display: grid;
}

.box-add-action .boxA3 .share-social {
    color: #333;
    text-transform: uppercase;
    width: 70%;
    margin: 0 auto 20px;
}

.box-add-action .boxA3 .share-social a {
    line-height: 25px;
}

.box-add-action .boxA3 .share-social a:after {
    content: '';
    width: 40px;
    height: 24px;
    background: no-repeat center center;
    background-size: 100% auto;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}

.box-add-action .boxA3 .share-social a.toggle-fb:after,
.box-add-action .boxA3 .share-social a.toggle-tw:after {
    background-image: url(../images/turn-off.svg);
}

.box-add-action .boxA3 .share-social a.toggle-fb.share:after,
.box-add-action .boxA3 .share-social a.toggle-tw.share:after {
    background-image: url(../images/turn-on.svg);
}


/* --------------------------------------------------- Part Tab --------------------------------------------------- */

.part-tab {
    margin: 30px 0 10px;
}

.part-tab .box-tab {
    border-bottom: 1px solid #cbcbcb;
    padding: 0px 0px 0px 20px;
}

.part-tab .box-tab a {
    text-transform: capitalize;
/*     display: inline-block; */
	display: inline-flex;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #666;
    margin: 0 20px 17px 20px;
    padding: 0 3px;
    font-weight: 100;
    line-height: 27px;
}
.part-tab .box-tab a.fr {
	float: right;
}
.part-tab .box-tab a.fr:before {
    content: '';
    height: 21px;
    width: 1px;
    display: block !important;
    position: absolute;
    left: -24px;
    top: 3px;
    background-color: #cbcbcb;
}

@media only screen and (min-width: 768px) {
	.part-tab .box-tab a:hover {
	    color: #009ba0;
	}
}

.part-tab .box-tab a:before {
    content: '';
    height: 21px;
    width: 1px;
    display: block;
    position: absolute;
    right: -24px;
    top: 3px;
    background-color: #cbcbcb;
}

.part-tab .box-tab a:last-child:before {
    display: none;
}

.part-tab .box-tab a.active {
    color: #333;
}

.part-tab .box-tab a.active:after {
    content: '';
    width: 100%;
    height: 5px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: -3px;
    background-color: #000;
}


/* --------------------------------------------------- Part Comment --------------------------------------------------- */

.part-comment-main {
    min-height: 500px;
    margin-top: 20px;
}

.box-btn-action {
    margin: 0 0 30px;
}
.box-btn-action .box-btn {
    width: auto;
    margin: 0 auto;
    display: table;
}
.box-btn-action .box-btn a {
    width: 150px;
	height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    float: left;
    margin-right: 10px;
}
body.topic .box-btn-action .box-btn a {
    width: 205px;
}
.box-btn-action.en .box-btn a {
	width: 130px;
}

.box-btn-action .box-btn a:after {
    content: '';
    display: block;
    position: absolute;
    right: 15px;
    top: 12px;
    width: 12px;
    height: 11px;
    background: url(../images/icon-plus.svg) no-repeat center center;
}
.box-btn-action .box-btn a.btn.checkInBtn {
    margin: auto;
}

.box-content-tab .box-btn.load {
    text-transform: uppercase;
}

.box-content-tab .box-btn.load a {
    margin: 20px auto;
    display: table;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.box-content-tab .box-btn.load a:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 10px;
    margin-left: 7px;
    background: url(../images/icon-arrowD.svg) no-repeat center center;
}

.box-content-tab .box-btn.more {
    display: table;
    margin: 20px auto;
}

.box-content-tab .box-btn.more a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.box-content-tab .box-btn.more a span {
    display: inline;
}

.box-content-tab .box-row .box-display {
    width: 20%;
    display: table-cell;
}

.box-content-tab .box-row .box-display .display {
    width: 80px;
    height: 80px;
    background: no-repeat center center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
    z-index: 1;
    margin: 15px auto 20px;
    /* 		background-size: 100% auto; */
    background-size: auto 100%;
    display: block;
}

.box-content-tab .box-row .box-display .name {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    line-height: 21px;
    color: #333;
}

.box-content-tab .box-row {
    width: 100%;
    padding: 20px 0px;
    border-bottom: 1px solid #cbcbcb;
}

.box-content-tab .box-row .box-review {
    width: 80%;
    display: table-cell;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    border-left: 1px dashed #cbcbcb;
    min-height: 170px;
}
.part-history .box-content-tab .box-row .box-review {
    min-height: initial;
}
.box-content-tab .box-row .box-review .title {
    color: #333;
    margin-bottom: 10px;
}

.box-content-tab .box-row .box-review .time-stamp {
    color: #333;
    margin-bottom: 10px;
    font-size: 0.89em;
    color: #666;
}
.box-content-tab .Ctab9 .box-row .box-review .time-stamp {
    padding-top: 15px;
}
.box-content-tab .box-row .box-review .time-stamp:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background: url(../images/icon-time2.svg) no-repeat center center;
    top: 2px;
    position: relative;
}

.box-content-tab .box-row .box-review .time-stamp span {
    display: inline;
}

.box-content-tab .box-row .box-review .des {
    margin-bottom: 10px;
    padding: 0px;
    line-height: 21px;
    word-wrap:break-word;
}

.box-content-tab .box-row .box-review .gallery {
    display: table;
}

.box-content-tab .box-row .box-review .gallery div {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.box-content-tab .box-row .box-review .gallery a {
    /*
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
*/
}

.box-content-tab .box-row .box-review .gallery a img {
    max-height: 90px;
    min-height: 90px;
    width: auto;
}

.box-content-tab .box-row .box-review .box-btn.fav {
    margin-bottom: 10px;
}

.box-content-tab .box-row .box-review .box-btn.fav a {
    width: 140px;
    background-color: #e2e2e2;
    color: #009ba0;
    text-transform: uppercase;
}

.box-content-tab .box-row .box-review .box-btn.fav a:hover {
    background-color: #666666;
}

.box-content-tab .box-row .box-review .box-btn.fav a:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 10px;
    background: url(../images/icon-star.svg) no-repeat center center;
}

.box-like-com .box-icon {
    text-transform: capitalize;
    display: table;
}

.box-like-com .box-icon>a {
    display: inline-block;
    color: #666;
    margin-right: 10px;
    cursor: text;
}

.box-like-com .box-icon>a.num-like-action {
    cursor: pointer;
}

.box-like-com .box-icon>a.num-comment-action {
    cursor: pointer;
}

.box-like-com .box-icon>a.delete-action {
    cursor: pointer;
}

.box-like-com .box-icon p.num-like:before {
    content: '';
    display: inline-block;
    vertical-align: sub;
    width: 15px;
    height: 15px;
    background: url(../images/icon-heart3.svg) no-repeat center center;
    background-size: 15px auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 5px;
}
.box-like-com .box-icon p.num-like:after {
    content: ' ชื่นชอบ';
}
.box-like-com.en .box-icon p.num-like:after {
    content: ' likes';
}
.box-content-tab .box-like-com .box-icon p.num-like:after {
    display: none;
}

.box-like-com .box-icon a.num-like-action p.num-like:hover:before,
.box-like-com .box-icon p.num-like.active:before {
    background: url(../images/icon-heart3-act.svg) no-repeat center center;
    background-size: 15px auto;
}

.box-like-com .box-icon p.num-comment:before {
    content: '';
    display: inline-block;
    vertical-align: sub;
    width: 15px;
    height: 15px;
    background: url(../images/icon-comment.svg) no-repeat center center;
    background-size: 15px auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 5px;
}

.box-like-com .box-icon a.num-comment-action p.num-comment:hover:before,
.box-like-com .box-icon p.num-comment.active:before {
    background: url(../images/icon-comment-act.svg) no-repeat center center;
    background-size: 15px auto;
}

.box-like-com .box-icon p.delete:before {
    content: '';
    display: inline-block;
    vertical-align: sub;
    width: 15px;
    height: 17px;
    background: url(../images/icon-bin.svg) no-repeat center center;
    background-size: auto 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 5px;
}

.box-like-com .box-icon a.delete-action p.delete:hover:before,
.box-like-com .box-icon p.delete.active:before {
    background: url(../images/icon-bin-act.svg) no-repeat center center;
    background-size: auto 15px;
}

.box-like-com .box-icon p.edit:before {
    content: '';
    display: inline-block;
    vertical-align: sub;
    width: 24px;
    height: 18px;
    background: url(../images/icon-edit.svg) no-repeat center center;
    background-size: auto 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 5px;
}

.box-like-com .box-icon p.edit:hover:before,
.box-like-com .box-icon p.edit.active:before {
    background: url(../images/icon-edit-act.svg) no-repeat center center;
    background-size: auto 14px;
}

.form-comment {
    margin-top: 10px;
    border-top: 1px dashed #cbcbcb;
    border-bottom: 1px dashed #cbcbcb;
    padding: 20px;
}

.box-content-tab .box-btn.comment {
    display: table;
    margin: 20px auto 0;
    text-transform: uppercase;
}

.box-content-tab .box-btn.comment a {
    display: inline;
    margin: 0 10px;
}

.box-content-tab .box-btn a:after {
    position: relative;
    top: 1px;
}

.box-content-tab .box-btn a.photo:after {
    content: '';
    display: inline-block;
    width: 23px;
    height: 13px;
    margin-left: 7px;
    background: url(../images/icon-photo.svg) no-repeat center center;
    background-size: auto 100%;
}

.box-content-tab .box-btn a.comment:after {
    content: '';
    display: inline-block;
    width: 23px;
    height: 13px;
    margin-left: 7px;
    background: url(../images/icon-write.svg) no-repeat center center;
    background-size: auto 100%;
}


/*
.row-comment{
	border-bottom: 1px dashed #cbcbcb;
	padding: 20px;
}
*/

.re-comment {
    margin-top: 20px;
    display: none;
}

.row-comment {
    border-top: 1px dashed #cbcbcb;
    padding: 20px;
    background: #F9F9F9;
}

.re-comment .row-comment:last-child {
    border-bottom: 1px dashed #cbcbcb;
}

.re-comment .box-display {
    display: table;
    width: 100%;
}

.re-comment .box-display>div {
    float: left;
}

.box-content-tab .re-comment .box-display .display {
    width: 40px;
    height: 40px;
    margin: 0 10px 10px 0;
    float: left;
}

.box-content-tab .re-comment .box-display .name {
    width: 70%;
    text-align: left;
    display: table;
    min-height: 40px;
    float: left;
}

.box-content-tab .re-comment .box-display .name p {
    display: table-cell;
    vertical-align: middle;
}

.Ctab2 .box-photo {
    width: 100%;
    padding: 0px 20px;
    display: table;
}

.Ctab2 .box-photo a,
.Ctab2 .box-photo div.GalleryBlock {
    float: left;
    margin: 5px;
}

.Ctab2 .box-photo a img {
    max-height: 90px;
    min-height: 90px;
    width: auto;
}

.Ctab2 .box-photo div.GalleryBlock a {
    margin: 0;
    float: none;
}

.Ctab3 .name ,
.Ctab4 .name ,
.Ctab10 .name {
    color: #333;
    margin-bottom: 10px;
}

.Ctab3 .box-row .box-review ,
.Ctab4 .box-row .box-review ,
.Ctab10 .box-row .box-review {
    min-height: 110px;
    display: table;
}
.Ctab10 .box-row .box-review {
    padding-right: 255px;
}
.Ctab10 .box-row .box-review i.Like {
    right: -47%;
    top: 0px;
    width: 255px;
    position: absolute;
    font-size: 1em;
}
/*
.Ctab10 .box-row .box-review i.Like {
    width: 255px;
    font-size: 1em;
    right: 5px;
    margin-top: 10px;
    margin-bottom: -8px;
}
*/

.Ctab10 .box-row .box-review i.Like::before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/icon-heart3-act.svg) no-repeat center center;
    float: left;
    margin-right: 5px;
}

.Ctab3 .box-row .box-review>div ,
.Ctab4 .box-row .box-review>div ,
.Ctab10 .box-row .box-review>div {
    display: table-cell;
    vertical-align: middle;
}

.Ctab3 .box-like-com ,
.Ctab4 .box-like-com ,
.Ctab10 .box-like-com {
    display: table;
}

.Ctab3 .box-row .box-review .time-stamp ,
.Ctab4 .box-row .box-review .time-stamp ,
.Ctab10 .box-row .box-review .time-stamp {
    float: left;
    /* 				border-right: 1px  solid #CBCBCB; */
    padding-right: 8px;
    font-size: 0.89em;
}

.Ctab3 .box-row .box-review .time-stamp {
    border: none;
}

.Ctab3 .box-row .box-review .time-stamp:before ,
.Ctab4 .box-row .box-review .time-stamp:before ,
.Ctab10 .box-row .box-review .time-stamp:before {
    width: 14px;
    height: 14px;
    background-size: 100% auto;
    top: 1px;
}

.Ctab3 .box-icon ,
.Ctab4 .box-icon ,
.Ctab10 .box-icon {
    float: left;
    padding-left: 8px;
}

.Ctab3 .box-icon {
    border: none;
    border-left: 1px solid #CBCBCB;
}

.Ctab3 .box-row .box-review .check_in_text ,
.Ctab4 .box-row .box-review .check_in_text ,
.Ctab10 .box-row .box-review .check_in_text {
    margin-bottom: 10px;
}

.CtabNear {
    
}

.CtabNear .name {
    font-size: 0.94em;
}

.CtabNear .box-display span {
    margin: auto;
    display: table;
    font-size: 0.94em;
    text-align: center;
}

.CtabNear .box-display span::before {
    content: "";
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    margin-top: 7px;
    border-radius: 50px;
}

.CtabNear .box-display span::after {
    content: "";
}

.CtabNear .box-display span.Status1::before {
    background-color: #FFEB3B;
}

/*
.CtabNear .box-display span.Status1::after {
    content: "รออนุมัติ";
}
*/

.CtabNear .box-display span.Status2::before {
    background-color: #4CAF50;
}

/*
.CtabNear .box-display span.Status2::after {
    content: "อนุมัติแล้ว";
}
*/

.CtabNear .box-display span.Status3::before {
    background-color: #0674cc;
}

/*
.CtabNear .box-display span.Status3::after {
    content: "ข้อมูลมีอยู่แล้วในระบบ";
}
*/

.CtabNear .box-display span.Status4::before {
    background-color: #F44336;
}

/*
.CtabNear .box-display span.Status4::after {
    content: "ไม่อนุมัติ";
}
*/

.box-content-tab .CtabNear .box-row .box-review {
    min-height: 135px;
}

.CtabNear .box-row .box-review .line {
    width: 100%;
    display: table;
}

.CtabNear .box-review .name .line>div {
    float: left;
    width: calc(100% - 150px);
}

.CtabNear .box-review .name .line>div.hed {
    width: 150px;
    color: #000;
    text-transform: capitalize;
}

.CtabNear .box-review .name .line>div.hed::after {
    content: ":";
    float: right;
    padding: 0px 15px;
}


/* --------------------------------------------------- Part Float Action--------------------------------------------------- */

.part-float-action {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 100;
    background-color: #333333;
    /* 	display: none; */
}

.part-float-action .box-float-action {
    padding: 5px 0;
    display: table;
    margin: 0 auto;
}

.box-float-action a {
    float: left;
    margin: 0 50px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.box-float-action a:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.box-float-action a img {
    height: 42px;
}

.webboard-main .webboard .row {
    border-bottom: 1px solid #cbcbcb;
}

.time-stamp time {
    display: inline-block;
}

a.fav_name {
    display: inline-block;
    margin-right: 30px;
}

.del_fav {
    cursor: pointer;
    display: none;
}

.part-history .del_fav {
    display: block;
}


/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* --------------------------------------------------- Part Content Detail Main Left --------------------------------------------------- */
    .part-contentdetail-main .content-left {
        padding-right: 10px;
        padding-top: 10px;
    }
    .content-left {
        width: 460px;
    }
    .content-right {
        top: 0px;
    }
    .box-title-museum .box-title-main {
        width: 100%;
    }
    .box-title-museum .box-view-main {
        width: 100%;
    }
    .part-contentdetail-main .content-left>div {
        width: 100%;
    }
    .part-slide-pic-main .slide-main {
        width: 100%;
    }
    .part-slide-pic-main .slide-main .slide-item img {
        width: 100%;
        height: auto;
    }
    .part-contentdetail-main .content-left h2 {
        padding: 0px 20px;
    }
    .part-contentdetail-main .content-left .box-text {
        padding: 0px 20px;
    }
    /* --------------------------------------------------- Part Relate Museum --------------------------------------------------- */
    .box-relatemuseum .slide-relate {
        width: 700px;
        margin: 0 auto;
    }
    .box-relatemuseum .box-arrow.big .btn-arrow.left {
        left: 0px;
    }
    .box-relatemuseum .box-arrow.big .btn-arrow.right {
        right: 0px;
    }
    /* --------------------------------------------------- Part Add Action --------------------------------------------------- */
    .box-add-action .box-btn.comment {
        width: auto;
    }
    .box-add-action .boxA3 .share-social {
        width: 80%;
    }
    /* --------------------------------------------------- Part Comment --------------------------------------------------- */
    .box-btn-action {
        margin-bottom: 20px;
    }
    .box-btn-action .box-btn {
        display: table;
        margin: 0 auto;
        width: 320px;
    }
    .box-btn-action .box-btn a {
        margin: 5px;
    }
    .part-comment-main .part-tab {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    body.topic .box-btn-action .box-btn {
        width: 215px;
    }
	.part-comment-main h2 {
	    position: relative !important;
	}
    .part-comment-main .part-tab .wrap {
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    .part-comment-main .part-tab:after {
        content: '';
        display: block;
        width: 40px;
        height: 27px;
        position: absolute;
        top: 0px;
        right: 0px;
        background: url(../images/icon-hand.svg) #fff center right no-repeat;
        -webkit-box-shadow: -20px 0px 20px #FFFFFF;
        -moz-box-shadow: -20px 0px 20px #FFFFFF;
        box-shadow: -20px 0px 20px #FFFFFF;
    }
    .part-comment-main .part-tab .box-tab {
        width: 555px;
    }
    .part-comment-main .part-tab .box-tab a {
        margin: 0 12px;
    }
    .part-comment-main .part-tab .box-tab a:before {
        right: -16px;
    }
    .box-content-tab .box-row .box-display {
        width: 100%;
        min-height: 50px;
        display: table;
        float: none;
        margin-bottom: 10px;
    }
    .box-content-tab .box-row .box-display .display {
        float: left;
        margin: 0 20px;
        width: 50px;
        height: 50px;
    }
    .box-content-tab .box-row .box-display .name {
        width: 70%;
        min-height: 50px;
        float: left;
        margin: 0;
        display: table;
        text-align: left;
    }
    .box-content-tab .box-row .box-display .name p {
        display: table-cell;
        vertical-align: middle;
    }
    .box-content-tab .box-row .box-review {
        width: 100%;
        border-left: none;
        padding-right: 20px;
    }
    .box-content-tab .re-comment .box-display {
        min-height: 30px;
    }
    .box-content-tab .re-comment .box-display .display {
        width: 30px;
        height: 30px;
        margin: 0 10px 0 0;
    }
    .box-content-tab .re-comment .box-display .name {
        min-height: 30px;
    }
    .Ctab3 .box-row .box-display ,
    .Ctab4 .box-row .box-display ,
    .Ctab10 .box-row .box-display {
        width: 100px;
        float: left;
        margin: 0px;
    }
    .Ctab3 .box-row .box-review ,
    .Ctab4 .box-row .box-review ,
    .Ctab10 .box-row .box-review {
        width: 85%;
        float: right;
        min-height: 56px;
        padding: 0px;
        padding-left: 20px;
        border-left: 1px dashed #cbcbcb;
    }
    .Ctab10 .box-row .box-review {
	    padding-right: 200px !important;
	}
    .Ctab10 .box-row .box-review i.Like {
	    width: 200px;
	}
    .box-tumbD .box-pic .box-View {
        font-size: 0.94em;
    }
    
}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */

@media only screen and (max-width: 767px) {
    /* --------------------------------------------------- Part Back --------------------------------------------------- */
    .part-back {
        margin: 0;
        border: none;
        padding: 20px;
    }
    /* --------------------------------------------------- Fillter --------------------------------------------------- */
    .box-filter {
        float: none;
        width: 95%;
        margin: 0 auto;
    }
    .box-filter p {
        display: block;
        text-align: center;
        border: none;
    }
    .box-filter .box-input-text {
        width: 100% !important;
    }
    /* --------------------------------------------------- Part Search Main  --------------------------------------------------- */
    /*
	.box-search-main .search-top{
		padding-bottom: 0px;
	}
	*/
    .box-input-text {
        width: 95%;
        float: none;
        margin: 0px auto 10px;
    }
    .search-bottom .box-input-text {
        width: 100%;
        margin: 0;
        padding: 0 2.5%;
    }
    .box-btn-search {
        width: 95%;
	    margin: auto;
	    margin-top: 10px;
	    float: none;
    }
    .box-search-main .search-top {
	    padding-bottom: 0;
	}
    .box-btn-search a {
        width: 100%;
        background-size: auto 50%;
    }
    .box-btn-search a.active,
    .box-btn-search a:hover {
        background-size: auto 60%;
    }
    /* --------------------------------------------------- Design Tumb Color --------------------------------------------------- */
    .box-tumbC {
        width: 100% !important;
/* 	    padding: 10px !important; */
    }
    .box-relatemuseum .slide3itemC {
	    padding: 0px 7px;
    }
    .part-slideC .box-tumbC {
	    padding: 10px;
    }
    .slide1item .box-item .box-pic {
        height: auto;
    }
    .slide1item .box-item .box-pic img {
        max-height: inherit;
    }
    .box-tumbC .box-pic img {
        max-height: inherit;
    }
    /* --------------------------------------------------- Part Content Detail Main --------------------------------------------------- */
    .content-left,
    .content-right {
        width: 100%;
    }
    .part-contentdetail-main .content-left>div.part-slide-pic-main {
        margin: 0 auto;
    }
    .part-slide-pic-main {
        width: 100%;
    }
    .part-slide-pic-main .slide-main {
        width: 100%;
    }
    .part-slide-pic-main .slide-main .slide-item img {
        width: 100%;
        height: auto;
    }
    /* --------------------------------------------------- Part Relate Museum --------------------------------------------------- */
    .part-relatemuseum-main {
        padding: 0;
    }
    .box-relatemuseum p {
        margin-bottom: 10px;
    }
    .box-relatemuseum .box-arrow {
        padding: 0px 7px;
        margin: 10px auto;
    }
    /* --------------------------------------------------- Part Relate evidence --------------------------------------------------- */
    .box-relateevidence .box-arrow {
        padding: 0px 7px;
    }
    
    /* --------------------------------------------------- IG --------------------------------------------------- */
    .box-pic-ig .item {
        width: 33.333%;
        height: auto;
        float: left;
    }
    /* --------------------------------------------------- Part Add Action --------------------------------------------------- */
    .box-add-action .box-btn.comment {
        width: auto !important;
    }
    .box-add-action .boxA3 .share-social {
        width: 100%;
    }
    .box-add-action .boxA3 .share-social a {
        line-height: 25px;
        font-size: 0.1em;
        text-align: center;
        width: 50%;
        float: left;
    }
    .box-content-tab .box-row .box-review {
        min-height: inherit;
    }
    /* --------------------------------------------------- Part Comment --------------------------------------------------- */
    .part-comment-main {
        min-height: inherit;
    }
    .part-comment-main h2 {
	    position: relative !important;
        font-size: 1.13em !important;
        padding: 0px 10px;
	}
    .box-btn-action {
        margin-bottom: 20px;
    }
    .box-btn-action .box-btn {
        display: table;
        margin: 0 auto;
        width: 304px;
    }
    .box-btn-action .box-btn a {
        width: 142px;
        margin: 5px;
    }
    .box-btn-action .box-btn.comment a {
        width: auto !important;
    }
    body.topic .box-btn-action .box-btn {
        width: 215px;
    }
    .part-comment-main .part-tab {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .part-comment-main .part-tab .wrap {
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    .part-comment-main .part-tab:after {
        content: '';
        display: block;
        width: 40px;
        height: 27px;
        position: absolute;
        top: 0px;
        right: 0px;
        background: url(../images/icon-hand.svg) #fff center right no-repeat;
        -webkit-box-shadow: -20px 0px 20px #FFFFFF;
        -moz-box-shadow: -20px 0px 20px #FFFFFF;
        box-shadow: -20px 0px 20px #FFFFFF;
    }
    .part-comment-main .part-tab .box-tab {
        width: 555px;
    }
    .part-comment-main .part-tab .box-tab a {
        margin: 0px 12px;
    }
    .part-comment-main .part-tab .box-tab a:before {
        right: -16px;
    }
    .box-content-tab .box-row {
        padding: 10px 0px 20px;
    }
    .box-content-tab .box-row .box-display {
        width: 100%;
        min-height: 50px;
        display: table;
        float: none;
        margin-bottom: 10px;
    }
    .box-content-tab .box-row .box-display .display {
        float: left;
        margin: 0 20px;
        width: 50px;
        height: 50px;
    }
    .box-content-tab .box-row .box-display .name {
        width: 68%;
        min-height: 50px;
        float: left;
        margin: 0;
        display: table;
        text-align: left;
    }
    .box-content-tab .box-row .box-display .name p {
        display: table-cell;
        vertical-align: middle;
    }
    .box-like-com .box-icon>a {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 10px;
    }
    .box-content-tab .box-row .box-review {
        float: none;
        width: 100%;
        border-left: none;
        padding-right: 20px;
        display: block;
        min-height: inherit;
    }
    .form-comment {
        padding: 10px;
    }
    .box-content-tab .box-btn.comment {
        margin-top: 0px;
    }
    .box-content-tab .box-btn.comment a {
        display: inline-block;
        margin: 10px;
    }
    .row-comment {
        padding: 10px;
    }
    .box-content-tab .re-comment .box-display {
        min-height: 30px;
    }
    .box-content-tab .re-comment .box-display .display {
        width: 30px;
        height: 30px;
        margin: 0 10px 0 0;
    }
    .box-content-tab .re-comment .box-display .name {
        min-height: 30px;
    }
    .Ctab3 .box-row .box-display ,
    .Ctab4 .box-row .box-display ,
    .Ctab10 .box-row .box-display {
        width: 20%;
        float: left;
        margin: 0px;
    }
    .Ctab3 .box-row .box-review ,
    .Ctab4 .box-row .box-review ,
    .Ctab10 .box-row .box-review {
        width: 75%;
        float: right;
        min-height: 56px;
        padding: 0px;
    }
    .Ctab3 .box-row .box-display .display ,
    .Ctab4 .box-row .box-display .display ,
    .Ctab10 .box-row .box-display .display {
        margin: 0;
    }
    .Ctab10 .box-row .box-review i.Like {
	    right: 5px;
	    position: inherit;
        margin-bottom: -8px;
	}
    .box-like-com .box-icon p:before {
        background-position: left center !important;
        width: 20px !important;
    }
    .Ctab3 .box-row {
        padding: 10px 20px 20px;
    }
    .Ctab4 .box-row {
        padding: 10px 20px 20px;
    }
    .Ctab10 .box-row {
        padding: 10px 20px 20px;
    }
    /* --------------------------------------------------- Part Float Action--------------------------------------------------- */
	.part-float-action .box-float-action {
	    display: block;
	}
    .box-float-action a {
        margin: auto;
	    display: block;
	    width: 25%;
    }
    body.topic .box-float-action a {
        float: none;
    }
    .box-float-action a img {
	    margin: auto;
	}
    #adminPanel {
        display: none;
    }
    .menu-close {
        display: none;
    }
    .box-relateevidence .box-pic {
        width: 100%;
    }
    .CtabNear .box-display span {
	    float: left;
	    margin-top: 17px;
	}
    .box-tumbD .box-pic .box-View {
        font-size: 0.94em;
    }
    
}

.box-text img {
    max-width: 100%;
    height: auto;
}