.desktopView {display:block;}
.mobileView {display:none;}
.row .dividerLine {border-top:1px solid #ADADAD;margin: 0 200px;}

.sectionXmas1 {
	background:#ffffff url(../images/Xmas/section1_bg.jpg) no-repeat center top;
	min-height:660px;
}
.sectionXmas1.mobileView {
	background:#ffffff url(../images/Xmas/section1_bg_m.jpg) no-repeat center top;
	background-size:100% auto;
	min-height:660px;
	padding-bottom:60px;
}
.sectionXmas2 {
	background:#e0edf5 url(../images/Xmas/section2_bg.jpg) no-repeat center;
	background-size:cover;
	min-height:750px;
}
.sectionXmas3 {
	background: url(../images/Xmas/section3_bg.jpg) no-repeat center top, url(../images/Xmas/section3_bg2.jpg) no-repeat center bottom, #f35927;
	background-size:100% auto;
	min-height:700px;
	padding-left:0px !important;
	padding-right:0px !important;
}

.sectionXmas1 p {color:#333333; font-size:23px; line-height:1.4;}

.sectionXmas1 .row.mainText {padding:100px 180px 0;}
.sectionXmas1 .row.col4Btn {text-align:center; padding-top:60px;}
.sectionXmas1 .row.iconDetail {padding:25px 180px 60px; }
.sectionXmas1 .row.iconDetail ul li { color:#333333; font-size:21px;}
.sectionXmas1 .iconGroup {width:24%; display:inline-block;padding:0 10px; vertical-align: top;}
.sectionXmas1.mobileView .iconGroup {width:100%; display:inline-block;padding:0 10px; vertical-align: top;}
.sectionXmas1 .iconBtn {
	border-radius:10px; 
	background-color:#ffffff; 
	color:#056DAE;
	font-size:21px;
	line-height:1.2;
	font-weight:700;     	
	box-shadow: 0 0 5px #333333;
	cursor:pointer;
}
.sectionXmas1 .iconBtn .iconImg, .sectionXmas1 .iconBtn .iconTitle {display:inline-block;}
.sectionXmas1 .iconBtn .iconImg {width:40%;vertical-align: middle; padding:10px 0;}
.sectionXmas1.mobileView .iconBtn .iconImg {width:unset;}
.sectionXmas1 .iconBtn .iconTitle {padding:0 15px 0 0; vertical-align: middle;}
.sectionXmas1.mobileView .iconBtn .iconTitle {width:55%;}
.sectionXmas1 .downArrow {text-align:center; padding:10px 0;}
#icon1Content, #icon2Content, #icon3Content, #icon4Content {}
#icon1Content.hideDiv, #icon2Content.hideDiv, #icon3Content.hideDiv, #icon4Content.hideDiv,
#icon1 .hideDiv, #icon2 .hideDiv, #icon3 .hideDiv, #icon4 .hideDiv { 
	display:none;
}

.sectionXmas2 .row.mainText {padding:60px 180px; font-size:40px; font-weight:700; color:#002A54; line-height:1.4;}
.sectionXmas2 .row.mainText h3 { font-weight:700; color:#002A54; line-height:1.4;}
.sectionXmas2 .row.mainText strong {font-size: 115%; color: #f35927;}
.sectionXmas2 .row.mainBanner {padding:60px 0;}
.sectionXmas2 .row.mainBanner img {max-width:100%;}
.sectionXmas2 .row.mainCarousel {padding:0 180px 60px 180px;}
.sectionXmas2 .row.mainBanner .visible-lg, .sectionXmas2 .row.mainBanner .visible-md {
    display: inline-block!important;
}

.sectionXmas3 .row  {margin-left: 0px !important; margin-right: 0px !important;}
.sectionXmas3 .row.mainText {padding:80px 350px 0; font-size:40px; font-weight:700; color:#fff; line-height:1.4;}
.sectionXmas3 .row.mainText h3 { font-weight:700; color:#fff; line-height:1.4;}
.sectionXmas3 .row.subText {padding:30px 310px 0; font-size:21px; color:#fff; line-height:1.4;}
.sectionXmas3 .row.sectionDetail {
	padding-left:0px;
	padding-right:0px; 
	margin-left:0px;
	margin-right:0px;
	position:relative;
}
.sectionXmas3 .row.sectionDetail .row.detailText {float:left; position:absolute; bottom:0px; padding-bottom:60px;}
.sectionXmas3 .row.sectionDetail .detailImage {padding-bottom:40px; margin-top: -130px; padding-right: 20px;} 
.sectionXmas3 .row.sectionDetail .row.mainText {padding:80px 280px 0; font-size:40px; font-weight:700; color:#fff; line-height:1.4;}
.sectionXmas3 .row.sectionDetail .row.subText {padding:30px 280px 0; font-size:21px; color:#fff; line-height:1.4;}

.sectionXmas4 .row.remindText .mainText { color:#056DAE;line-height:1.2;}
.sectionXmas4 .row.remindText .mainText h3 { color:#056DAE;line-height:1.2;}
.sectionXmas4 .row.remindText .subText {font-size:21px; }

@media (max-width:1200px) {
.sectionXmas1 .row.mainText {padding:100px 80px 0;}
.sectionXmas1 .col-md-10 {    margin-left:0; width: 95%; }
.sectionXmas1 .row.iconDetail {padding:25px 80px 60px; }	

.sectionXmas2 .row.mainText {padding:60px 80px;}

.sectionXmas3 .row.sectionDetail .detailImage {padding-bottom:40px;} 
.sectionXmas3 .row.mainText {padding:80px 200px 0; font-size:40px; font-weight:700; color:#fff; line-height:1.4;}
.sectionXmas3 .row.subText {padding:30px 180px 0; font-size:21px; color:#fff; line-height:1.4;}
.sectionXmas3 .row.sectionDetail .row.mainText {padding:80px 200px 0;}
.sectionXmas3 .row.sectionDetail .row.subText {padding:30px 180px 0;}
}

@media (max-width:992px) {
.sectionXmas1 .row.mainText {padding:100px 30px 0;}
.sectionXmas1 .col-md-10 { width: 100%; }
.sectionXmas1 .row.iconDetail {padding:25px 30px 60px; }	
.sectionXmas2 .row.mainBanner .visible-lg, .sectionXmas2 .row.mainBanner .visible-md {
    display: none !important;
}
.sectionXmas2 .row.mainBanner .visible-sm, .sectionXmas2 .row.mainBanner .visible-xs {
    display: inline-block!important;
}
.sectionXmas2 .row.mainText {padding:60px 30px;}

.sectionXmas3 .row.sectionDetail .detailImage {padding-bottom:60px; margin-top: -100px;} 
.sectionXmas3 .row.sectionDetail .row.detailText {padding-bottom:30px;}
.sectionXmas3 .row.mainText {padding:80px 150px 0; font-size:40px; font-weight:700; color:#fff; line-height:1.4;}
.sectionXmas3 .row.subText {padding:30px 110px 0; font-size:21px; color:#fff; line-height:1.4;}
.sectionXmas3 .row.sectionDetail .row.mainText {padding:80px 150px 0;}
.sectionXmas3 .row.sectionDetail .row.subText {padding:30px 110px 0;}
}



@media (max-width:897px) {
.sectionXmas3 .row.sectionDetail .row.mainText {padding:80px 100px 0; font-size:36px;}
.sectionXmas3 .row.sectionDetail .row.subText {padding:30px 90px 0;}	
}


@media (max-width:767px) {
.sectionXmas1 p {color:#333333; font-size:16px; line-height:1.2;}	
.sectionXmas1 .row.iconDetail { padding: 5px 0;}	
.sectionXmas1 .row.mainText { padding: 50px 30px 0;}
.sectionXmas1 .row.iconDetail ul li { color:#333333; font-size:16px; line-height:1.2;}	
.sectionXmas1 .row.col4Btn { padding-top: 20px;}
.sectionXmas2 .row.mainText {padding:30px 10px; font-size:21px;line-height:1.2;}	
.sectionXmas2 .row.mainBanner {padding:30px 0;}
.sectionXmas2 .row.mainCarousel {padding:0 10px;margin-bottom: 30px;}
.sectionXmas2 { min-height: unset;}

.sectionXmas2 {
	background:#e0edf5 url(../images/Xmas/section2_bg_m.jpg) no-repeat center top;
	background-size: 100% auto;
}
.sectionXmas3 {
	background: url(../images/Xmas/section3_bg_m.jpg) no-repeat center top, url(../images/Xmas/section3_bg2_m.jpg) no-repeat center bottom, #f35927;
	background-size: contain;
}

.sectionXmas3 .row.sectionDetail {	position:unset;}
.sectionXmas3 .row.sectionDetail .row.detailText {float:none; position:unset; bottom:0px;}

.sectionXmas3 .row.mainText {padding:30px 50px 0;font-size:21px;line-height:1.2;}
.sectionXmas3 .row.subText {padding:20px 55px 10px;font-size:16px;line-height:1.2;}
.sectionXmas3 .row.sectionDetail .row.mainText {padding:30px 20px 0;font-size:21px;line-height:1.2;}
.sectionXmas3 .row.sectionDetail .row.subText {padding:30px 20px 0;font-size:16px;line-height:1.2;}

.sectionXmas3 .row.sectionDetail .detailImage {    padding-bottom: 0px; margin-top: 20px; padding-right: 20px; }
	
.sectionXmas4 .row.remindText .mainText {font-size:21px;line-height:1.2;}
.sectionXmas4 .row.remindText .subText {font-size:16px; }
.sectionXmas4 .row.remindText img {vertical-align: middle !important;}

.desktopView {display:none;}
.mobileView {display:block;}
.row .dividerLine {border-top:1px solid #ADADAD;margin:0px;}

.cbolui-ddl-pre .container-fluid>.row, .cbolui-ddl-pre .container>.row {
  margin-left: 0px;
  margin-right: 0px;
}
.cbolui-ddl-pre .row {
  margin-left: 0px;
  margin-right: 0px;
}

}

.goldText {color:#edc482;}



/* For Carousel */
@media (max-width: 767px) {
   /* .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }*/
}
#carouselIndicators  .carousel-inner {
    margin: 0 auto;    
    width: 90%;    
}
#carouselIndicators2 .carousel-inner {
    margin: 0 auto;    
    width: 90%;    
}
.itemDetail {
    padding: 15px;
}
.itemText {
    padding: 25px;
}
.itemLink {
    padding: 10px 0 ;
}

.carousel-control-prev {
    left: -50px;
}
.carousel-control-next {
    right: -50px;
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}
.carousel-indicators {margin-bottom:0px; display:none;}


#carouselIndicators2 .carousel-control-prev {
    left: -20px;
}
#carouselIndicators2 .carousel-control-next {
    right: -20px;
}

@media (max-width: 767px) {
	.itemDetail {
		padding: 8px;
	}
}


.hero-banner img {
  width: 100%;
}

.stepOpen {
  background: url(../images/add.png) no-repeat left center;
  padding-left: 25px;
  margin-top: 5px;
}
.stepOpen.less {
  background-image: url(../images/less.png);
}
.stepOpen a {
  color: #333;
  font-size: 16px;
  display: inline-block;
}
.remarks, .remarks p {
  font-size: 12px!important;
}
.remarks .nav-pills {
  border: 1px solid #00ccff;
  background-color: #00ccff;
  border-radius: 10px;
  display: table;
  margin: 0 auto;
  width: 100%;
}
.remarks .nav-pills>li {
  margin-bottom: 0;
  border-right: 1px solid #00ccff;
  width: 33.33333333333%;
  display: table-cell;
  float: none;
  border-radius: 0;
  vertical-align: middle;
  line-height: normal;
}
.remarks .nav-pills>li+li {
  margin-left: 0;
  background-color: #ffffff;
}
.remarks .nav-pills>li>a {
  border-radius: 0;
}
.remarks .nav-pills>li:first-child, .remarks .nav-pills>li:first-child>a {
  background-color: #ffffff;
  border-radius: 9px 0 0 9px;
}
.remarks .nav-pills>li:last-child, .remarks .nav-pills>li:last-child>a {
  border-right: 0;
  border-radius: 0 9px 9px 0;
}
.remarks .nav-pills>li.active {
  background-color: #00ccff;
}
.remarks .nav-pills>li.active>a, .remarks .nav-pills>li.active>a:focus, .remarks .nav-pills>li.active>a:hover {
  background-color: transparent;
}
.remarks .nav-pills>li>a, .remarks .nav-pills>li>a:focus, .remarks .nav-pills>li>a:hover {
  background-color: #ffffff;
}
.remarks .tab-content {
  text-align: left;
  background: #fff!important;
  padding: 0;
  padding-top: 30px;
}
.tnc li, .tnc p {
  font-size: 12px;
  line-height: 18px;
  color: #333;
}
.tnc ol>li:before {
  font-family: Interstate_Light, sans-serif;
}
.tnc ol ol>li:before {
  content: counter(li-counter, lower-alpha)')';
}
.tnc table {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}
.tnc table tr:first-child {
  border-top: 0;
}
.tnc table th, .tnc table td {
  padding: 5px;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  font-size: 12px;
}
.tnc table th, .tnc table .grayBg {
  background-color: #ececec;
}
.tnc table td {
  background-color: #ffffff;
}

@media (max-width:767px) {
.remarks .nav-pills>li>a {
  padding: 5px;
}
}

.view_desktop {
  display: block;
}
.view_mobile {
  display: none;
}

@media (max-width:767px) {
.view_desktop {
  display: none;
}
.view_mobile {
  display: block;
}
}
.private {
  position: relative;
}
.lang-switch-onbanner {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  z-index: 10;
  transform: translateX(-50%);
}
.cbolui-ddl-pre .hide {
  display: inherit !important;
}
.showHideCont ul li, .showHideCont ol li {
  font-size: 12px;
  margin-bottom: 0px;
}
.showHideCont ol {
  margin-bottom: 12px;
}
.showHideHdr {
  padding: 0 0 10px;
}
.showHideHdr a, .showHideSubHdr a, .showHideHdr span, .showHideSubHdr span {
  cursor: pointer;
  display: inline-block;
}
.tabsWrapper .hide {
  background: url(../images/less.png) no-repeat scroll 0 8px transparent;
}
.tabsWrapper .show {
  background: url(../images/add.png) no-repeat scroll 0 8px transparent;
}
.tabsWrapper .show, .tabsWrapper .hide {
  display: inline-block;
  padding-left: 25px;
  font-size: 1.313rem;
  line-height: normal;
}
.faq {
  padding:25px 25px 5px;
  background-color:#e7f5f9;
  font-size: 14px;
}
.faq ol {
  margin-left: 0;
}
.faq ol>li {
  margin-bottom: 0;
}
.faq ol>li:before {
  font-family: Interstate_Light,sans-serif;
  font-size: 14px;
  content: counter(li-counter) ".";
}
.faq ol>li:before, .faq ol>li:nth-child(n+10):before {
  left: 22px!important;
}
.faq h3 {
  font-size: 1.625rem;
  line-height: 2rem;
  font-weight: 400;
  color: #333;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 12px;
}
.faq .hide, .faq .show {
  padding-left: 45px;
}
.faq .hide {
  background: url(../images/less.png) no-repeat scroll 0 6px transparent;
}
.faq .show {
  background: url(../images/add.png) no-repeat scroll 0 6px transparent;
}
.faq .showHideCont table {
  font-size: 14px;
}
.faq .showHideCont table {
  margin-bottom: 15px;
}
.faq .showHideCont {
  padding-left: 45px;
}
.faq .showHideCont ul {
  margin-bottom: 12px;
}
.faq .showHideCont li, .faq .showHideCont p {
  font-size: 14px;
}
.faq .hdr2 {
  padding-left: 22px;
}
.faq .hdr2.show, .faq .hdr2.hide {
  background-position: 0 9px;
}
.faq .cont2 {
  padding-left: 22px;
}
ul.tickLst {
  padding-left: 0;
  margin-bottom: 0;
}
ul.tickLst li {
  list-style-image: url(../images/059-check-b1.png);
  list-style-position: inside;
}
.note {
	display: inline-block;
	padding: 20px;
	background-color: #efeff0;
}
.note ul {
	border-top: 2px solid #002a54;
	padding-top: 15px;
}
.note ul.tickLst li {
	border-bottom: 1px solid #d1d3d4;
	padding-bottom: 8px;
}
.flexslider .slides>li {
  margin: 0 auto;
}
.txtCenter {
  text-align: center !important;
}
.tabContent tr {
  border-top: 0px !important;
}
.flex-direction-nav, .flex-direction-nav li {
  margin-bottom: 0 !important;
}
.flex-direction-nav a {
  top: 46%;
}
.flex-direction-nav .flex-prev {
  left: -18% !important;
}
.flex-direction-nav .flex-next {
  right: -18% !important;
}
p.last {
  margin-bottom: 0;
}
.flexslider img {
  width: 100%;
}
.mobile-Step {
  /*padding-left: 26px*/
}
.mobile-Step p {
  font-size: 16px!important;
}
.mobile-con {
  text-align: center;
}
.img-caption {
  margin: 0;
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.img-caption ul {
  width: 100%;
  display: block;
  padding-left: 0;
  margin-bottom: 0;
}
.img-caption li {
  list-style: none;
  font-size: 16px!important;
}
.img-caption ul li div {
  margin: 4% 0;
  position: relative;
  margin-left: 25px;
  color: #666666;
}
.img-caption ul li div:first-child {
  margin-top: 0;
}

div.slider {
  margin: 20px 70px;
  width: 240px;
  display: inline-block;
  vertical-align: middle;
}
.tab-phone-txt {
  position: relative;
}
.img-caption ul li div span, .tab-phone-txt span {
  content: '';
  width: 19px;
  height: 19px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.img-caption p.small {
  font-size: 12px!important;
  color: #666666;
}
.tab-phone-txt span {
  left: 0;
}
.tab-phone-txt>div {
  margin-left: 25px;
  color: #00589d;
  line-height: normal;
}
.img-caption ul li.caption-1 div span {
  background: url(../images/gm/1-1.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.caption-2 div span {
  background: url(../images/gm/2-1.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.caption-3 div span {
  background: url(../images/gm/3-1.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.caption-4 div span {
  background: url(../images/gm/4-1.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.caption-5 div span {
  background: url(../images/gm/5-1.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.caption-6 div span {
  background: url(../images/gm/6-1.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.caption-7 div span {
  background: url(../images/gm/7-1.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.caption-5-1 div span, .img-caption ul li.caption-4-1 div span, .img-caption ul li.caption-4-2 div span, .img-caption ul li.caption-4-3 div span, .img-caption ul li.caption-4-4 div span {
  background: url(../images/gm/bull-1.png) center no-repeat;
  background-size: cover;
  margin-left: 10px;
}
.img-caption ul li.caption-check div span {
  background: url(../images/gm/check-1.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.select-cap.caption-1 div span, .slide1 .tab-phone-txt span {
  background: url(../images/gm/1-2.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.select-cap.caption-2 div span, .slide2 .tab-phone-txt span {
  background: url(../images/gm/2-2.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.select-cap.caption-3 div span, .slide3 .tab-phone-txt span {
  background: url(../images/gm/3-2.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.select-cap.caption-4 div span, .slide4 .tab-phone-txt span {
  background: url(../images/gm/4-2.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.select-cap.caption-5 div span, .slide5 .tab-phone-txt span {
  background: url(../images/gm/5-2.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.select-cap.caption-6 div span, .slide6 .tab-phone-txt span {
  background: url(../images/gm/6-2.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.select-cap.caption-7 div span, .slide6 .tab-phone-txt span {
  background: url(../images/gm/7-2.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.select-cap.caption-5-1 div span, .img-caption ul li.select-cap.caption-4-1 div span, .img-caption ul li.select-cap.caption-4-2 div span, .img-caption ul li.select-cap.caption-4-3 div span, .img-caption ul li.select-cap.caption-4-4 div span {
  background: url(../images/gm/bull-2.png) center no-repeat;
  background-size: cover;
  margin-left: 10px;
}
.img-caption ul li.select-cap.caption-check div span, .slide6 .tab-phone-txt span {
  background: url(../images/gm/check-2.png) center no-repeat;
  background-size: cover;
}
.img-caption ul li.select-cap div {
  color: #00589d;
}
ul.tabs-flat-nav {
  padding-left: 0px;
  margin-bottom: 0px;
}
.subtabs-menu {
  font-weight: lighter;
  font-size: 14px;
  display: table;
  margin: 0 auto;
  border: 1px solid #00CCFF;
  border-radius: 10px;
}
.subtabs-menu a {
  color: #00CCFF;
  padding: 7px 20px;
  display: table-cell;
  font-weight: normal;
  border-right: 1px solid #00CCFF;
  font-size: 18px;
}
.subtabs-menu a.current {
  color: #ffffff;
  background-color: #00CCFF;
  font-weight: bold;
  border-right: 0;
}
.subtabs-menu a:first-child {
  border-radius: 9px 0 0 9px;
}
.subtabs-menu a:last-child {
  border-radius: 0 9px 9px 0;
  border-right: 0;
}
.subtabContent {
  display: none;
}
.tabs-flat-nav {
  position: relative;
  background: #eeeeee;
  display: table;
  table-layout: fixed;
  width: 100%;
  border: solid 1px #c1c1c1;
  border-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
}
.tabs-flat-nav {
  border: none;
}
.tabs-flat-nav li {
  margin: 0;
  border: none;
  float: none;
  display: table-cell;
  border-radius: 0;
  padding: 16px;
  white-space: nowrap;
  vertical-align: middle;
  width: 1%;
  line-height: 1;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background: none;
  cursor: pointer;
}
.tabs-flat-nav li.line {
  border-right: solid 1px #c1c1c1!important;
  border-radius: 0;
}
.tabs-flat-nav li a {
  text-align: center;
  display: inline-block;
  color: #002A54;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  height: auto;
  float: none;
  border: none;
}
.tabs-flat-nav li.active a {
  background: none;
}
.tabs-flat-nav li.active::before {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  height: 5px;
  background: #002A54;
  display: block
}
.tabContent {
  display: none;
}
.tab2Content {
  padding-top: 20px;
}
.visible-phone {
  display: none;
}
.hidden-phone {
  display: block;
}

.visible_desktop {
  display: block;
}
@media screen and (max-width: 960px) {
.tabs-flat-nav li a {
  font-size: 14px;
}
.visible_desktop {
  display: none;
}
}

@media screen and (max-width: 767px) {
.visible-phone {
  display: block;
}
.hidden-phone {
  display: none;
}
.subtabs-menu a {
  font-size: 14px;
  padding: 7px 10px;
}
.column-break {
  display: block!important;
  padding: 0!important;
  padding-bottom: 15px!important;
  text-align: center;
}
.showHideArea {
  padding: 0;
}
}
.active_content {
  display: block !important;
}
/* listBox */
        
.listBox {
  margin: 0;
  font-size: 0;
  padding: 20px 0 30px;
}
.listBox .list_3box .desc {
  padding-top: 5px !important;
}
.listBox .list_3box {
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  float: none;
  width: 33.33%;
  text-align: center;
}
.listBox .list_3box .list_img {
  text-align: center;
  display: block;
  padding: 0;
  height: 72px;
  line-height: 72px;
}
.listBox .list_3box .list_img img {
  max-height: 100%;
  vertical-align: middle
}
.listBox .list_3box h4 {
  color: #05b4f4;
  font-size: 15px;
  font-weight: 700;
  margin: 20px auto 6px;
  line-height: 1;
  padding: 0;
}
.listBox .list_3box p {
  font-size: 12px;
  color: #000;
  padding: 0 12px;
}

@media screen and (max-width: 767px) {
.listBox {
  padding-top: 10px;
  width: 100%;
}
.listBox .list_3box {
  display: block;
  margin: 38px 0 0;
  width: auto;
  text-align: left
}
.listBox .list_3box:first-child {
  margin-top: 0;
}
.listBox .list_3box .list_img {
  float: left;
  width: 80px;
  height: auto;
  margin: 0;
  text-align: center;
  line-height: 0;
}
.listBox .list_3box .list_img img {
  max-height: auto;
  max-width: 50px;
}
.listBox .list_3box h4, .listBox .list_3box p {
  display: block;
  margin: 0 0 0 80px;
  padding: 0;
}
}
/* tab style override */
.tabs>li.active:first-child {
  border-left: 1px solid #C1C1C1
}
.tabs>li.active:last-child {
  border-right: 1px solid #C1C1C1
}
.tabs>li:last-child:after {
  display: none;
}
.tabs-flat-nav li a {
  padding-top: 0!important;
  line-height: normal;
}
.tabs>li.active {
  background: white;
  color: #002A54;
}
.tabs>li.active a {
  color: #002A54;
}
.tabs>li.active:before {
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 100%;
  height: 2px;
  background: #00BDF2;
}
.tabs>li.active:after {
  display: none;
}
.tabContentWrap {
  border-top: 0;
}

@media screen and (max-width: 767px) {
.tabContentFlatWrap {
  border-radius: 0;
  padding: 0;
  background: #f6f6f6;
  border: solid 1px #c1c1c1
}
.tabContentWrap {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.tabContentBorder {
  border: none;
  padding: 0;
  margin: 0;
}
.tabHead {
  font-size: 28px;
}
.tabHeading {
  border-radius: 0;
  border: solid 1px #c1c1c1;
  color: #002A54;
  background: url("arrow_down.png") no-repeat 95% center #f6f6f6;
  background-size: 13px 8px;
  padding: 15px 35px 15px 15px;
}
.tabHeading.active {
  background: url("arrow_up.png") no-repeat 95% center #05b4f4;
  background-size: 13px 8px;
  color: #fff;
  border-radius: 0;
}
.tabHeading.top {
  border-top: solid 1px #c1c1c1;
}
.tabHeading.bottom {
  border-bottom: solid 1px #c1c1c1;
}
.tabHeading:first-child {
  border-radius: 0;
}
.tabInnerLogo {
  text-align: center;
}
}
.tabsContainer {
  padding: 0;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
sup {
  font-size: 80% !important;
}
.blueBtn {
  background-color: #00BDF2 !important;
}
.blueBtn:hover {
  background: #008CE6 !important;
}
.blueBtn {
  color: #FFFFFF !important;
  display: inline-block;
  font-size: 16px;
  padding: 6px 7px 6px;
  border: none;
  cursor: pointer;
}
.tabContentWrap h3 {
  color: #3399CC;
  font-size: 14px;
  padding: 0;
  line-height: 100%;
  font-weight: bold;
  margin-bottom: 0px;
}
.showHideCont p {
  font-size: 12px;
  text-align: left;
  line-height: normal;
}
.contInnerWrap {
  padding-bottom: 10px;
  text-align: right;
}
.multiplecallAction li.center a.blueBtn, .callActionRgt a.blueBtn, .callActionLft a.blueBtn, .callActionRgt a.grayBtn, .callActionLft a.grayBtn, .topBoxBtn a.blueBtn, .topBoxBtn a.grayBtn, .tabBtn a.blueBtn, .tabBtn a.grayBtn {
  font-size: 18px;
  padding: 12px 25px 12px 25px;
  text-align: center;
  width: 220px;
}

@media (max-width: 1164px) {
.img-caption {
  width: 40%;
}
}

@media (max-width: 1024px) {
div.slider {
  float: none;
  margin: 20px auto;
}
.img-caption {
  float: none;
  width: 100%;
  margin-top: 0!important;
}
.img-caption ul {
  padding-left: 0;
}
.img-caption ul li div {
  margin-top: 20px;
  margin-bottom: 20px;
}
.img-caption.hidden-phone {
  display: none!important;
}
.tab-phone-txt.visible-phone {
  display: block!important;
}
}

@media only screen and (max-width: 767px) {
div.slider {
  width: 220px;
}
.img-caption {
  width: 100%;
}
.img-caption li {
  display: none;
}
.img-caption li.select-cap {
  display: block;
}
.flex-direction-nav a {
  top: 45%;
}
}

@media only screen and (max-width: 320px) {
div.slider {
  width: 200px;
}
.flex-direction-nav .flex-next {
  right: -30px !important;
}
.flex-direction-nav .flex-prev {
  left: -30px !important;
}
}
.cbolui-ddl-pre ol>li:nth-child(n+10) {
  margin-left: 0;
}
.cbolui-ddl-pre ol>li:nth-child(n+10):before {
  left: -22px;
}
.dot-divider {
  border-bottom: 1px dotted #CCCCCC;
  margin: 20px;
}
.flex-control-nav {
  display: block;
  bottom: 10px;
  margin: 0!important;
}
.flex-control-nav>li:before {
  display: none;
}
.flex-control-nav li {
  margin: 0 4px;
}
.flex-control-paging li a {
  width: 8px;
  height: 8px;
}
.blue-box {
  margin: -20px;
}
.blue-table {
  display: table;
  border-spacing: 20px;
  width: 100%;
}
.blue-table .col {
  display: table-cell;
  background-color: #e7f5f9;
  padding: 20px;
}
.blue-table .col.col1 {
  width: 100%;
}
.blue-table .col.col2 {
  width: 50%;
}
.blue-table .col.col3 {
  width: 33.33333%;
}
.blue-table .col.col4 {
  width: 25%;
}
.blue-table img.text-icon {
  max-width: 33px;
  margin: 0 auto 3px;
  display: block;
}
/*.blue-table h4 {
  font-size: 1.625rem;
  line-height: 2rem;
}*/
.blue-table ul.bulLst {
  margin-top: 20px;
  margin-bottom: 0;
}
.blue-table ul.bulLst li {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: normal;
}
.blue-table ul.bulLst li:last-child {
  margin-bottom: 0;
}
ul.bulLst.last {
  margin-bottom: 0;
}
ul.bulLst.center {
	padding-left: 0;
}
ul.bulLst.center li {
	list-style-position: inside;
}

@media (max-width:767px) {
.blue-box {
  margin: 0;
}
.blue-table {
  display: block;
}
.blue-table .col {
  display: block;
}
.blue-table .col.col1, .blue-table .col.col2, .blue-table .col.col3, .blue-table .col.col4 {
  width: auto;
  margin-top: 15px;
}
.blue-table .col:first-child {
  margin-top: 0;
}
/*.blue-table h4 {
  font-size: 1.313rem;
  line-height: 1.688rem;
}*/
ul.bulLst.center {
	padding-left: 20px;
	text-align: left;
}
ul.bulLst.center li {
	list-style-position: outside;
}
}
.dl-app p {
  font-size: 14px;
  line-height: normal;
}
.dl-app tr:first-child {
  border-top: 0;
}
.dl-app .ico {
  padding-right: 30px;
}

@media (max-width:767px) {
.dl-app .ico {
  width: 25%;
  padding-right: 20px;
}
.dl-app a.dl {
  width: 45%;
  display: inline-block;
}
}

.tips {
  border: 1px solid #CCCCCC;
  padding: 25px;
}
.tips h3 {
  font-size: 1.625rem;
  line-height: 2rem;
  font-weight: 400;
  color: #333;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 12px;
}
.tips h4 img, .tips h4 u, .tips h3 img, .tips h3 strong {
  display: inline-block;
  vertical-align: middle;
}
.tips ul.bulLst li {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 3px;
}
.tips ul.bulLst ul.bulLst {
  padding-left: 20px;
}
.tips p {
  font-size: 14px;
}
.eddaTable td {
  font-size: 14px;
  line-height: normal;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  padding: 5px;
}
.eddaTable tr.grayBg {
  background-color: #ececec;
}
.eddaTable td:nth-child(1) {
  border-left: 1px solid #CCCCCC;
}
.eddaTable td:nth-child(-n+5) {
  border-bottom: 1px solid #CCCCCC;
}
.eddaTableWarper {
  padding-left: 25px;
}
.security-box {
  background-color: #fdeada;
  padding: 20px;
}
.security-box h3 {
  font-size: 1.625rem;
  line-height: 2rem;
  font-weight: 400;
  color: #333;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 12px;
}
.security-box h3 img, .security-box h3 strong {
  display: inline-block;
  vertical-align: middle;
}
.security-box p {
  font-size: 14px;
}
.security-box ul.bulLst li {
  font-size: 14px;
  line-height: normal;
}
.security-box .showHideArea {
  padding: 10px 0 0;
}
.security-box .show, .security-box .hide {
  font-size: 14px;
  background-position: 0 3px;
}
.security-box .showHideCont {
  padding-left: 25px;
}

.orange-box {
  background-color: #fdeada;
  padding: 20px;
}
a.blue-btn {
  background-color: #056dae;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  padding: 8px 30px;
}
a.blue-btn:hover {
  background-color: #00BDF2;
  color: #fff;
}

.NewHideShow {
  border-bottom: 1px #ccc dotted;
  margin-bottom: 10px;
}
.NewHideShow>.showHideCont {
  margin-left: 44px;
}
.NewHideShow>.showHideCont .showHideArea {
  padding: 0;
}
.NewHideShow>.showHideHdr a {
  font-size: 1.3em;
  font-weight: bold;
  color: #3399CC;
  display: block;
}
.NewHideShow>.showHideHdr div {
  vertical-align: middle;
  display: table-cell;
}
.NewHideShow>.showHideHdr div.img {
  padding-right: 10px;
}
.NewHideShow>.showHideHdr div.img img {
  display: block;
}
.NewHideShow>.showHideHdr .show, .NewHideShow>.showHideHdr .hide {
  background: none;
  display: block;
  padding: 0;
  padding-right: 35px;
  position: relative;
}
.NewHideShow>.showHideHdr .show:after, .NewHideShow >.showHideHdr .hide:after {
  content: '';
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
}
.NewHideShow>.showHideHdr .show:after {
  background: url(../images/show.png) no-repeat scroll 0 0 transparent;
}
.NewHideShow>.showHideHdr .hide:after {
  background: url(../images/hide.png) no-repeat scroll 0 0 transparent;
}

@media (max-width:767px) {
.tips {
  padding: 15px;
}
.tips h3, .faq h3, .security-box {
  font-size: 1.313rem;
  line-height: 1.688rem;
}
.faq {
  padding: 15px 15px 0;
}
.security-box {
  margin: 15px 0 0;
}
.eddaTableWarper {
  padding-left: 0;
  overflow: scroll;
}
.NewHideShow>.showHideCont {
  margin-left: 0;
}
}

@media (max-width:380px) {
.eddaTable.small td {
  padding: 2px;
  font-size: 9px;
}
}
.cbolui-ddl-pre .container-breadcrumbs {
  border-top: 0;
  border-bottom: 1px solid #eee;
}
@media (max-width:1024px) {
.cbolui-ddl-pre .container-breadcrumbs {
  display: none;
}
}

.bottomMenu {bottom:0;left: 0;right: 0;position: absolute;text-align: center;width: 100%;background-color: #eee;z-index: 100;padding:10px 0;}
.bottomMenu.sticky {position: fixed;}
.bottomMenu.active {padding:0;}
.bottomMenu .controler {background-color: #eee;position: absolute;bottom: 100%;left: 50%;display: block;width: 84px;height: 40px;padding: 5px 10px;margin-left: -42px;}
.bottomMenu .container p,
.bottomMenu .container div,
.bottomMenu .container ul {display: inline-block;vertical-align: middle;margin-top: 1.5em;margin-bottom: 1.5em;}
.bottomMenu .controler .cloudIcon {vertical-align: top;display: inline-block;font: normal normal normal 30px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #333;}
.bottomMenu .controler .cloudIcon:before {content: "\f0ed";}
.bottomMenu p {font-size: 3rem;color: #555;margin: 0}
.bottomMenu ul {padding: 0 30px;font-size: 0;}
.bottomMenu li {display: inline-block;padding: 0 10px;vertical-align: middle;}
.download-wording {color: #0E2a48;font-size: 1em;font-weight: bold;display: inline-block;vertical-align: middle;}
.download-wording > span {display: inline-block;vertical-align: middle;padding: 5px;}
@media screen and (max-width: 991px) {
  .bottomMenu .container p,
  .bottomMenu .container div,
  .bottomMenu .container ul {margin-top: 0px;margin-bottom: 0px;}
  .bottomMenu .container p {font-size: 3rem; display: block;padding-top: 20px;}
  .bottomMenu .container ul {display: block;padding: 10px 0 20px 0;}
  .bottomMenu li {padding: 10px 5px 0;}
  .download-wording{font-size: 0.8em;}
  .download-wording img{height: 30px;}
}
.cbolui-ddl-pre #app-header li.sub {
	display: none;
}
.cbolui-ddl-pre .tab-menu .navbar-nav {
  margin: 0;
  width: 100%;
  word-break: keep-all;
  white-space: nowrap;
}
.cbolui-ddl-pre .tab-menu .navbar-nav > li {
  /*position: static;*/
  margin-right: 15px;
  display: inline-block;
}
.cbolui-ddl-pre .tab-menu .navbar-nav > li > a {
  border-bottom: 3px solid transparent;
  color: #000;
  padding: 13px 0 10px;
  transition: border .5s ease
}
.cbolui-ddl-pre .tab-menu .navbar-nav>li.active>a {
  border-bottom-color: #056dae;
  color: #056dae;
}
.cbolui-ddl-pre .citi-blue .menu-sticky.sticking {
  border-top: 0;
}
.new-header .tab-menu > .nav > li:first-child a {
  margin-left: 0
}
.new-header .tab-menu > .nav > li + li {
  margin-left: 15px
}
.new-header .tab-menu > .nav > li:after, .new-header .tab-menu > .nav > li.active:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: #056dae;
  content:'';
  -webkit-transition: all 220ms ease-out;
  -moz-transition: all 220ms ease-out;
  -o-transition: all 220ms ease-out;
  transition: all 220ms ease-out;
}
.new-header .tab-menu > .nav > li:hover:after, .new-header .tab-menu > .nav > li.active:after {
  width: 100%;
}
.new-header .tab-menu > .nav > li:hover .sub-menu-parent {
  display: block;
}
.new-header .tab-menu > .nav > li:last-child {
  margin-right: 0
}
.sub-menu-parent {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  padding: 0;
  z-index: 999;
  background-color: #fff !important;
  border-radius: 0px 0px 6px 6px;
  width: 250px;
}
.sub-menu-parent>li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sub-menu-parent>li>a {
	border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0px;
    text-align: left;
    padding: 20px !important;
    color: #333333 !important;
    display: block;
    font-size: 16px;
    line-height: 16px;
}
.sub-menu-parent>li:first-child>a {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sub-menu-parent>li>a:hover {
    color: #056dae !important;
}
.sub-menu-parent>li.active a {
    color: #056dae !important;
}
.cbolui-ddl-pre #app-header .loginout-wrapper li {
  padding-top: 8px;
  padding-bottom: 8px;
}
.menu-sticky.sticking {
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 199;
    box-shadow: 0 2px 2px rgba(0,0,0,0.175)!important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.new-header .menu-sticky.sticking {
    background-color: #fff;
}
@media (max-width: 1024px) {
  /*.cbolui-ddl-pre .tab-menu {
	right: 0;
	left: 0;
	top: 55px;
	width: auto;
	height: auto;
	background-color: #ffffff;
	position: fixed;
	z-index: 100;
	padding: 0 20px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.175);
  }*/
.cbolui-ddl-pre #app-header .loginout-wrapper {
  position: absolute;
  top: 0;
  right: 20px;
}
.cbolui-ddl-pre #app-header .loginout-wrapper li {
  padding-top: 3px;
  padding-bottom: 3px;
}
.cbolui-ddl-pre #app-header .loginout-wrapper a .colored {
  color: #fff;
}
.cbolui-ddl-pre .menu-sticky-wrapper {
  min-height: 50px;
}
.cbolui-ddl-pre .tab-menu .navbar-nav {
  width: 600px;
}
.cbolui-ddl-pre .tab-menu {
  overflow: hidden;
  overflow-x: auto;
}
.cbolui-ddl-pre #app-header .loginout-wrapper li {
  padding-top: 14px;
  padding-bottom: 14px;
}
.cbolui-ddl-pre .tab-menu::-webkit-scrollbar {
  display: none;
}
.cbolui-ddl-pre .tab-menu .navbar-nav > li {
  margin-right: 10px;
}
.new-header .tab-menu > .nav > li + li {
  margin-left: 10px
}
.new-header .tab-menu > .nav > li:hover .sub-menu-parent {
  display: none;
}
.sub-menu-parent {
  width: 100%;
  position: fixed;
  top: 104px;
}
.menu-sticky.sticking .sub-menu-parent {
  top: 50px;
}
.sub-menu-parent.is-active {
  display: block;
}
}
.footer-plain-2 {
  padding-bottom:130px;
}
.light-blue {
	padding: 0!important;
}
.light-blue .table {
	display: table;
	border-spacing: 20px;
	width: 100%;
	margin: 0;
	margin-top: -20px;
	padding: 0;
	border: 0;
}
.light-blue .cell {
	display: table-cell;
	width: 50%;
	background-color: #e7f5f9;
	padding: 20px;
}
.light-blue img {
	margin-bottom:5px;
}
.light-blue h4 {
	color: #056dae;
}
.light-blue li a {
	color: #333;
}
.light-blue li a:hover {
	color: #056dae;
}
.lang-switch a {
	color: #056DAE;
	font-weight: normal;
    line-height: 33px;
}
.lang-switch a:hover {
	color: #333333;
}
.rhtSideWrap {
	margin-left: 40px;
}
.lftSideImg {
	margin-left: -40px;
	float: left;
}
@media (max-width: 767px) {
.light-blue .table {
	display: block;
	margin-top: 0;
	padding: 0 20px;
}
.light-blue .cell {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.lang-switch a {
    line-height: normal;
}
}
@media (max-width: 1022px) {
#socialShare {
	margin: 0;
}
}
@media (min-width: 1023px) {
html[lang='zh'] #socialShare.topLeft, html[lang='zh-Hant'] #socialShare.topLeft, html[lang='zh-Hans'] #socialShare.topLeft, html[lang='sc'] #socialShare.topLeft, html[lang='en'] #socialShare.topLeft {
    top: 6%;
}
}
@media (max-width: 640px) {
.mobile-small td, .mobile-small ul.tickLst li {
	font-size:10px;
	line-height: 13px!important;
}
.mobile-small td {
	padding: 5px!important;
}
}