html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-size: 16px;
  line-height: 1;
  background: #fff;
  overflow-x: hidden;
  color: #565656;
  font-family: 'open_sansregular';
}

a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}

a:focus {
  outline: none;
}

a:hover {
  text-decoration: none;
}

.list-unstyled {
  list-style: none;
}

.list-inline {
  list-style: none;
}

.list-inline > li {
  float: left;
  padding: 0;
}

.list-inline-b > li {
  display: inline-block;
  padding: 0;
}

.text-center { text-align: center; }

.btn {
  width: 100%;
  display: inline-block;
  height: 50px;
  padding: 17px 20px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  color: #FFF;
  border-radius: 0; 
  background-color: #2c3341;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition:all .5s;transition:all .5s;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn:hover {
  text-decoration: none;
  opacity:0.7;
  color:#FFF;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  background-color: #f9d16c;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.tbl { width: 100%; height: 100%; display: table; }
.tbl .cell { display: table-cell; vertical-align: middle; }

p { margin: 0; }

.nav {
	margin: 0;
	padding: 0;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after {
  clear: both;
}
.bold { font-family: 'open_sansbold'; }

.form-group{ line-height: 25px; margin-bottom: 30px; position: relative; }
.form-group label { font-weight: normal; color: #2c3341; margin-bottom: 20px; font-size: 18px; letter-spacing: 1px; }

h1 { font-family: 'open_sansbold'; font-size: 30px; line-height: 1.2; letter-spacing: 1px; margin-bottom: 20px; text-align: center; color: #565656; }
h2 { font-family: 'open_sansbold'; font-size: 25px; line-height: 1.2; letter-spacing: 1px; margin-bottom: 20px; text-align: center; color: #565656; }

.form-control { font-family: 'open_sansregular'; border-radius: 0; display: block; width: 100%; height: 50px; padding: 7px 20px; font-size: 18px; line-height: 2; background-color: white; background-image: none; border: 0; position: relative; color: #757575; }
.form-control:focus { outline: 0; border-color: white; }
.form-control.error { border-color: #d10059; background: #fff6f6; }
.form-error { font-family: 'open_sansregular'; margin-top: 10px; color: #d10059; line-height: 1.5; }
textarea.form-control { height: 145px; resize: none; line-height: 1.8; }
.form-control::-moz-placeholder { color: #a3a3a3; }
.form-control:-ms-input-placeholder { color: #a3a3a3; }
.form-control::-webkit-input-placeholder { color: #a3a3a3; }

/* HEADER */
#header { background: white; z-index: 99; }
#header .center-hdr { height: 120px; margin: auto 0; }
#header .img-logo { background: url('../images/uploads/logo2.png') no-repeat 0 0; width: 151px; height: 67px; }
#header .menu-show { cursor: pointer; }
#header .menu-toggle { width: 24px; height: 20px; margin: 0 auto 5px auto; background: url('../images/icons/new-toggle.png') no-repeat 0 0; }
#header .menu-login { width: 17px; height: 20px; margin: 0 auto 5px auto; background: url('../images/icons/new-login.png') no-repeat 0 0; }
#header .menu-logout { width: 17px; height: 20px; margin: 0 auto 5px auto; background: url('../images/icons/new-logout.png') no-repeat 0 0; }
#header .txt-toggle { font-family: 'open_sansbold'; text-align: center; font-size: 7px; color: #2c3341; }
#header .in-menu { background: #17a9aa; padding: 30px; position: absolute; width: 150px; height: 355px; z-index: 99; right: -110px; top: 90px; }
#header .in-menu ul.list-menu { margin: 0; padding: 0; }
#header .in-menu ul.list-menu li { list-style: none; }
#header .in-menu ul.list-menu li a { color: white; font-size: 14px; margin-bottom: 20px; }
#header .btn-sign { width: 130px; height: 50px; padding: 17px 10px 17px 55px; font-size: 14px; line-height: 1; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; background-image: none; color: #2c3341; border-radius: 7px; background-color: #f7bd2d; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition:all .5s; transition:all .5s; position: relative; }
#header .btn-sign:hover { background-color: #f9d16c; }
#header .btn-sign:before { content: ''; display: block; width: 11px; height: 13px; background: url('../images/icons/login.png') no-repeat 0 0; position: absolute; left: 30px; }
.mr10 { margin-right: 10px; }

#header .btn-sign.hdr-account { padding: 17px 10px 17px 40px; }
#header .btn-sign.hdr-account:before { left: 20px; }
.mr10 { margin-right: 10px; }

body.offcanvas-menu-open { min-height: 100%; position: relative; }
body.offcanvas-menu-open #p-page { position: fixed; right: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; }
#offcanvas-menu { position: fixed; top: 0; right: 0; z-index: 200; height: 100%; background: #f1b82d; visibility: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); overflow-y: auto; padding: 30px 25px; }
#offcanvas-menu .list { position: relative; line-height: 1.2; letter-spacing: 1px; font-size: 15px; color: white; }
#offcanvas-menu .list.ftr { font-size: 12px; }
#offcanvas-menu .list a { color: white; margin-bottom: 20px; display: block; }
#offcanvas-menu .list a:hover { color: #735d41; }
#offcanvas-menu .list.offdropdown:before {  content: ''; display: block; width: 67px; height: 2px; background: url('../images/menu.png') no-repeat 0 0; position: absolute; top: 0; left: 0; }
#offcanvas-menu .pad-menu { padding-left: 17px; padding-right: 10px; }
.offcanvas-menu-open #offcanvas-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#p-page { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }

.btn.btn-home { height: 40px; font-size: 14px; padding: 11px 15px; }

@media (min-width: 991px) {
	.offcanvas-menu-open #offcanvas-menu { visibility: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
	.offcanvas-menu-open #p-page { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@media (max-width: 991px) {
	#offcanvas-menu { width: 60%; }
	.offcanvas-menu-open #p-page { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-60%,0,0); transform: translate3d(-60%,0,0); }
}

@media (max-width: 767px) {
	#offcanvas-menu .pad-menu { margin-top: 30px; }
	#offcanvas-menu { width: 80%; }
	.offcanvas-menu-open #p-page { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-80%,0,0); transform: translate3d(-80%,0,0); }
}

.bdr-white { border-bottom: 1px solid white; margin-bottom: 20px; }

/* END HEADER */

/* MENU */
ul.main-menu { text-align: center; padding: 0; margin: 0; }
ul.main-menu li { display: inline-block; margin-right: 50px; }
ul.main-menu li:last-child { margin-right: 0px; }
ul.main-menu li a { font-size: 16px; color: #2c3341; }
ul.main-menu li a:hover { color: #959591; }
ul.main-menu li a.active { font-family: 'open_sansbold'; color: #f7bd2d; }
/* END MENU */

/* BG HOME */
.bg-home { position: relative; }
.img-slider { height: 780px; background-size: cover !important; background:url('../images/uploads/banner.jpg') no-repeat center bottom; width:100%; }
.title-slider .title { font-size: 58px; color: #ffffff; line-height: 45px; margin-bottom: 25px; }
.title-slider .text { line-height: 40px; font-size: 35px; color: #ffffff; }
.title-slider { height: 780px; margin: auto; position: absolute; top: 0; }
.yellow { color: #f7bd2d; }

@media (max-width: 1199px) {
	.title-slider .title { font-size: 47px; line-height: 40px; }
	.title-slider .text { font-size: 35px; line-height: 30px; }
}

@media (max-width: 991px) {
	.img-slider { height: 355px; }
	.title-slider { height: 355px; }
	.title-slider .title { font-size: 30px; line-height: 28px; margin-bottom: 20px; }
	.title-slider .text { font-size: 25px; line-height: 28px; }
}

@media (max-width: 767px) {
	.img-slider { height: 235px; background:url('../images/uploads/banner2.jpg') no-repeat center bottom; }
	.title-slider { height: 235px; }
	.title-slider .title { font-size: 20px; line-height: 26px; margin-bottom: 5px; }
	.title-slider .text { font-size: 13px; line-height: 18px; }
}

/* END BG HOME */


/* BG CONTENT */
.bg-content { background-color: #f7bd2d; padding:50px 0; text-align:center; line-height:40px; }
.title-content { color:#FFF; font-size:30px; }
.yellowTitle { color: #fff; font-weight:bold; }

@media (max-width: 767px) {
	.bg-content { padding:20px 0;  }
	.title-content { font-size:18px; }
}
/* END BG CONTENT */

/* BG SEARCH */
.bg-search { background: #f7bd2d; width: 100%; padding: 50px 0; }
.bg-search .title { font-family: 'open_sansbold'; font-size: 24px; color: #2c3341; line-height: 1.2; }
.bg-search .s-50 { height: 50px; margin: auto 0; }
/* END BG SEARCH */

/* BG FAVORITE */
.bg-favorite { background: #ffffff; padding: 80px 0; }
.bg-favorite .title { font-family: 'open_sansbold'; font-size: 24px; color: #2c3341; line-height: 1.2; text-align: center; margin-bottom: 50px; }
.item-favorite { margin-bottom: 30px; }

@media (min-width: 768px) and (max-width: 991px) {
	.item-favorite:nth-child(2n+1) { clear: left; }
}

@media (min-width: 992px) {
	.item-favorite:nth-child(2n+1) { clear: left; }
}
/* END BG-FAVORITE*/

/* BG RELEASE */
.bg-release { background: #ffffff; padding: 80px 0; }
/* .bg-release .img-release img { width: 100%; } */
.bg-release .img-release img { width: 555px; height: 430px; border: 1px solid #cecece; }
.bg-release .t-release { color: #2c3341; font-size: 24px; line-height: 1.2; font-family: 'open_sansbold'; margin-bottom: 50px; }
.bg-release .date { font-size: 18px; color: #2c3341; line-height: 1.2; margin-bottom: 20px; }
.bg-release .title { font-family: 'open_sansbold'; font-size: 26px; color: #2c3341; line-height: 36px; margin-bottom: 20px; }
.bg-release p { font-size: 16px; color: #2c3341; line-height: 26px; margin-bottom: 30px; }
.item-release { margin-bottom: 60px; }
.icon-testi { margin: 20px auto; background: url('../images/icons/testi.png') 0 0 no-repeat; width: 19px; height: 19px; }
/* END BG-RELEASE*/

/* BG TESTI */
.bg-testi { background: #E0E0E0; padding: 80px 0; }
.bg-testi .box-testi { background: white; padding: 30px; text-align: center; }
.bg-testi .box-testi .img-testi { margin-bottom: 30px; }
.bg-testi .box-testi .img-testi img { margin: 0 auto; border-radius: 50%; }
.bg-testi .t-testi { color: #2c3341; font-size: 24px; line-height: 1.2; text-align: center; font-family: 'open_sansbold'; margin-bottom: 50px; }
.bg-testi .box-testi .text { font-size: 16px; color: #cd9200; line-height: 1.2; font-family: 'open_sansbold'; }
.bg-testi .box-testi .name { font-family: 'open_sansbold'; font-size: 18px; color: #2c3341; line-height: 1.2; margin-bottom: 10px; }
.bg-testi .box-testi p { font-size: 14px; color: #2c3341; line-height: 21px; margin-bottom: 0; height: 130px; overflow: hidden; }
.item-testi { margin-bottom: 60px; }

#home-banner.owl-theme .owl-controls .owl-page span { width: 15px; height: 15px; border-radius: 0; background: #2c3341; }
#home-banner.owl-theme .owl-controls { margin-top: 25px; }
/* END BG-TESTI*/

/* FOOTER */
#footer .footer-top { width: 100%; background: #f7bd2d; padding: 30px 0; }
#footer .footer-top ul.list-footer { text-align: center; margin: 0; padding: 0; }
#footer .footer-top ul.list-footer li { margin-right: 40px; display: inline-block; }
#footer .footer-top ul.list-footer li:last-child { margin-right: 0; }
#footer .footer-top ul.list-footer li a { font-size: 14px; color :#2c3341; line-height: 1,2; }
#footer .footer-top ul.list-footer li a:hover { color :#ac8838; }
#toTop { cursor: pointer; position: absolute; width: 57px; height: 57px; background: url('../images/icons/backtop.png') no-repeat 0 0; top: -28.5px; right: 30px; }
#toTop:hover { opacity: 0.7; }
#footer .footer-bottom { position: relative; text-align: center; width: 100%; background: #2c3341; padding: 30px 0; }
#footer .footer-bottom p { color: white; font-size: 14px; line-height: 21px; }
#footer .footer-bottom p a:hover { color: #bebebe; }
/* END FOOTER */

/* ABOUT */
.in-web .bg-black { text-align: center; background: #2c3341; padding: 40px 0; }
.in-web .bg-black .icon-about { margin-bottom: 15px; }
.in-web .bg-black .icon-about img { margin: 0 auto; }
.in-web .bg-black .title { font-size: 20px; color: white; line-height: 1.2; margin-bottom: 5px; font-family: 'open_sansbold'; }
.in-web .bg-black .text { font-size: 14px; color: white; line-height: 1.2; }
.in-web .bg-black .text-search { font-size: 14px; line-height: 1.2; margin-top: 15px; color: white; }
.empty { min-height: 600px; }
/* END ABOUT */

.img-full img { width: 100%; }
.pos-rel { position: relative; }
#content.no-top { margin-top: 0; }
.btn200 { width: 200px; }
.mt50 { margin-top: 50px; }
.content { padding: 80px 0; }
.content img { margin: 0 auto; }
.content h1 { font-size: 30px; line-height: 1.2; text-align: center; color: #2c3341; margin: 50px 0; font-family: 'open_sansbold'; }
.content p { font-size: 16px; line-height: 28px; color: #2c3341; margin-bottom: 20px; }

/* DETAIL */
.fb_iframe_widget { top: -2px; }
.content .img img { width: 100%; border: 1px solid #cecece; }
ul.list-socmedia { margin: 30px 0; padding: 0; }
ul.list-socmedia.footer { margin: 0 0 20px; }
ul.list-socmedia li { margin-right: 15px; display: inline-block; }
ul.list-socmedia li:last-child { margin-right: 0; }
.img-fb { background: url('../images/icons/fb.png') no-repeat; width: 37px; height: 37px; }
.img-fb:hover { opacity: 0.8; }
.img-tw { background: url('../images/icons/tw.png') no-repeat; width: 37px; height: 37px; }
.img-tw:hover { opacity: 0.8; }
.img-gg { background: url('../images/icons/gg.png') no-repeat; width: 37px; height: 37px; }
.img-gg:hover { opacity: 0.8; }
.img-pt { background: url('../images/icons/pt.png') no-repeat; width: 37px; height: 37px; }
.img-pt:hover { opacity: 0.8; }
.d-date { font-size: 16px; color: #2c3341; line-height: 1.2; }
.w200 { width: 200px; }
.img-profile2 { position: relative; padding-left: 25px; }
.img-profile2:after { content: ''; left: 0; position: absolute; top: 50%; margin-top: -6.5px; background: url('../images/icons/profile2.png') 0 0 no-repeat; width: 14px; height: 13px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.in-text h1 { font-size: 30px; line-height: 21px; margin: 20px 0 50px 0; letter-spacing: 0; text-align: center; color:none; }
.in-text h2 { font-size: 20px; line-height: 21px; letter-spacing: 0; color:none; } 
.in-text strong { font-size: 20px; color: #2c3341; line-height: 30px; font-family: 'open_sansbold'; }
.in-text ul li { line-height: 24px; }
.articleEdit p { margin-bottom:0 !important; line-height:24px !important;}
.articleEdit iframe { width:50% !important; height: 300px !important;}
img.imgArticle { width:50% !important; height:50% !important; text-align:left !important;}
/* END DETAIL */

/* LOGIN */
.in-login.h500 { min-height: 650px; }
.in-login h1 { font-size: 30px; line-height: 1.2; text-align: center; color: #2c3341; margin: 0 0 30px 0; font-family: 'open_sansbold'; }
.in-login a { color: #757575; font-size: 16px; line-height: 25px; letter-spacing: 0.5px; }
.in-login a:hover { color: #afafaf; }
.pad30 { padding: 0 30px; }
a .btn-submit { color: white !important; }
.btn-submit { background: #2c3341; color: white; font-size: 18px; padding: 15px 20px; width: 175px; }
.btn-submit:hover { background: #909090; color: white; }
.left-regi { float: left; }
.right-regi { float: right; }
.h50 { height: 50px; margin: auto 0; }
a.btn-add { color: white !important; }
.btn-add { background: #2c3341; color: white; font-size: 18px; padding: 15px 20px; width: auto; }
.btn-add:hover { background: #909090; color: white; }
.center50 { height: 50px; margin: auto 0; }
/* END LOGIN*/

/* PROFILE */
.img-info { position: relative; padding-left: 40px; letter-spacing: 1px; margin-bottom: 30px; font-size: 20px; color: #2c3341; font-family: 'open_sansbold'; line-height: 1.2; }
.img-info:after { content: ''; left: 0; position: absolute; top: 50%; margin-top: -10px; background: url('../images/icons/info.png') 0 0 no-repeat; width: 21px; height: 20px; }
.info-name { color: #2c3341; font-size: 16px; line-height: 1.2; font-family: 'open_sansbold'; margin-bottom: 10px; }
.text-name { line-height: 1.2; color: #2c3341; font-size: 14px; }
.text-name.lh23 { line-height: 23px; }
.info20 { margin-bottom: 20px; }
.m-info { margin-bottom: 30px; }
.m-info img { margin: 0; }
.mb50 { margin-bottom: 50px; }
.box-latest a:hover .title { color: #f7bd2d; }
.img-latest { position: relative; padding-left: 40px; letter-spacing: 1px; margin-bottom: 40px; font-size: 20px; color: #2c3341; font-family: 'open_sansbold'; line-height: 1.2; }
.img-latest:after { content: ''; left: 0; position: absolute; top: 50%; margin-top: -11.5px; background: url('../images/icons/latest.png') 0 0 no-repeat; width: 25px; height: 23px; }
.left-latest { float: left; margin-right: 30px; width: 100px; }
.right-latest { float: left; width: 400px; }
.right-latest .date { font-size: 12px; line-height: 1.2; color: #2c3341; margin-bottom: 15px; }
.right-latest .title { font-size: 14px; line-height: 21px; color: #2c3341; font-family: 'open_sansbold'; }
.right-latest p { font-size: 14px; line-height: 21px; color: #2c3341; text-align: left; }
.left-latest .icon-latest img { margin: 0; }
.t-profile { font-family: 'open_sansbold'; margin-bottom: 20px; font-size: 22px; line-height: 1.2; color: #bf8c0b; }
.btn.btn-pop { background: #4b4b4b; color: white; width: 200px; }
.btn.btn-pop:hover { opacity: 0.7; }
.img-picture { margin-bottom: 30px; position: relative; display: inline-block; }
.icon-picture { position: relative; padding-left: 55px; font-size: 18px; color: #ffffff; line-height: 1.2; text-align: center; }
.icon-picture:after { content: ''; left: 19%; position: absolute; top: 50%; margin-top: -13.5px; background: url('../images/icons/pictures.png') 0 0 no-repeat; width: 36px; height: 27px; }
.img-picture a { display: block; }
.img-picture img { max-width: 100%; }
/* input[type="file"] { display: none; } */
.btn-upload { position: absolute; left: 0 !important; border: 0; bottom: 0; background: rgba(201, 151, 30, 0.9); width: 100%; padding: 15px; opacity: 0.9;  }
.btn-upload:hover { opacity: 0.7; }

.btn-prev { width: 200px; height: 50px; padding: 17px 10px 17px 80px; font-size: 14px; line-height: 1; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; background-image: none; color: #2c3341; border-radius: 0; background-color: #bcbcbc; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition:all .5s; transition:all .5s; position: relative; }
.btn-prev:hover { opacity: 0.7; }
.btn-prev:before { content: ''; display: block; width: 20px; height: 20px; background: url('../images/icons/see.png') no-repeat 0 0; position: absolute; left: 50px; top: 50%; margin-top: -10px; }
/* END PROFILE */

/* FANCYBOX */
/* .box-pop { width: 600px; padding: 70px 80px; }
.fancybox-inner { text-align: center; overflow: hidden !important; }
.fancybox-skin { border-radius: 0; background: #e0e0e0; padding: 0 !important; }
.fancybox-close { width: 19px; height: 18px; background: url('../images/icons/close-pop.png') 0 0 no-repeat; top: 15px; right: 15px; }
.fancybox-close:hover { opacity: 0.8; }

.text-pop { font-size: 18px; color: #2c3341; line-height: 24px; }
.img-success { background: url('../images/icons/success.png') 0 0 no-repeat; width: 141px; height: 140px; margin: 0 auto; }
.img-failed { background: url('../images/icons/error.png') 0 0 no-repeat; width: 140px; height: 138px; margin: 0 auto; }
*/
/* END FANCY BOX */

.img-pop { margin: 30px auto; }
.img-delete { background: url('../images/icons/delete.png') 0 0 no-repeat; width: 103px; height: 124px; margin: 0 auto; }
a .btn-sure { color: white !important; }
.btn-sure { background: #dd1c1c; color: white; font-size: 18px; padding: 15px 20px; width: 200px; font-family: 'open_sansbold'; }
.btn-sure:hover { background: #f24545; color: white; }
.btn-cancel { background: #f7bd2d; color: #2c3341; font-size: 18px; padding: 15px 20px; width: 200px; font-family: 'open_sansbold'; }
.btn-cancel:hover { background: #f9d16c; color: #2c3341; }

/* BLOG  */
.item-blog { margin-bottom: 30px; }
.list-blog .box-blog { background: #2c3341; color: white; padding: 30px; }
.list-blog .box-blog .date { font-size: 14px; margin-bottom: 15px; }
.list-blog .box-blog p { color: white; text-align: left; line-height: 21px; overflow: hidden; }
.list-blog .box-blog .left-blog { float: left; font-size: 12px; }
.list-blog .box-blog .left-blog .img-profile { position: relative; padding-left: 25px; }
.list-blog .box-blog .left-blog .img-profile:after { content: ''; left: 0; position: absolute; top: 50%; margin-top: -6.5px; background: url('../images/icons/profile.png') 0 0 no-repeat; width: 14px; height: 13px; }
.list-blog .box-blog .right-blog { float: right; font-size: 12px;  }
.list-blog .box-blog .right-blog .img-comment { position: relative; padding-left: 25px; }
.list-blog .box-blog .right-blog .img-comment:after { content: ''; left: 0; position: absolute; top: 50%; margin-top: -7px; background: url('../images/icons/comment.png') 0 0 no-repeat; width: 16px; height: 14px; }
a.hvr-title:hover p { color: #f7bd2d; }
.list-blog .box-blog .left-blog a:hover { color: #f7bd2d; }
ul.pagination { margin: 70px 0 0 0; padding: 0; }
ul.pagination li { display: inline-block; margin-right: 40px; color: #2c3341; }
ul.pagination li:last-child { margin-right: 0; }
ul.pagination li a { cursor: pointer; background: #2c3341; color: white; font-size: 18px; text-align: center; font-family: 'open_sansbold'; padding: 16px 20px; }
ul.pagination li a.no-pg { cursor: pointer; background: none; color: #2c3341; padding: 0; font-family: 'open_sansregular'; }
ul.pagination li a.no-pg:hover { background: none; color: #909090; }
ul.pagination li a:hover { background: #909090; }
.list-blog .img-blog img { width: 360px; height: 360px; border: 1px solid #cecece; border-bottom: 0; }

.pagination { margin-top: 70px; }
.pagination a { margin-right: 40px; background: #2c3341; color: white; font-size: 18px; text-align: center; font-family: 'open_sansbold'; padding: 16px 20px; }
.pagination a:last-child { margin-right: 0; }
.pagination a:hover { background: #909090; }
.pagination a.no-bg { background: none; color: #2c3341; padding: 0; font-family: 'open_sansregular'; }
.pagination a.no-bg:hover { background: none; color: #909090; }
 
.form-control.w150 { width: 150px; }
 
@media (max-width: 767px) {
	.item-blog:nth-child(1n+1) { clear: left; }
	.list-blog { text-align: center; }
	.list-blog .img-blog img { width: 100%; height: 100%; }
	.list-blog .box-blog { text-align: left; }
	.list-blog .box-blog p { height: auto; }
	.list-blog .box-blog { padding: 20px; }
	ul.pagination { margin: 30px 0 0 0; padding: 0; }
	ul.pagination li { margin-right: 20px; }
	ul.pagination li a { padding: 11px 15px; }
	.pagination { margin-top: 30px; }
	.pagination a { margin-right: 20px; padding: 11px 15px; }
	 .form-control.w150 { width: 105px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.item-blog:nth-child(2n+1) { clear: left; }
}

@media (min-width: 992px) {
	.item-blog:nth-child(3n+1) { clear: left; }
}
/* END BLOG */

/* MEMBER */
.t-member { font-family: 'open_sansbold'; font-size: 30px; margin-bottom: 30px; }
.in-member .form-group label { font-weight: normal; color: #2c3341; margin-bottom: 20px; font-size: 18px; letter-spacing: 1px; font-family: 'open_sanssemibold'; }
.btn-member { background: #dd1c1c; color: white; font-size: 18px; padding: 15px 20px; width: 175px; }
.btn-member:hover { background: #f24545; color: white; }

ul.list-member { margin: 0; padding: 0; }
ul.list-member li { margin-bottom: 20px; list-style: none; }
ul.list-member li:last-child { margin-bottom: 0px; }
ul.list-member li a { font-family: 'open_sanssemibold'; background: #2c3341; color: white; font-size: 16px; width: 100%; padding: 17px 20px; height: 50px; }
ul.list-member li a:hover, ul.list-member li a.active { background: #f7bd2d; color: #2c3341; }

ul.list-member li a:hover .icon-dash:before, ul.list-member li a .icon-dash.active:before { background: url('../images/icons/dash02.png') 0 0 no-repeat; }
ul.list-member li a:hover .icon-password:before, ul.list-member li a .icon-password.active:before { background: url('../images/icons/password02.png') 0 0 no-repeat; }
ul.list-member li a:hover .icon-article:before, ul.list-member li a .icon-article.active:before { background: url('../images/icons/article02.png') 0 0 no-repeat; }
ul.list-member li a:hover .icon-notif:before, ul.list-member li a .icon-article.notif:before { background: url('../images/icons/notif02.png') 0 0 no-repeat; }
ul.list-member li a:hover .icon-logout:before { background: url('../images/icons/logout02.png') 0 0 no-repeat; }

.icon-dash { position: relative; padding-left: 30px; }
.icon-dash:before { position: absolute; top: 50%; margin-top: -10px; left: 0; content: ''; background: url('../images/icons/dash01.png') 0 0 no-repeat; width: 20px; height: 20px; }
.icon-password { position: relative; padding-left: 30px; }
.icon-password:before { position: absolute; top: 50%; margin-top: -10px; left: 0; content: ''; background: url('../images/icons/password01.png') 0 0 no-repeat; width: 20px; height: 20px; }
.icon-article { position: relative; padding-left: 30px; }
.icon-article:before { position: absolute; top: 50%; margin-top: -10px; left: 0; content: ''; background: url('../images/icons/article01.png') 0 0 no-repeat; width: 20px; height: 20px; }
.icon-notif { position: relative; padding-left: 30px; }
.icon-notif:before { position: absolute; top: 50%; margin-top: -10px; left: 0; content: ''; background: url('../images/icons/notif01.png') 0 0 no-repeat; width: 20px; height: 20px; }
.icon-logout { position: relative; padding-left: 30px; }
.icon-logout:before { position: absolute; top: 50%; margin-top: -10px; left: 0; content: ''; background: url('../images/icons/logout01.png') 0 0 no-repeat; width: 20px; height: 20px; }

.btn.btnUploadImage {width:auto !important;}
.item-article { margin-bottom: 30px; }
.box-article { width: 100%; text-align: center; height: 100%; background: #2c3341; }
.box-article a { display: block; }
.center-article { height: 250px; margin: auto 0; }
.icon-story { background: url('../images/icons/story.png') 0 0 no-repeat; width: 43px; height: 65px; margin: 0 auto; }
.icon-parent { background: url('../images/icons/parent.png') 0 0 no-repeat; width: 63px; height: 65px; margin: 0 auto; }
.icon-fact { background: url('../images/icons/fact.png') 0 0 no-repeat; width: 36px; height: 65px; margin: 0 auto; }
.icon-opinion { background: url('../images/icons/opinion.png') 0 0 no-repeat; width: 89px; height: 65px; margin: 0 auto; }
.t-article { font-size: 18px; margin-top: 10px; color: white; font-family: 'open_sansbold'; line-height: 1.2; margin-bottom: 5px; }
.w-article { font-size: 14px; color: white; line-height: 1.2; }
.box-article a:hover .icon-story { background: url('../images/icons/story2.png') 0 0 no-repeat; }
.box-article a:hover .icon-parent { background: url('../images/icons/parent2.png') 0 0 no-repeat; }
.box-article a:hover .icon-fact { background: url('../images/icons/fact2.png') 0 0 no-repeat; }
.box-article a:hover .icon-opinion { background: url('../images/icons/opinion2.png') 0 0 no-repeat; }
.box-article a:hover .w-article, .box-article a:hover .t-article { color: #2c3341; }
.box-article:hover { background: #f7bd2d; }

/* NOTIFIACTION */
.notif35 { margin-bottom: 35px; }
.notif p { text-align: left; margin-bottom: 13px; font-size: 16px; color: #2c3341; line-height: 1.2; font-family: 'open_sanssemibold'; }
.notif a { color: #757575; margin-bottom: 13px; font-size: 18px; }
.notif .time { color: #ac8409; line-height: 1.2; font-size: 16px; }
.notif a:hover { color: #d8a70f; }
.left-notif { float: left; width: 135px; margin-right: 50px; }
.right-notif { float: left; width: 560px; }
.imgSize img { max-width:150px; max-height:150px; }
/* END NOTIFIACTION */

.resp-left { float: right; }
.d-about { margin-bottom: 50px; }
.d-about img { margin: 0 auto; }
.d-title { margin-top: 15px; font-family: 'open_sansbold'; font-size: 18px; line-height: 1.2; color: #2c3341; text-align: center; }

.searchAbsolute { position: relative; background: white; width: 100%; }
.searchBox { padding-top: 9px; outline: 0; padding-left: 30px; padding-right: 70px; width: 100%; background: white; position: relative; z-index: 3; font-size: 14px; color: #2c3341; font-family: 'open_sansitalic'; }
.btn-search { z-index: 4; color: transparent; cursor: pointer; background: #2c3341; padding: 0; position: absolute; top: 0; right: 0; width: 50px; height: 50px; border: none; }
.btn-search .isearch { width: 25px; height: 24px; background: url('../images/icons/search.png') no-repeat 0 0; display: inline-block; position: relative; }
.btn-search .isearch:hover { opacity: 0.8; }
.ml30, .form30 { margin-left: 10px; }

.icon-add { position: relative; padding-left: 40px; }
.icon-add:before { position: absolute; top: 50%; margin-top: -12.5px; left: 0; content: ''; background: url('../images/icons/add01.png') 0 0 no-repeat; width: 24px; height: 25px; }

.data-table { margin-top: 30px; margin-bottom: 40px; }
.data-table .list { width: 100%; display: table; }
.data-table .list.header { font-family: 'open_sanssemibold'; font-size: 18px; color: #ffffff; padding: 11px 25px; width: 100%; line-height: 1.2; background: #2c3341; }
.data-table .list.items { font-size: 14px; color: #2c3341; line-height: 21px; }
.data-table .list > div { line-height: 1.5; display: table-cell; vertical-align: middle; padding-right: 20px; }
.data-table .list > div:last-child { padding-right: 0; }
.data-table .list .in > div:last-child { padding-right: 0; text-align: left; }

.data-table .list .in { width: 100%; display: table; }
.data-table .list .in > div { display: table-cell; vertical-align: middle; padding-right: 20px; }

#order-list.data-table .list.items { padding: 25px; background: white; }
#order-list.data-table .list.items:last-child { border-bottom: 0; }
#order-list.data-table .list.items .kontent { /* height: 65px; display: block; overflow: hidden; */ }

.a-bold { font-family: 'open_sansbold'; }
.img-edit { background: url('../images/icons/edit.png') no-repeat 0 0; width: 17px; height: 25px; margin-right: 15px; }
.img-del { background: url('../images/icons/del.png') no-repeat 0 0; width: 17px; height: 25px; }
.img-edit:hover, .img-del:hover { opacity: 0.7; }

.w80 { width: 60px; }
.w150 { width: 150px; }
.w170 { width: 170px; }
.w270 { width: 280px; }
.mb40 { margin-bottom: 40px; }
.mb10 { margin-bottom: 10px; }

.result .text { font-size: 18px; line-height: 1.2; color: #2c3341; }
.result .box-result { padding: 10px 14px; background: white; font-size: 18px; line-height: 1.2; color: #2c3341; margin-left: 20px; }
.result41 { height: 41px; margin: auto 0; }

.show480 { display: none; }

.btn-search2 { z-index: 4; color: transparent; cursor: pointer; background: #2c3341; padding: 0; width: 50px; height: 50px; border: none; }
.btn-search2 .isearch { width: 25px; height: 24px; background: url('../images/icons/search.png') no-repeat 0 0; display: inline-block; position: relative; }
.btn-search2 .isearch:hover { opacity: 0.8; }
.left-form { float: left; }

@media (max-width: 767px) {
	ul.list-member { text-align: center; }
	ul.list-member li { width: 15%; margin-bottom: 0; display: inline-block; }
	ul.list-member li a { padding: 20px; height: auto; }
	.icon-dash, .icon-password, .icon-article, .icon-notif, .icon-logout { padding-left: 0; }
	.icon-dash:before, .icon-password:before, .icon-article:before, .icon-notif:before, .icon-logout:before { left: 50%; margin-left: -10px; }
	#order-list.data-table { margin-bottom: 40px; }
	#order-list.data-table .list > div { display: block; }
	#order-list.data-table .list div, #order-list.data-table .list div:last-child { text-align: left; padding-right: 0; }
	#order-list .w155 { width: 100%; }
	.icon-add { padding-left: 30px; }
	.icon-add:before { margin-top: -9.5px; background: url('../images/icons/add02.png') 0 0 no-repeat; width: 18px; height: 19px; }
	.w170, .w270 { width: 100%; padding: 10px 0; }
	.w150 { width: 100%; padding: 15px 0; }
	#order-list.data-table .list.items { border-bottom: 1px solid #9e9d9d; padding: 15px 25px; }
	#order-list.data-table .list.items .kontent { height: auto; overflow: inherit; }
	.result .text { font-size: 14px; }
	.result .box-result { font-size: 14px; }
	.bg-release .img-release img { width: 100%; height: 100%; }
}
/* END MEMBER */

/* SELECT */
.custom-select { width: 100%; position: relative; letter-spacing: 1px; font-family: 'open_sansregular'; color: #757575; cursor: pointer; font-size: 18px; -webkit-appearance: none; }
.custom-select .replacement { width: 100%; height: 50px; border: 0; padding: 15px 20px; background: white; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1; position: relative; }
.custom-select .replacement:after { background: url('../images/icons/select.png') no-repeat; content: ''; width: 20px; height: 12px; display: block; top: 50%; margin-top: -6px; right: 15px; position: absolute; }
.custom-select select { width: 100%; height: 50px; position: absolute; top: 0; left: 1px; z-index: 2; opacity: 0; filter: alpha(opacity=0); }

.custom-select.s-article { font-size: 14px; }
.custom-select.s-article .replacement { padding: 18px 40px 18px 20px; }
.custom-select.s-article .replacement:after { background: url('../images/icons/select2.png') no-repeat; width: 14px; height: 9px; margin-top: -4.5px; right: 15px; }
/* END SELECT */

.wdth84 { width: 84px; margin-right: 10px; }
.wdth105 { width: 105px; }

/* POP UP */
.h1-pop { font-family: 'open_sansbold'; margin-bottom: 30px; color: #424242; line-height: 1.5; text-align: center; font-size: 35px; }
.white-popup-block { padding: 70px 80px; text-align: left; max-width: 600px; margin: 40px auto; position: relative; background: #e0e0e0; }
.white-popup-block.pop-add { background: white; padding: 40px; }
.white-popup-block .title { margin-bottom: 20px; text-align: center; }
.title-pop { text-align: center; font-size: 20px; font-family: 'open_sansbold'; color: #2c3341; line-height: 35px; letter-spacing: 1px; }
.overlay-close { position: absolute; width: 19px; height: 18px; background: url('../images/icons/close-pop.png') 0 0 no-repeat; top: 20px; right: 20px; cursor: pointer; }
.overlay-close:hover { opacity: 0.7; }
.pop-delete { width: 103px; height: 124px; background: url('../images/icons/pop-delete.png') 0 0 no-repeat; margin: 0 auto 30px; }
.pop-failed { width: 140px; height: 138px; background: url('../images/icons/img-failed.png') 0 0 no-repeat; margin: 0 auto 30px; }
.pop-success { width: 141px; height: 140px; background: url('../images/icons/img-success.png') 0 0 no-repeat; margin: 0 auto 30px; }
/* END POP UP */

/* COMMENT */
.box-comment .top-comment { padding: 25px 40px; background: #0062a1; }
.box-comment .top-comment .icon-comment { color: white; position: relative; padding-left: 60px; }
.box-comment .top-comment .icon-comment:before { content:''; top: 50%; left: 0; position: absolute; margin-top: -14px; background: url('../images/icons/comment2.png') no-repeat; width: 37px; height: 28px; }
.box-comment .bottom-comment { padding: 25px 40px; background: #d7d7d7; }
.box-comment .bottom-comment p { text-align: left; }
.mr20 { margin-right: 20px; }
.box-comment .bottom-comment .account-comment { color: #424242; font-family: 'open_sansbold'; margin-bottom: 20px; position: relative; padding-left: 30px; }
.box-comment .bottom-comment .account-comment:before { content:''; top: 50%; left: 0; position: absolute; margin-top: -9.5px; background: url('../images/icons/account-comment.png') no-repeat; width: 16px; height: 19px; }
.comment30 { margin-bottom: 30px; }
/* END COMMENT */

#mceu_24 { width: 100% !important; }
.top-left, .search-left, .form2-left { float: left; }

@media (max-width: 1200px) {
	ul.main-menu li { margin-right: 24px; }
	.mt50 { margin-top: 43px; }
	.w170 { width: 150px; }
	.w150 { width: 100px; }
	#header .btn-sign { width: 100%; height: 45px;  }
	#header .btn-sign:before { left: 20px; }
	.left-latest { margin-right: 20px; }
	.right-latest { width: 300px; }
	.left-notif { margin-right: 30px; }
	.right-notif { width: 450px; }
	.notif a, .notif p, .notif .time { font-size: 16px; }
	.resp-left { float: left; margin-top: 30px; }
}

@media (max-width: 991px) {
	#header .center-hdr { height: 65px; }
	#content.no-top { margin-top: 0; }
	#header .img-logo { background: url('../images/uploads/logo3.png') no-repeat 0 0; width: 95px; height: 42px; }
	.mt50 { margin-top: 30px; }
	.content { padding: 40px 0; }
	.content h1 { font-size: 25px; line-height: 1.2; margin: 30px 0 20px; }
	.content p { font-size: 15px; }
	.in-text ul li { font-size:15px; }
	.t-member { font-size: 22px; margin-bottom: 20px; }
	.resp-30 { margin-bottom: 30px; }
	.mb40 { margin-bottom: 30px; }
	.bg-release { padding: 50px 0; }
	.bg-release .date { font-size: 14px;  margin-bottom: 15px; }
	.bg-release .title { font-size: 20px; line-height: 25px; margin-bottom: 10px; }
	.bg-release p { font-size: 14px; line-height: 26px; margin-bottom: 20px; }
	.btn-read { font-size: 12px; padding: 12px 15px; width: auto; height: 38px; }
	.bg-testi { padding: 50px 0; }
	#toTop { cursor: pointer; position: absolute; width: 45px; height: 45px; background: url('../images/icons/backtop3.png') no-repeat 0 0; top: -22.5px; }
	.bg-search { padding: 30px 0; }
	.left-latest { margin-right: 20px; width: 80px; }
	.right-latest { width: 240px; }
	.left-notif { margin-right: 0; width: auto; float: none; margin-bottom: 30px; }
	.right-notif { width: auto; float: none; }
	.notif a, .notif p, .notif .time { font-size: 16px; line-height: 1.5; }
  .articleEdit iframe { width:100% !important; height: 350px !important;}

}

@media (max-width: 767px) {
	#pop-delete, #pop-failed, #pop-success { width: 100%; padding: 50px; }
	.wdth84 { width: 70px; margin-right: 10px; }
	.wdth105 { width: 90px; }
	.container { padding-left: 20px; padding-right: 20px; }
	body { font-size: 14px; }
	.sm-30 { margin-bottom: 30px; }
	#footer .footer-top { padding: 20px 0; }
	.in-web .bg-black { padding: 25px 0; }
	.content { padding: 40px 0; }
	.content h1 { font-size: 20px; line-height: 1.2; margin: 0 0 20px 0; }
	.content p { font-size: 14px; margin-bottom: 15px; }
	.pad30 { padding: 0; }
	.in-login h1 { font-size: 30px; line-height: 1.2; margin-bottom: 30px; margin-top: 0; }
	.in-login .mt25 { margin-top: 25px; }
	/* .box-pop { width: 100%; padding: 40px 25px; } */
	.overlay-close { top: 10px; right: 10px; }
	.white-popup-block { width: 280px; padding: 40px 20px; }
	.mfp-container { padding-left: 30px; padding-right: 30px; }
	.mb20 { margin-bottom: 10px; font-size: 18px; }
	.in-text strong { font-size: 18px; }
	.m-about { margin-bottom: 30px; }
	.title-pop { font-size: 15px; line-height: 20px; }
	.img-success { background: url('../images/icons/success2.png') 0 0 no-repeat; width: 71px; height: 70px; }
	.img-failed { background: url('../images/icons/error2.png') 0 0 no-repeat; width: 70px; height: 69px; }
	.img-delete { background: url('../images/icons/delete2.png') 0 0 no-repeat; width: 52px; height: 62px; }
	.img-pop { margin: 15px auto 25px; }
	.btn-sure, .btn-cancel { width: 115px; font-size: 15px; padding: 11px 15px; height: 40px; }
	.form-group label { font-size: 14px; margin-bottom: 10px; }
	.form-control { height: 40px; padding: 6px 15px; font-size: 14px; }
	.custom-select.s-article .replacement:after { right: 10px; }
	.form-group { margin-bottom: 20px; }
	.custom-select { font-size: 14px; }
	.custom-select .replacement { height: 40px; padding: 13px 15px; }
	.custom-select.s-article .replacement { height: 40px; padding: 13px 30px 13px 15px; }
	.custom-select select { height: 40px; }
	.btn-submit, .btn-member { font-size: 14px; padding: 12px 15px; width: 140px; height: 40px; }
	.btn-add { font-size: 14px; padding: 9px 15px; height: 40px; }
	.center50 { height: 40px; }
	.in-login a { font-size: 14px; }
	.form-control.searchBox { height: 40px; padding-top: 7px; padding-bottom: 7px; padding-right: 60px; }
	.btn-search { width: 40px; height: 40px; }
	.btn-search2 { width: 40px; height: 40px; }
	.bg-search .title { font-size: 18px; margin-bottom: 12px; }
	.bg-search .s-50 { height: auto; }
	.bg-release .img-release { margin-bottom: 30px; }
	.item-release { margin-bottom: 30px; }
	.bg-release .t-release { font-size: 18px; margin-bottom: 30px; }
	.bg-release { padding: 30px 0; }
	.bg-testi .box-testi { padding: 20px; }
	.bg-favorite .title { font-size: 18px; margin-bottom: 30px; text-align: left; }
	.bg-release .title { font-size: 18px; }
	.bg-testi { padding: 30px 0; }
	.bg-testi .t-testi { font-size: 18px; margin-bottom: 30px; }
	#toTop { cursor: pointer; position: absolute; width: 35px; height: 35px; background: url('../images/icons/backtop2.png') no-repeat 0 0; top: -17.5px; right: 20px; }
	.left-latest { margin-right: 20px; width: 80px; }
	.right-latest { width: 320px; }
	.notif a, .notif p, .notif .time { margin-bottom: 7px; line-height: 1.5; }
	.t-profile { font-size: 18px; }
	.in-member .form-group label { font-size: 14px; margin-bottom: 15px; }
	.box-comment .bottom-comment, .box-comment .top-comment { padding: 20px 20px; }
  .articleEdit iframe { width:100% !important; height: 300px !important;}
  img.imgArticle { width:100% !important; height:100% !important;}
}

@media (max-width: 480px) {
	.pad10 { padding-left: 10px; padding-right: 10px; }
	.list-blog .box-blog .left-blog { float: none; display: block; margin-bottom: 15px; }
	.list-blog .box-blog .right-blog { float: none; display: block; }
	ul.pagination li { margin-right: 10px; }
	ul.pagination li a { padding: 11px 15px; }
	.w200 { width: 100%; margin-bottom: 15px; }
	.left-regi { float: none; }
	.right-regi { float: none; }
	.h50 { height: auto; margin-top: 20px; }
	.left-latest { float: none; margin-right: 0; width: 100%; margin-bottom: 20px; }
	.right-latest { width: 100%; float: none; }
	.show480 { display: block; margin-bottom: 10px; }
	.hide480 { display: none; }
	.top-left { float: none; display: block; margin-bottom: 15px; }
	.ml30 { margin-left: 15px; }
	.form30 { margin-left: 12px; }
  img.imgArticle { width:100% !important; height:100% !important; }
}