@charset "utf-8";
/* CSS Document */

      html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
      article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }	
      body {background: #fff; font: 14px/21px Arial, sans-serif; color: #000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; line-height:1;}
      
     /* h1 {color: #000; font-weight: normal; font-size: 42px; line-height: 46px; margin-bottom: 0; font-family: 'TheSansCdRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;}*/
      p {font-size: 16px; line-height: 24px; color:#000;font-family:"TheSansCdLight", Helvetica, Arial, sans-serif;}
	  img{max-width:100%;}
      a, a:visited {text-decoration: underline !important; outline: 0;  border:none !important;}
      a:hover, a:focus { text-decoration:none;}
      img{max-width: 100%; height: auto; }		
      .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
      .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
      .row:after, .clearfix:after { clear: both; }
      .row, .clearfix { zoom: 1; }
      .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
      .spacer { clear: both; display: block; overflow: hidden; visibility: hidden; width: 100%; height: 50px; }
      .container { position: relative; width: 100%; margin: 0 auto; padding: 0; }
      .header{ border-top: 10px  solid #e2001d;background-color:#897966;}
      .logo{ height: 82px;width:100%;}
	  .masthead{background-color:#f4f0e9;}
	  .first-section{background: url('../images/masthead2.png');height:305px;background-repeat:no-repeat;background-size:contain;background-position:center center;background-color:#000;}
	  .intro-text-wrapper{width:450px;margin-left:46%;padding:79px 0;}
	  .content.logo-header{padding:0;}
	  	.ocbc-logo{
		float:right;
		width:190px;
		}	
		.premier-logo{
		float:left;
		}		
	  h1{
		  font-family:'TheSansSemiBoldPlain', Helvetica, Arial, sans-serif;
		  font-size:27px;
		  line-height:42px;
		  color:#735d2a ;
		  margin-bottom:20px;
	  }
	  h1.premierlige{
		  margin-bottom:9px;
	  }
	  h2{font-size:25px;line-height:32px;font-family:'TheSansSemiBoldPlain', Helvetica, Arial, sans-serif;}
	  span.ph-no{color:#673333;font-size:21px;line-height:28px;}
	  span.overseas-ph-no{color:#673333;}
	  .intro-text h2{
		  font-family:'TheSansSemiBoldPlain', Helvetica, Arial, sans-serif;
		  font-size:25px;
		  line-height:35px;
		  color:#735d2a;
	  }
	  h2.enjoy-header{color:#897966;}
	  .intro-text p{		  
		  font-size:16px;
		  font-family:"TheSansCdRegular", Helvetica, Arial, sans-serif;
		  line-height:28px;
		  color:#fff;
	  }
	  .premierlife-part{
		  width:48%;
		  display:inline-block;
		  *zoom:1;
		  *display:inline;
		  vertical-align:top;
		  margin-right:29px;
	  }
	  .how-part{
		  width:48%;
		  display:inline-block;
		  *zoom:1;
		  *display:inline;
		  vertical-align:top;
	  }
	  .premier-step-1{
	  padding:16px 10px;
	  background-color:#fff;
	  margin:10px 0;
	  border-left: 5px solid #735D2A;
	  }
	  .premier-step-2{
	  padding:16px 10px;
	  background-color:#fff;
	  margin:10px 0;
	  border-left: 5px solid #735D2A;
	  }
	  .premier-step-3{
	  padding:16px 10px;
	  background-color:#fff;
	  margin:10px 0;
	  border-left: 5px solid #735D2A;
	  }
	  .how-part-step-1{
	  padding:18px 10px;
	  background-color:#fff;
	  margin:10px 0;
	  }
	  .how-part-step-2{
	  padding:18px 10px;
	  background-color:#fff;
	  margin:10px 0;
	  }
	  .how-part-step-3{
	  padding:18px 15px;
	  background-color:#fff;
	  margin:10px 0;
	  }
	  .left-img img{max-width:100%;}
	  .left-img{
		  display:inline-block;		 
		  *zoom:1;
		  *display:inline;
		   width:11%;
		   vertical-align:middle;
		}
		.right-text{
		  display:inline-block;		  
		  *zoom:1;
		  *display:inline;
		  width:87%;
		  vertical-align:middle;		  
		}
	  .divider-1{height:30px;}
	  .divider{height:10px;}
	  a.button-red.how-to-apply-btn{
		  background-image:none;
		  background-color:#673333;
		  padding:7px 27px !important;
		  margin-left:290px;
		  text-decoration:none !important;
	  }
	  .line{background:#c8c8c8;height:2px;margin:50px 0;}
	  .left-footer-part{
		  width:46.5%;
		  display:inline-block;
		  *zoom:1;
		  *display:inline;
		  background-color:#f3f3f3;
		  padding:15px 10px;
		  vertical-align:top;
		  margin-right:10px;
	  }
	  .right-footer-part{
		  width:46.5%;
		  display:inline-block;
		  *zoom:1;
		  *display:inline;
		   padding:29px 10px;
		   vertical-align:top;
		   background:url(../images/gray-shape-bg.png);
	  }
	  .left-footer-part p, .right-footer-part p{
		  font-size:17px;
		  line-height:22px;
		  font-family:'TheSansSemiBoldPlain', Helvetica, Arial, sans-serif;
		  
	  }
	  .right-footer-part p.special{color:#735d2a}
	  p.tnc{font-size:14px !important;}
	  .dolloar-img{
		  display:inline-block;
		  *zoom:1;
		  *display:inline;
		  vertical-align:top;
		  width:43%;
		  margin-right:5px;
	  }
	   .right-copy{
		  display:inline-block;
		  *zoom:1;
		  *display:inline;
		  vertical-align:top;
		  width:53%;
	  }
	  .social-part{
		  width:200px;
		  margin:0 auto;
	  }
	  .social-part p, .social-part img{
		  display:inline-block;
		  *zoom:1;
		  *display:inline;
		  vertical-align:middle;
		  margin:0 5px;
	  }
	  #tnc-box{display:none;}
	  #important-notice{display:none;}
	  #footnotes{display:none;}
	  ul li{
		  font-family:"TheSansCdLight", Helvetica, Arial, sans-serif;
		  font-size: 16px;
		  line-height: 24px;
		  color:#000;
		  list-style-type:none;		  
		}
		ol li{
		  font-family:"TheSansCdLight", Helvetica, Arial, sans-serif;
		  font-size: 16px;
		  line-height: 24px;
		  color:#000;	
		}
		.generic-accordion-container{display:none;}
		.generic-accordion-header h2{font-size:30px !important}
		.generic-accordion-header.illustration-mobile{
			background:url(../images/accordion-bg.png) no-repeat scroll 90% 0% !important;
		}
		.generic-accordion-header.illustration-mobile h2{color:#fff;}
		.generic-accordion-content{padding:25px 25px 25px !important;}
		.mobile-call-us{
			display:none;
			background-color:#eeeeee;
			height:42px;
			padding:10px 0;
			position:fixed;
			bottom:0;
			width:100%;			
		}
		.mobile-call-us a{text-decoration:none !important}
		.mobile-call-us h1{color:#434343;text-align:center;margin-bottom:0;}
      /*.masthead img{width:840px;height:463px;max-width:100%;}*/
      .contentwrap{ max-width: 860px; width:100%; margin: auto;}
      .content{ padding: 0 10px;}
      .row.promo{vertical-align:top !important; font-size:0;}
      .row.outer-container{ background-color: #fff; border: 1px solid #d7d7d7;margin: 0;	padding: 2px; border-radius:6px; -webkit-border-radius:6px;  -moz-border-radius:6px;}
      .row .inner-container{padding:30px 20px; background: #fff url(/assets/images/conten_box_gradient.jpg) repeat-x left bottom; border-radius:6px;  -webkit-border-radius:6px; -moz-border-radius:6px;}  
      @media only screen and (max-width: 767px) {
		  .masthead img{max-width:100%;height:auto}
          .spacer { height: 30px; }
		  .how-it-works-section{width:94%;padding:0 10px;}
		  .premierlife-part{width:100%;margin:0;}
		  .how-part{width:100%;}
		  .left-footer-part{display:none;}	
		 .intro-text-wrapper{
			  width:100%;
			  margin:20px 0;
		  }
		  .intro-text{text-align:center;}
		  .intro-text p{display:none;}
		  a.button-red.how-to-apply-btn{margin-left:27%;margin-top:30px;}
		 .generic-accordion-container{display:block;}
		 .illustration-desktop{display:none;}
		 .right-footer-part{width:93%;}
		 .mobile-call-us{display:block;}		
		 .first-section{
			 background:url(../images/mobile-masthead-bg.jpg);
			 background-size: cover;
			 background-repeat: no-repeat !important;
			 height:260px;
			 }
		 #how-to-apply{display:none;}
		 a.how-to-apply-btn{display:none;}
		 .line{margin-top:0;margin-bottom:30px}
	  }
	 @media only screen and (max-width: 968px) {
	  	 .logo{height:56px}
		 .ocbc-logo{width:auto}
		 .premier-logo img{width:154px}
		 .ocbc-logo img{width:118px}
	  }
	  @media only screen and (min-width:768px) and (max-width: 959px)  {
		  .content.box{margin:0 4px;}	  
	  .intro-text-wrapper{margin-left:39%;}
	  .premierlife-part{margin-right:14px;}
	  .how-it-works-section{padding:0 10px;}
	  .premierlife-part{width:49%}
	  .left-footer-part{width:46%;padding:26px 10px;}
	  .right-footer-part{width:46%}
	  .ocbc-logo img{margin-left:43%}
	  .premier-step-1, .premier-step-2, .premier-step-3{padding:21px 0;}
		  }
	  /*@media only screen and (min-width: 959px ){
	  .content.box{margin:0 4px;}	  
	  .intro-text-wrapper{margin-left:39%;}
	  .premierlife-part{margin-right:14px;}
	  .how-it-works-section{padding:0 10px;}
	  .premierlife-part{width:49%}
	  .left-footer-part{width:46%;padding:26px 10px;}
	  .right-footer-part{width:46%}
	  .ocbc-logo img{margin-left:43%}
	  .premier-step-1, .premier-step-2, .premier-step-3{padding:21px 0;}
	  }
*/