@import url("animate.css");
@import url("bootstrap.css");
@import url("iconfont.css");
@import url("fonts.css");
@import url("error404.css");
@import url("form.css");
@import url("header-footer.css");
@import url("custom-lightbox.css");
@import url("popup.css");
@import url("article.css");
@import url("tables.css");

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
    font-family: sans-serif;
    font-size: 10px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Thonburi, Tahoma, sans-serif;
    font-weight: normal;
    font-size:16px;
    line-height: 1.6;
    color:#7f7f7f;
    background-color:#FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color ease-in-out .2s;
    -o-transition: color ease-in-out .2s;
    transition: color ease-in-out .2s;
}
a:hover,
a:focus {
    color: inherit;
    text-decoration:none;
}
a:focus {
    outline:0;
    outline-offset:0;
}
p { margin: 0; padding:0; line-height:1.6;}
a[href^=tel] {
    outline: none;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}
ul, ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4 {
    padding: 0;
    margin: 0;
    line-height:1;
    font-weight: normal;
}
h1 { font-size: 60px;}
h2 { font-size: 25px;}
h3 { font-size: 18px; color: #333;}

::-ms-clear { display: none; width : 0; height: 0; }
::-ms-reveal { display: none; width : 0; height: 0; }

.ic { vertical-align: middle;}

.a-center { text-align: center;}
.a-right { text-align: right;}
.c-orange { color: #ff850d!important;}

/* color themes */
a.linkmore:hover,
.linkmore:hover,
.linkback:hover,
a.linkback:hover,
.textlink.c-orange:hover,
.list-items .entry-category,
.navbar a:hover,
.navtabs ul li a.active { color: #ff850c;}

.container {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}
.vertical-center {
    display: table;
    width:100%;
    height: 100%;
}
.content-vertical-top {
    display: table-cell;
    vertical-align: top;
}
.content-vertical-center {
    display: table-cell;
    vertical-align: middle;
}
.content-vertical-bottom {
    display: table-cell;
    vertical-align: bottom;
}
a.linkmore,
.linkmore {
    font-size:16px;
    text-decoration: none;
    color: #555;
}
a.linkmore:after,
.linkmore:after {
    content: "\e90b";
    font-family: 'iconghb';
    font-size:15px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin-left:5px;
    color: inherit;
}
.linkmore.sm { font-size: 13px;}
.linkmore.sm:after { font-size: 13px;}

.textlink { text-decoration: underline; color: #333;}
.textlink:hover { color: inherit;}

.linkback,
a.linkback {
    font-size:14px;
    line-height: 1;
    color:#ff850c;
    text-decoration: none;
}
.linkback:before,
a.linkback:before {
    font-family: 'iconghb';
    content: "\e90a";
    font-size:15px;
    color: inherit;
    display: inline-block;
    vertical-align:middle;
    position: relative;
    margin-right:5px;
}

/* Main */
.main { padding-top:70px;}

h1,.heading-h1,
h2,.heading-h2,
.heading-h3 { font-family: 'db_heaventbold'; line-height: 1.2; color: #333; }

h1,.heading-h1 { font-size: 60px;}
h2,.heading-h2 { font-size: 40px;}
.heading-h3 { font-size: 28px; line-height: 1.2;}

.section { padding:70px 0;}
.section.nopadding-top { padding-top: 0;}
.section.nopadding-bottom { padding-bottom: 0;}
.section-bggray { background-color: #f0f0f0;}

.section-heading { position: relative; margin-bottom:35px; text-align: center;}
.section-heading.nopmargin-bottom { margin-bottom: 0;}
.section-heading-md { margin-bottom:25px; text-align: center;}
.heading-group { margin-bottom: 50px;}

.subheading { position: relative; margin-bottom:20px;}
.subheading .headingline:before {
    content: '';
    display: inline-block;
    margin-right: 12px;
    width: 3px;
    height:30px;
    line-height: 1;
    background-color: #ff850d;
}
.col-clear { clear: both; }

/* nav Bar */

.navbar { position: relative; text-align: center; height: 60px; line-height: 60px; background-color: #f0f0f0;}
.navbar .container { overflow: hidden; position: relative;}
.navbar a { color: #999; font-family: 'db_heaventbold'; font-size: 22px; padding: 0 12px;}

/* nav Tabs */
.navtabs-container { position: relative;  margin-top:10px; margin-bottom:30px;}
.navtabs-container::after {
  clear: both;
  content: "";
  display: table;
}
.navtabs-container::after {
    position: absolute;
    top: 0;
    right: 0;
    height:45px;
    width:50px;
    z-index: 1;
    pointer-events: none;
    background: -webkit-linear-gradient( right , #FFF, rgba(248, 247, 238, 0));
    background: linear-gradient(to left, #FFF, rgba(248, 247, 238, 0));
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.navtabs-container.nopadding { margin-bottom: 0;}
.navtabs {
    width: 100%;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.navtabs ul { display: block; margin: 0 auto;}
.navtabs ul li { display: inline-block; margin: 0 12px;}
.navtabs ul li a {
    position: relative;
    display: inline-block;
    height:45px;
    font-family: 'db_heaventmed';
    font-size:22px;
    line-height:45px;
    color: #999;
}
.navtabs ul li.active a:after {
    opacity: 1;
    bottom:-3px;
}
.navtabs ul li a:after {
    background-color:#ff850c;
    bottom: -3px;
    content: '';
    height:3px;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .3s ease,bottom .3s ease;
    -moz-transition: opacity .3s ease,bottom .3s ease;
    -o-transition: opacity .3s ease,bottom .3s ease;
    transition: opacity .3s ease,bottom .3s ease;
    width: 100%;
}
.navtabs ul li a:hover,
.navtabs ul li.active a { color: #ff850c;}
.navtabs ul li:hover a:after {
    color: #ff850c;
    opacity: 1;
    bottom: 0;
}
.navtabs ul li.active:hover a:after { bottom: -2px;}


/* List items (Entry) */

.entry-date { font-size:13px;}
.entry-caption h3 {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    font-weight: bold;
    -webkit-transition: color ease-in-out .2s;
    -o-transition: color ease-in-out .2s;
    transition: color ease-in-out .2s;
}
.entry-caption h3 a { display: block;}
.entry-caption h3:hover,
.entry-caption h3 a:hover { color: #ff850c;}
.entry-category { font-size: 17px; font-family: 'db_heaventmed';}

/* List items */

.list-items,
.list-items-news {
    position: relative;
    -webkit-transition: ease-in-out .3s;
    -moz-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.list-items .entry-caption h3,
.list-items-news .entry-caption h3 {
    height:55px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-items {
    position: relative;
    display: block;
    margin-bottom: 40px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border: 1px solid #eee;
}
.list-items:hover {
    -webkit-box-shadow: 0 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0px 5px 0px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0px 5px 0px rgba(0,0,0,0.1);
}
.list-items .entry-img img { width: 100%;}
.list-items .entry-caption { padding: 20px;}
.list-items .entry-caption h3 { margin-bottom:15px;}
.list-items .entry-desc {
    height:42px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
}
.list-items .entry-category {
    padding:10px 20px;
    font-family: 'db_heaventmed';
    line-height: 1;
    background-color:#fafafa;
}
.list-items .entry-category a:hover { text-decoration: underline;}
.list-items .no-category { background-color: #FFF;}

/* list news */

.list-items-news {
    padding: 10px 10px 0 10px;
    border: 1px solid #eee;
    border-bottom: 0;
    margin-bottom: 40px;
    background-color: #FFF;
}
.list-items-news:after {
    content:'';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height:3px;
    background-color: #f0f0f0;
    -webkit-transition: ease-in-out .3s;
    -moz-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.list-items-news:hover:after { height:3px; background-color: #ff850c; }
.list-items-news .entry-caption { padding:20px;}
.list-items-news .entry-caption h3 { margin-bottom:32px;}
.list-items-news .entry-img { position: relative;}
.list-items-news .entry-img img {
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.list-items-news .entry-date { color: #999;}
.list-items-news .entry-category {
    display: inline-block;
    color: #FFF;
    background-color:#ff850c;
    padding:4px 10px;
    line-height: 1;
    position: absolute;
    left:20px;
    bottom: 0;
    z-index: 20;
}
.list-items-news .rollover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.6;
    z-index:5;
    background-color:#000;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.list-items-news .ic-play-circle-o {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    z-index: 105;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    text-align: center;
    color: #FFF;
    font-size:40px;
}
.list-items-news .entry-time {
    display: block;
    position: absolute;
    z-index:11;
    top:10px;;
    right: 10px;
    font-family: 'db_heaventmed';
    font-size: 18px;
    line-height: 1;
    color: #FFF;
    opacity: 1;
    padding:2px 8px;
    background-color:#000;
}

.items-vdo:hover .rollover { opacity: 0.3;}

/* breadcrumb */

.breadcrumbs-container {
    position: relative;
    padding-top:15px;
    padding-bottom:15px;
    border-top: 1px solid #eee;
}

.breadcrumb li {
    display: inline-block;
    vertical-align: middle;
}
.breadcrumb li:first-child a {
    width: 15px;
    height: 17px;
    display: inline-block;
    text-indent: -9999px;
    background-image: url(../img/logo-breadcrumb.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    opacity: 0.4;
}
.breadcrumb li:first-child a:hover { opacity:0.8;}
.breadcrumb li a { color:#999; font-size:14px; line-height: 1.2;}
.breadcrumb li a:before {
    margin: 0 8px 0 5px;
    content: "\e90b";
    font-family: 'iconghb';
    font-size: 13px;
    color: rgba(187, 187, 187, 0.6);
    display: inline-block;
    vertical-align: middle;
}
.breadcrumb li.active a { color: #555;}
.breadcrumb li a:hover { color: #555;}
.breadcrumb-visible-w767 { display: none;}


/* Navigation */

.pagination-container { text-align: center; padding: 20px 0 0 0; }
.pagination-container.no-bottom { padding-bottom: 0; }
.pagination-right { float: right;}
.pagination li { margin: 5px 0; text-align: center; display:inline-block; vertical-align: middle;}
.pagination > li > a,
.pagination > li > span {
    width:30px;
    height:32px;
    line-height:32px;
    display: inline-block;
    position: relative;
    font-family: 'db_heaventmed';
    font-size: 18px;
    text-align: center;
    color: #aaa;
    text-decoration: none;
    background-color: #fafafa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.pagination > li > span.disabled{
	display: none;
}
.pagination li a:hover {
    z-index: 2;
    color: #FFF;
    background-color: #fd840d;
    border-radius: 2px;
}
.pagination li.active a,
.pagination li.active a:hover,
.pagination li.active span {
    z-index: 3;
    color: #fff;
    background-color: #fd840d;
}
.pagination li a.prev,
.pagination li a.next { width: auto; border: 1px solid #eee; padding: 0 15px;}

.section-itemslist { padding-bottom: 50px;}
.section-itemslist:last-child { padding-bottom: 0;}

.section-related { border-top: 1px solid #eee;}
.section-related .list-items { margin-bottom: 0;}

.section-feedlist .a-action { margin-top:12px;}

.box-item {
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    margin: 1px 1px 20px 1px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.box-item-line {
    border:0;
}
.box-item-line:after {
    content: '';
    display: block;
    height: 3px;
    background-color: #ff850c;
}
.box-item .entry-category {
    height: 30px;
    line-height: 28px;
    position: absolute;
    top:15px;
    left:15px;
    z-index: 100;
    color: #ff850c;
    padding:0 15px;
    border: 1px solid #ff850c;
    border-radius:40px;
}
.box-item .entry-category.c-white {
    border-color:#FFF;
    color: #FFF;
}
.box-item img {
    max-width: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s;
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
.box-item:hover img {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform: scale(1.01);
}
.box-item:hover {
    -webkit-box-shadow: 0 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0px 5px 0px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0 0px 5px 0px rgba(0,0,0,0.2);
}

.feed-grid { margin-bottom:20px;}

.main-content {
    width: calc(70% + 1px);
    min-height:600px;
    position: relative;
    float: left;
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: -1px;
    overflow: visible;
    border-left: 1px solid #eee;
}
.main-content .article-header { margin-bottom:25px;}
.main-content .a-action { margin-top: 40px;}
.main-content .breadcrumbs-container { border-top: 0;}

/* Share */

.group-share {
    position:absolute;
    top:5px;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    z-index: 5;
}
.group-share a.list-share {
    display: inline-block;
    margin:0 4px;
    font-size:15px;
    color: #333;
}
.group-share a.list-share.line-app { display: none;}
.group-share a.list-share:hover { color: #777;}
.group-share .share-action {
    color: #aaa;
    font-size:18px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.group-share .share-action:hover { color: #333;}
.share-container {
    height:38px;
    line-height:35px;
    opacity: 0;
    display: inline-block;
    background-color: #fafafa;
    border: 1px solid #eee;
    border-radius:3px;
    padding:0 10px;
    text-align: center;
    box-shadow: 1px 1px 1px #eee;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
    visibility: hidden;
}
.share-container:after,
.share-container:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.share-container:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fafafa;
	border-width: 6px;
	margin-top: -6px;
}
.share-container:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #eee;
	border-width: 9px;
	margin-top: -9px;
}
.group-share.open .share-action { color: #333;}
.group-share.open .share-container {
    opacity:1;
    visibility: visible;
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    transform: translateX(-3px);
}

.show-clipboard {
    width: 300px;
    position: fixed;
    top : 120px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10000;
    text-align: center;
    padding:20px 0;
    background-color: rgba(0,0,0,0.8);
    color: #FFF;
    border-radius:4px;
    opacity: 0;
    visibility: hidden;
    transition-duration: 720ms;
}
.show-clipboard.view {
    opacity: 1;
    visibility: visible;
    transition-duration: 200ms;
}

.dropdown-hidden-w1024 { display: none;}
.dropdown-toggle {
    width:100%;
    position: relative;
    z-index: 605;
    display: block;
    cursor: pointer;
    background: #fff;
    color:#333;
    font-weight: normal;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.dropdown-toggle:hover { color: #898989; }
.dropdown-toggle .heading-toggle { display: none;}
.dropdown-toggle .heading-toggle:after {
    content: "\e909";
    font-family: 'iconghb';
    display: block;
    position: absolute;
    top:18px;
    right:16px;
    font-size:18px;
}
.dropdown-toggle.open .heading-toggle:after { content: "\e90c"; }
.wrap-panel {
    transition-duration: 480ms;
    transition-property: max-height;
}
.wrap-panel .panel {
    width:100%;
    display: block;
    position: static;
    top: 100%;
    background: #fff;
    padding-bottom: 60px;
}
.dropdown-toggle.open .wrap-panel { max-height: calc(100vh - 105px);}
.dropdown-toggle .nav-link {
    position: relative;
}
.dropdown-toggle .nav-link:after {
    content:'';
    border-bottom: 1px solid #eee;
    display: block;
}
.dropdown-toggle .nav-link.active a { color: #ff850c;}
.dropdown-toggle .nav-link > a {
    display: block;
    font-family: 'db_heaventbold';
    font-size:21px;
    line-height:1.1;
    padding:13px 35px 13px 0;
}
.dropdown-toggle .nav-link.has-submenu a:after,
.dropdown-toggle .nav-link > a { color: #333;}

.no-touch .dropdown-toggle .nav-link.has-submenu a:hover:after,
.no-touch .dropdown-toggle .nav-link > a:hover { color:#ff850c;}
.dropdown-toggle .nav-link:last-child { border-bottom: 0;}
.dropdown-toggle .nav-link.has-submenu a:after {
    content: "\e90b";
    font-family: 'iconghb';
    display: block;
    position: absolute;
    top:20px;
    right:0;
    padding-right: 20px;
    font-size:13px;
}
.dropdown-toggle .nav-link.has-submenu.collapse a:after {
    content: "\e909";
}
.dropdown-toggle .nav-link.has-submenu.collapse a:hover,
.dropdown-toggle .nav-link.has-submenu.collapse a:hover:after { cursor:default; color: #333;}
.dropdown-toggle .nav-link.has-submenu ul {
    opacity: 0;
    display: block;
    overflow: hidden;
    height: 0px;
    max-height: 0px;
    transition-duration: 480ms;
}
.dropdown-toggle .nav-link.has-submenu.collapse ul {
    height: auto;
    max-height: none;
    opacity: 1;
    margin:0 0 15px 0;
}
.dropdown-toggle .nav-link.has-submenu.collapse ul li a:after { display: none;}
.dropdown-toggle.open+.dropdown-bound {
    visibility: visible;
    opacity: 1;
    transition-duration: 320ms;
    transition-property: opacity;
}

/* Main Interest Rate  */

.main-interest-rate { position: relative; background-color: #FFF;}
.main-interest-rate .wrap-tbrate { position: relative;}
.main-interest-rate:after {
    content:'';
    display: block;
    height:3px;
    background-color: #ff850c;
}
.main-interest-rate { border: 1px solid #eee;}
.main-interest-rate .head-item { height:60px; line-height: 60px; padding:0 20px; background-color: #ff850d;}
.main-interest-rate .head-item h3 { font-size: 24px; line-height: inherit; color: #FFF;}
.main-interest-rate .head-item h3 span {
    position: absolute;
    top:0;
    right:20px;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    color: #ffc58c;
}
.main-interest-rate .entry-date { color: #999; padding:17px 20px; font-size: 13px;}
.main-interest-rate .table-rate { width: 100%;}
.main-interest-rate .table-rate td {
    font-weight: bold;
    font-size: 13px;
    color: #bbb;
    padding:11px 20px;
    white-space: nowrap;
    border-bottom:1px solid #eee;
}
.main-interest-rate .table-rate td:first-child,
.main-interest-rate .table-rate td:last-child { font-family:'db_heaventbold', Arial, sans-serif; font-weight:normal;}
.main-interest-rate .table-rate td:first-child { font-size:25px; color:#333; padding-right: 0; }
.main-interest-rate .table-rate td:last-child { padding-left: 0; font-size:31px; color: #ff850d; text-align: right;}
.main-interest-rate .table-rate small {
    font-family: Arial, Thonburi, Tahoma, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #999;
}

/* Filter */

.filter-container {
    position: relative;
    font-size: 0;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 25px;
}
.filter-left,
.filter-right {
    position: relative;
    padding:0 15px;
    display:inline-block;
    vertical-align: middle;
}

.filter-left { width:42%;}
.filter-right { width:58%;}

/* Search Area */

.search-area { max-width: 250px; position: relative;}
.search-area .ic-search {
    font-size:16px;
    color: #999;
    background-color: #FFF;
    position: absolute;
    top: 13px;
    right: 15px;
}
.group-callcenter h3 {
    font-family: 'db_heaventbold', Arial, sans-serif;;
    font-size: 20px;
    color: #333;
    margin-bottom:0;
}
.group-callcenter .linktel {
    font-family: 'db_heaventbold', Arial, sans-serif;;
    font-size: 30px;
    color: #ff850d;
    line-height:1;
    margin-bottom:8px;
    display: block;
    text-decoration: none;
}
.group-callcenter .linktel:before {
    content: "\e90e";
    font-family: 'iconghb';
    font-size:16px;
    display: inline-block;
    margin-right:6px;
}
.group-callcenter .linktel-lg { font-size:35px;}
.group-callcenter .linktel-lg:before { font-size:17px;}
.group-callcenter .social-link a {
    width: 25px;
    height: 25px;
    line-height:23px;
    margin-right:6px;
    display: inline-block;
    color: #FFF;
    background-color: #333;
    text-align: center;
    font-size:13px;
    border-radius: 50%;
    border: 0;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.group-callcenter .social-link .ic-youtube-play { font-size:12px;}
.group-callcenter .social-link a:hover { background-color: #666; color:#FFF;}
.group-callcenter.c-white .social-link a { background-color: #FFF; color: #303030;}
.group-callcenter.c-orange .social-link a { background-color: #ff850d; color: #FFF;}
.group-callcenter.c-orange .social-link a:hover { background-color: #aa6d58;}

.group-callcenter .social-link a:first-child { background-color:#1977F3;}
/* VDO */

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.shortcutnav-container-w767 { display: none;}

/* OWL */

.owl-theme .owl-dots { width: 100%; position: absolute; text-align: center; margin-top: 15px;}
.owl-theme .owl-dots .owl-dot span {
    width: 40px;
    height: 2px;
    margin:5px;
    border-radius:0;
    background: #eee;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: #ff850d;}

/* Footnote */

.footnote { margin-bottom:25px; font-size:12px; color: #999;}
.footnote strong,
.footnote b { color:#777;}
.footnote p { margin: 0 0 3px 0;}

.data-notfound { padding: 40px 0; color: #999; text-align: center; font-size: 14px;}

.section-2column { position: relative; z-index: 1;}

.payment-group { border-bottom: 1px solid #eee; padding: 40px 0 20px;}
.payment-group.last-group { padding-top:20px; border-bottom: 0;}
.payment-group.last-group img { margin-top:15px;}

.textindent { text-indent:40px;}
.nowrap { white-space: nowrap;}

/* Accordion */
.accordion-group { position: relative; border-bottom:1px solid #eee;}
.accordion-group .accordion-title:focus { outline: 0;}
.accordion-group h3 {
    width: 100%;
    display:block;
    padding:25px 45px 25px 0;
    cursor: pointer;
    position: relative;
    font-size:18px;
    line-height: 1.5;
    font-weight: bold;
    color: #333;
    -webkit-transition: color ease-in-out .6s;
    -o-transition: color ease-in-out .6s;
    transition: color ease-in-out .6s;
}
.accordion-group h3:before,
.accordion-group h3:after {
    width:18px;
    height:2px;
    background-color:#ff850c;
    content:'';
    display: block;
    position: absolute;
    top:50%;
    right: 0;
    text-decoration: none;
    font-style: normal;
    font-weight: inherit;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
}
.accordion-group h3:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.accordion-group h3:after {
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
}
.accordion-group h3.ui-state-active:before {
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
.accordion-group h3.ui-state-active:after {
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}
.accordion-content { padding:0 40px 30px 2px;}

.lineend { display: block; background-color: #eee; height: 1px; background-color: #eee;}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;
    background-color: #ffffff;
    border: 0px;
}
