*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after { clear:both; }
.clear { *zoom:1; }

@font-face{ font-family: 'Thin'; src:url('/fonts/SamsungSans-Thin.ttf')  format('truetype'); }
@font-face { font-family: 'Regular'; src:url('/fonts/SamsungSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'bold'; src:url('/fonts/SamsungSans-Bold.ttf') format('truetype'); }
@font-face { font-family: 'sharp'; src:url('/fonts/samsung_s_sharp.ttf') format('truetype'); }
body {font-family: 'Regular'; background-color: #f1f1f1; font-size: 13px; }
a:hover { text-decoration: none;}

.vector-box { position: absolute; top: 0; right: 0; width: 317px; height: 201px; background: url(/images/vector.png) no-repeat right top; background-size: cover; z-index: 2; }

.assistand-box {position: fixed; z-index: 1;top: 73vh;}

.assist-link {
    display: block;
	  left: 0px;
		transition: all 0.2s linear;
		width: 70px; height: 60px;
}
.assist-link.calc-link { background: url(/images/social/calc.png) no-repeat right; }
.assist-link.chat-link {margin-bottom: 10px; background: url(/images/social/chat.png) no-repeat right; }
.assist-link.complaint-link {margin-bottom: 10px; background: url(/images/social/complaint.png) no-repeat right; }
.assist-link:hover{
    left: 0px;
		width: 200px; height: 60px;
}
.assist-link.calc-link:hover{background: url(/images/social/calc.png) no-repeat right; }
.assist-link.chat-link:hover{background: url(/images/social/chat.png) no-repeat right; }
.assist-link.complaint-link:hover{background: url(/images/social/complaint.png) no-repeat right; }
.dropdown{display: none;}
header { background-color: #ffffff;}
header a { color: #828282; }
.language { position: absolute; left: -288px;}
.language a{ display: inline-block; border-right: 1px solid #b6b6b6; padding: 0; padding-right: 5px; line-height: 1; font-size: 19px;}
.language a.active { color: #3e3f3e; font-family: 'bold'; }
.language a:last-child { border-right: 0; padding-right: 0; }
.navbar { padding-bottom: 12px; padding-top: 12px;}
.navbar .container { position: relative; z-index: 20;}
.navbar .login-box {position: absolute; top: 100%; margin-top: 12px; padding: 0; text-align: center; z-index: 1005;}
.navbar .login-box input { border: none; float: left; height: 38px; width: 70%; padding-left: 6px; padding-right: 6px;
  -webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #e5e0d7;
}
.navbar .login-box button { border: none; background: url(/images/login-icon.png) no-repeat center center #fff; float: left; height: 38px; width: 38px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 8px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.navbar-brand {}
.nav-item { border-right: 1px solid #828382; padding-top: 0; padding-bottom: 0; }
.nav-item:last-child { border-right: 0; }
a.nav-link { text-transform: uppercase; color: #333 !important; font-size: 19px; padding-top: 0; padding-bottom: 0; line-height: 1; }
a.nav-link:hover { text-decoration: none; color: #7d63a9 !important;}
.nav-item.active a.nav-link { font-weight: 900; color: #333 !important;}



#slider-holder { position: relative; }
.slider-box { height: 90vh; background-color: #d8cebb;}
.carousel { height: 90vh; overflow: hidden; }
.carousel-image { height: 90vh; background-size: cover;background-position: center; }
.carousel-indicators { bottom: 120px;}
.carousel-indicators li { width: 106px; height: 3px;}
.carousel-caption { top: 49vh !important; }
.carousel-caption h5 {font-size: 28px; margin-bottom: 0; }
.carousel-caption p { font-size: 60px;}
.carousel-caption a { display: block; padding: 10px; background-color: #694a58; width: 20%; color: #fff; margin: 0 auto;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.nav-product-section { width: 100%; position: absolute; bottom: 0; z-index: 100;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#493165+0,493165+50,493165+100&0+0,1+30,1+70,0+100 */
  background: -moz-linear-gradient(left, rgba(73,49,101,0) 0%, rgba(73,49,101,.8) 30%, rgba(73,49,101,.8) 50%, rgba(73,49,101,.8) 70%, rgba(73,49,101,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(73,49,101,0) 0%,rgba(73,49,101,.8) 30%,rgba(73,49,101,.8) 50%,rgba(73,49,101,.8) 70%,rgba(73,49,101,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(73,49,101,0) 0%,rgba(73,49,101,.8) 30%,rgba(73,49,101,.8) 50%,rgba(73,49,101,.8) 70%,rgba(73,49,101,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00493165', endColorstr='#00493165',GradientType=1 ); /* IE6-9 */
}
.nav-product { width: 1160px; margin: 0 auto; }
.nav-product-item { width: 20%; height: 110px; float: left; text-align: center; position: relative; }
.nav-product-box {
	z-index: 300; position: absolute; top: -70px; background-color: #fff; min-width: 100%; text-align: left;
  -webkit-border-radius: 4px;
  border-radius: 4px;
	display: none;
}

.nav-product-box.nproduct-box-saving {	width: 942px; top: -367px; left: -335px}
.nav-product-box.nproduct-box-account {	width: 942px; top: -131px; left: -335px}
.nav-product-box.nproduct-box-loan {	width: 885px; top: -471px; left: -328px}
.nav-product-box.nproduct-box-card { width: 612px; top: -259px; left: -185px}
.nav-product-box.nproduct-box-card_en { width: 560px; top: -255px; left: -175px}
.nav-product-box.nproduct-box-swift { width: 380px; top: -132px; left: -64px}
.nav-product-box.nproduct-box-other { width: 380px; top: -290px; left: -64px}
.nav-product-box.nproduct-box-busad { width: 640px; top: -220px; left: -215px}
.nav-product-box.nproduct-box-busad_en { width: 540px; top: -214px; left: -155px}
.nav-product-box:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -20px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-image { background-color: #fff; padding: 10px; text-align: center; display:none; }
.nav-product-box ul { list-style: none; margin: 0; padding: 50px 70px 40px 20px; background-color: #521767; }
.nav-product-box ul li { display: inline-block; width: 49%; margin-bottom: 20px;}
.nav-product-box ul li a {color: #fff; font-size: 15px;text-transform: uppercase;}
.nav-product-box ul li a:hover { text-decoration: none;color: #7d63a9;}
.product-main { position: relative; line-height: 30px; font-size: 22px; text-transform: uppercase; color: #fff; z-index: 301;padding-top: 11%; }
.product-main:hover { cursor: pointer; text-decoration: none;}
a.product-main { display: none; }
.nav-product-item:hover > .nav-product-box { display: block;}

#main-body { margin-top: 30px;font-size: 19px;}

.weather-box { line-height: 32px; border-bottom: 2px solid #cac9c5; margin-bottom: 6px;}
.weather-degree { display: inline-block; font-size: 22px; line-height: 32px; font-weight: 500;}
.weather-icon { display: inline-block; vertical-align: top; height: 30px; width: auto; padding-left: 5px; }

.exchange-box { }
.exchange-header { padding-bottom: 5px; font-weight: 500; text-transform: uppercase;font-size: 18px;padding-left: 5px; }
.exchange-item { border-top: 1px solid #d4d4d6; padding-top: 7px; padding-bottom: 7px; font-size: 18px;font-family: 'Regular';}
.exchange-item .rigt{text-align: right;padding-right: 31px;}
.exchange-item img{float: right;padding-right: 20px;}


#news-box { margin-top: 40px; margin-bottom: 40px; }
.news-item { margin-top: 40px;text-align: justify;}
.news-badge { display: inline-block; padding: 2px 8px; text-transform: uppercase; border-radius: 4px; font-size: 11px; margin-bottom: 10px; }
.news-badge.badge-special { background-color: #f74312; color: #fff;  }
.news-item h2 { font-size: 22px; color: #333; text-transform: uppercase; }
.news-item a.news-link { background-color: #987ab4; color: #fff; text-transform: uppercase; padding: 6px 10px; font-weight: bold; border-radius: 3px; font-size: 18px;  }
.news-item a.news-link:hover { text-decoration: none; }

footer { background-color: #521767; color: #fff; padding-top: 40px; padding-bottom: 40px; font-size: 16px; margin-top: 40px;font-family: 'Thin';}
footer h4 { font-size: 20px; text-transform: uppercase; font-weight: bold;}
footer a, footer a:hover { color: #fff; }
footer p { margin: 0;}
ul.footer-social { list-style: none; margin: 0; padding: 0; margin-top: 10px;}
ul.footer-social li {display: inline-block;padding-left: 5px;}
ul.footer-social li a { font-size: 22px;}
ul.footer-nav {list-style: none; margin: 0; padding: 0; margin-bottom: 10px;}
ul.footer-nav li {}
ul.footer-nav li a {}
ul.footer-nav li a:hover { color: #fff; }
ul.footer-nav.footer-upper li {margin: 6px 0;}
ul.footer-nav.footer-upper li a { text-transform: uppercase;}

.subnav { background-color: #7d63a9 !important; height: 50px; text-align: right;font-family: 'Thin';}
.subnav-product-box { width: 1160px; margin: 0 auto;}
.subnav-product-item { position: relative; width: 17%; display: inline-block; text-transform: uppercase; color: #fff; line-height: 50px; font-size: 12.5px; }
.subnav-product-main { position: relative; text-align: center; }
.subnav-product-main-active{ font-family: 'Regular'; position: relative; text-align: center;}
.subnav-product-body { display: none; position: absolute; left: 0; top: 100%; z-index: 400;  background-color: #7d63a9; width: 170%; text-align: left; }
.subnav-product-body ul.nav-product-sub { margin: 0; padding: 0; list-style: none; }
.subnav-product-body ul.nav-product-sub li { padding: 0; margin: 0; line-height: 1;border-bottom: 1px solid #9782ba;}
.subnav-product-body ul.nav-product-sub li a { display: block; width: 100%; padding: 10px 6px; margin: 4px 0; line-height: 1; background-color: #7d63a9; color: #fff; text-transform: uppercase;}
.subnav-product-body ul.nav-product-sub li a:hover {color: #000;}

.subnav-product-item:hover { cursor: pointer;}
.subnav-product-item:hover > .subnav-product-main {}
.subnav-product-item:hover > .subnav-product-body { display: block; }

.sub-header-image {
		  background-position: top right;
}

h1 { color: #594094; font-weight: 600; text-transform: uppercase; padding: 0 30px;font-size: 1.7rem; }
h3 { color: #e2aa31; font-size: 22px; font-weight: bold; }
.body-border { border: 2px solid #cac9c5; border-top: none; border-bottom: none; padding: 0 30px;margin-top: 20px; text-align: justify; text-transform: initial;}

.table.table-ab {}
.table.table-ab tr th { background-color: #c5c5c5; color: #df6447; font-weight:bold;}
.table.table-ab tr td {}
@media (max-width: 1760px){
.language { left: -198px;}
}
/* small device */
@media (max-width: 1600px) and (max-height: 1200px){

  .language { left: -65px;}
  .language a{ font-size: 19px;}
	.vector-box {display: none;}
	.navbar-brand img{
		margin-left: 70px;
	}
	.navbar .login-box {
    margin-left: 70px;
}
.product-main {font-size: 17px;}
.nav-product-box.nproduct-box-saving {	width: 940px; top: -330px; left: -135px}
.nav-product-box.nproduct-box-saving:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -240px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-account {	width: 940px; top: -330px; left: -135px}
.nav-product-box.nproduct-box-account:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -240px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-other { width: 500px; top: -303px; left: -170px}
.nav-product-box.nproduct-box-other:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: 18px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
}
@media (max-width: 1600px) and (max-height: 901px){

  .language { left: -65px;}
  .language a{ font-size: 19px;}
	.vector-box {display: none;}
	.navbar-brand img{
		margin-left: 70px;
	}
	.navbar .login-box {
    margin-left: 70px;
}
.product-main { font-size: 17px;}

.carousel-indicators li { width: 90px; height: 3px;}
.carousel-caption { top: 380px !important; }
.carousel-caption h5 {font-size: 20px; margin-bottom: 0; }
.carousel-caption p { font-size: 50px;}
.carousel-caption a { display: block; padding: 10px; background-color: #694a58; width: 20%; color: #fff; margin: 0 auto;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.nav-product-box.nproduct-box-saving {	width: 900px; top: -300px; left: -175px}
.nav-product-box.nproduct-box-saving:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -187px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-account {	width: 500px; top: -130px; left: -15px}
.nav-product-box.nproduct-box-account:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -187px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-other { width: 500px; top: -130px; left: -159px}
.nav-product-box.nproduct-box-other:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: 18px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}

}
@media (max-width: 1366px) {

	.carousel-indicators li { width: 80px; height: 3px;}
	.carousel-caption { top: 300px !important; }
	.carousel-caption h5 {font-size: 18px; margin-bottom: 0; }
	.carousel-caption p { font-size: 35px;}
	.carousel-caption a { display: block; padding: 5px; background-color: #694a58; width: 15%; color: #fff; margin: 0 auto;
	  -webkit-border-radius: 4px;
	  border-radius: 4px;
	}
.product-main {font-size: 18px;}
  .language { left: -65px;}
  .language a{ font-size: 19px;}
	.vector-box {display: none;}
	.navbar-brand img{
		margin-left: 70px;
	}
	.navbar .login-box {
    margin-left: 70px;
}
.nav-product-box ul {
    list-style: none;
    margin: 0;
    padding: 10px 30px 0px 20px;
    background-color: #521767;
}
.nav-product-box ul li a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.nav-product-box.nproduct-box-loan {	width: 840px; top: -272px; left: -298px}
.nav-product-box.nproduct-box-card { width: 500px; top: -210px; left: -128px}
.nav-product-box.nproduct-box-saving {	width: 840px; top: -230px; left: -83px}
.nav-product-box.nproduct-box-account {	width: 540px; top: -53px; left: -13px}
.nav-product-box.nproduct-box-busad { width: 530px;top: -165px; left: -228px;}
.nav-product-box.nproduct-box-busad_en {  width: 500px; top: -143px; left: -245px}
.nav-product-box.nproduct-box-card_en { width: 560px; top: -191px; left: -175px}
.nav-product-box.nproduct-box-busad_en:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: 85px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-busad:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: 55px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-saving:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -240px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-account:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -240px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-other { width: 365px; top: -52px; left: -70px}
.nav-product-box.nproduct-box-other:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -20px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
}

@media (max-width: 1280px){

	.carousel-indicators { bottom: 120px;}
	.nav-product-box ul { list-style: none; margin: 0; padding: 20px 20px 10px 20px; background-color: #521767; }
	.nav-product-box.nproduct-box-busad_en { width: 540px; top: -263px; left: -155px}
	.nav-product-box.nproduct-box-card_en { width: 560px; top: -283px; left: -175px}
	.carousel-indicators li { width: 90px; height: 3px;}
	.carousel-caption { top: 410px !important; }
	.carousel-caption h5 {font-size: 28px; margin-bottom: 0; }
	.carousel-caption p { font-size: 60px;}
	.carousel-caption a { display: block; padding: 10px; background-color: #694a58; width: 20%; color: #fff; margin: 0 auto;
	  -webkit-border-radius: 4px;
	  border-radius: 4px;
	}
	.nav-product-box ul li a {
	    font-size: 16px;
	}
  .language {left: -13px;top: 20px;}
  .language a{ font-size: 19px;}
	.vector-box {display: none;}
	.navbar-brand img{
		margin-left: 80px;
	}
	.product-main {font-size: 18px;}
	.navbar .login-box {
    margin-left: 80px;
}
.subnav-product-item{
	width: 17%;
	font-size: 14px;
}
.subnav-product-body{
	width: 135%;
}
#main-body {
    font-size: 17px;
}
h3{font-size: 20px;}
h1{font-size: 1.5rem;}
.nav-product-box.nproduct-box-loan {width: 840px; top: -290px; left: -316px}
.nav-product-box.nproduct-box-card {width: 455px; top: -230px; left: -110px}
.nav-product-box.nproduct-box-saving {	width: 800px; top: -245px; left: -36px}
.nav-product-box.nproduct-box-account {	width: 800px; top: -70px; left: -36px}
.nav-product-box.nproduct-box-busad_en {  width: 500px; top: -160px; left: -245px}
.nav-product-box.nproduct-box-card_en { width: 560px; top: -205px; left: -175px}
.nav-product-box.nproduct-box-busad { width: 500px; top: -185px; left: -245px}
.nav-product-box.nproduct-box-busad:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: 95px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-busad_en:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: 95px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-saving:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -260px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-account:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -260px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-other { width: 400px; top: -72px; left: -129px }
.nav-product-box.nproduct-box-other:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
.nav-product-box.nproduct-box-loan:after {
  position: absolute;
  display: block;
  content: '';
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid #521767;
}
}

@media (max-width: 1230px) {
  .assistand-box { display: none; }
	.vector-box {display: none;}
	.vector-box {display: none;}
	.assistand-box { display: none;}
	.nav-product-section{display: none;}
	.personal{display: none;}
	.dropdown{display: block;}
	.subnav {display: none;}
	.sticky{display: none;}
	.language a.active{display: none;}
	a.nav-link {
	    text-transform: uppercase;
	    color: #333 !important;
	    font-size: 16px;
	    padding-top: 0;
	    padding-bottom: 0;
	    line-height: 1;
	}
	.carousel-caption {
    top: 750px !important;
}
}
@media (max-width: 768px) {
  .assistand-box { display: none; }
	.vector-box {display: none;}
	.vector-box {display: none;}
	.assistand-box { display: none;}
	.nav-product-section{display: none;}
	.personal{display: none;}
	.dropdown{display: block;}
	.subnav {display: none;}
	.sticky{display: none;}

	.language a.active{display: none;}
	.carousel-caption {
    top: 500px !important;
}
}
@media (max-width: 1170px) {
  .nav-product { width: 100%;}

  .nav-product-item { width: 50%; height: 38px; border: 1px solid rgba(255,255,255,.5); }
  .product-main { display: none; line-height: 38px; font-size: 16px;  }
  a.product-main { display: block; position: relative; z-index: 310; }
  .nav-product-item:hover > .nav-product-box { display: none;}

}
@media (max-width: 767px) {
  .vector-box {display: none;}
  .assistand-box { display: none;}
	.nav-product-section{display: none;}
	.personal{display: none;}
	.navbar .login-box {
		margin-left: 0;
}
.hidden-xs{
    display: none!important;
}
	.dropdown{display: block;}
	.subnav {display: none;}
	.sticky{display: none;}
	.language a.active{display: none;}
	.language {top: 20px;}
	.language a{font-size: 16px}
	.language a:last-child{ color: #3e3f3e;font-family: 'bold';font-size: 16px;}
	.navbar img{margin-left: 20px;width: 90%;}
	.navbar-brand{margin-right: 0;}
	.dropdown-menu { background-color: #7d63a9; }
	.dropdown-menu .dropdown-item { color: #fff; }
	.dropdown-menu .dropdown-item:hover { font-weight: bold; background-color: #7d63a9;  }
	.dropdown-submenu {
	  position: relative;
	}

	.dropdown-submenu a::after {
	  transform: rotate(-90deg);
	  position: absolute;
	  right: 6px;
	  top: .8em;
	}

	.dropdown-submenu .dropdown-menu {
	  top: 0;
	  left: 100%;
	  margin-left: .1rem;
	  margin-right: .1rem;
	}
  .slider-box { height: 170px; background-color: #d8cebb;}
  .carousel { height: 170px; overflow: hidden; }
	.d-none {display: block;}
  .carousel-image { height: 90vh; background-size: 113%;}
  .carousel-indicators { bottom: 5px;}
  .carousel-caption { display: none;}

	.carousel-indicators li {width: 60px;height: 2px;}

  .subnav .navbar { background-color: #fff !important; height: auto; }
  .subnav .navbar ul { margin: 0; padding: 0;}
  .subnav .navbar ul li { margin: 0; padding: 0;}
  .subnav .navbar ul li.active a.nav-link { background-color: #fff; color: #999; padding: 0; }
  .subnav .navbar ul li a.nav-link { background-color: #fff; color: #999; padding: 0; }

	.col-4 {flex: 0 0 100%;max-width: 100%;margin-top: 8px;}
	.exchange-header .col-4{flex: 0 0 33%;max-width: 33%;}
	.exchange-item .col-4{flex: 0 0 33%;max-width: 33%;}
  .weather-degree { font-size: 16px;}
  .weather-icon { height: 20px; margin-left: 5px; vertical-align: middle;}

  .exchange-item { font-size: 15px;}


  .nav-product-section { background: #4a3165; }
  .nav-product { width: 100%; margin: 0 auto; }
  .nav-product-item { width: 50%; height: 38px; border: 1px solid rgba(255,255,255,.5); }
  .product-main { display: none; line-height: 6px; font-size: 16px;  }
  a.product-main { display: block; position: relative; z-index: 310; }
	footer .col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
		margin-top: 10px;
}
}
@media (max-width: 360px) {
	.navbar-brand{width: 80%}
	.slider-box { height: 170px; background-color: #d8cebb;}
	.carousel { height: 170px; overflow: hidden; }
	.navbar .login-box {
		margin-left: 0;
}
	.navbar img {
	    margin-left: 25px;
	    width: 90%;
	}
}
@media (max-width: 320px) {
	.navbar .login-box {
		margin-left: 0;
}
	.navbar-brand{width: 80%}
	.navbar img {
	    margin-left: 20px;
	    width: 90%;
	}
}