<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Error | Philippine Star</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />

<meta property="og:title" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:description" content="" />
<meta property="og:site_name" content="" />

<!-- link href="http://www.philstar.com/css/normalize.css" rel="stylesheet" type="text/css" / -->
<link href="http://www.philstar.com/css/style.css" rel="stylesheet" type="text/css" />
<link href="http://www.philstar.com/css/fonts.css" rel="stylesheet" type="text/css" />
<link href="http://www.philstar.com/css/menu.css" rel="stylesheet" type="text/css" />
<link href="http://www.philstar.com/css/whiteout.css" rel="stylesheet" type="text/css" />
<link href="http://www.philstar.com/css/jquery-ui.min.css" rel="stylesheet" type="text/css" />


<link rel="shortcut icon" href="http://www.philstar.com/images/Home/favicon.ico" type="image/vnd.microsoft.icon" />
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="google-signin-scope" content="profile email">
<meta name="google-signin-client_id" content="901299274787-uhltbpsq076q893g1pbfe765frnelm5j.apps.googleusercontent.com">
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script src="https://apis.google.com/js/api:client.js"></script>

<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
<script src="http://www.philstar.com/js/jquery-1.10.2.min.js"></script>
<script src="http://www.philstar.com/js/jquery-ui.min.js"></script>
<script src="http://www.philstar.com/js/java.js"></script>
<!--script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBmOVuTlMYQOlHIilaS-JpAIpSeKPugf8I&callback=getLocation"></script-->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBmOVuTlMYQOlHIilaS-JpAIpSeKPugf8I"></script>
 
<!--script type="text/javascript">
   stLight.options({publisher: "5ad44bb4-d58a-41b9-b6de-96e5bb795b3d", doNotHash: false, doNotCopy: false, hashAddressBar: false});
</script-->

<script type="text/javascript">
   (function () {
        var s = document.createElement('script');
        s.type = 'text/javascript';
        s.async = true;
        s.src = ('https:' == document.location.protocol ? 'https://s' : 'http://i')
          + '.po.st/static/v4/post-widget.js#publisherKey=q39kkkmkk1husjan3q3g';
        var x = document.getElementsByTagName('script')[0];
        x.parentNode.insertBefore(s, x);
   })();
</script>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-85522557-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Begin comScore Tag -->
<script>
  var _comscore = _comscore || [];
  _comscore.push({ c1: "2", c2: "8100059" });
  (function() {
    var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true;
    s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";
    el.parentNode.insertBefore(s, el);
  })();
</script>
<noscript>
  <img src="http://b.scorecardresearch.com/p?c1=2&c2=8100059&cv=2.0&cj=1" />
</noscript>
<!-- End comScore Tag --><style type="text/css">
<!--
a {
   color: #00659e;
   text-decoration: none;
}

h1 {
   font-size: 24px;
   margin-top: 0;
}

.theContent {
   font-family: robotolight;
   font-size: 16px;
}

#privacy_content {
   margin: 0;
   padding: 30px;
   box-sizing: border-box;
   background: #fff;
}

@media only screen and (max-width: 575px){

}
-->
</style>
</head>

<body>
<script type="text/javascript">
<!--
function statusChangeCallback(response) {
   console.log('statusChangeCallback');
   console.log(response);
   // The response object is returned with a status field that lets the
   // app know the current login status of the person.
   // Full docs on the response object can be found in the documentation
   // for FB.getLoginStatus().
   if (response.status === 'connected') {
      // Logged into your app and Facebook.
      //testAPI();
   } else if (response.status === 'not_authorized') {
      // The person is logged into Facebook, but not your app.
   } else {
      // The person is not logged into Facebook, so we're not sure if
      // they are logged into this app or not.
   }
}

function checkLoginState() {
   FB.getLoginStatus(function(response) {
      statusChangeCallback(response);
   });
}

window.fbAsyncInit = function() {
   FB.init({
      appId      : '1492927611003506',
      xfbml      : true,
      version    : 'v2.5'
   });

   FB.getLoginStatus(function(response) {
    statusChangeCallback(response);
   });
};

(function(d, s, id){
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

function testAPI() {
   whiteout_reset();

   FB.api('/me', {fields: 'id, email, first_name, last_name'}, function(response) {
      $.post('http://www.philstar.com/check_credentials.php', "id=" + response.id + "&email=" + response.email + "&firstname=" + response.first_name + "&lastname=" + response.last_name, function(msg) {
         console.log("credentials: " + msg);
         if (msg == "logged" || msg == "added") {
            location.reload();
         }
         else {
            $("#floatingBarsG").css({display: "none"});
            $("#popup").css({display: "block"});
            $("#popup_message").text("Email address already in use.");
         }
      });
   });
}

function fb_share(url) {
   FB.ui({
      method: 'share',
      display: 'popup',
      href: url
   }, function(response){});
}

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-85522557-1', 'auto');
ga('send', 'pageview');
-->
</script>

<div id="content" style="">
   <div id="header">
      <div id="logo_nav">
         <div id="header_burger"></div>
         <a href="http://www.philstar.com/"><img class="theLogo" src="http://www.philstar.com/images/logo_03.png"></a>
         <div id="nav_publications">
            <ul id="top-navig">
               <li>
                  <a href="http://www.philstar.com/" class="active">
                     The Philippine Star
                  </a>
               </li>
               <li>
                  <a href="http://www.philstar.com/ngayon">
                     Pilipino Star Ngayon
                  </a>
               </li>
               <li>
                  <a href="http://www.philstar.com/freeman">
                     The Freeman
                  </a>
               </li>
               <li>
                  <a href="http://www.philstar.com/pang-masa">
                     Pang-Masa
                  </a>
               </li>
               <li>
                  <a href="http://www.philstar.com/banat">
                     Banat
                  </a>
               </li>
            </ul>

            <div>
               <ul id="mobile-navig"><!--
                  --><li>
                     <a href="http://www.philstar.com/headlines">
                        HEADLINES                        </a>
                  </li><!--
                  --><li>
                     <a href="http://www.philstar.com/opinion">
                        OPINION                        </a>
                  </li><!--
                  --><li>
                     <a href="http://www.philstar.com/nation">
                        NATION                        </a>
                  </li><!--
                  --><li>
                     <a href="http://www.philstar.com/world">
                        WORLD                        </a>
                  </li><!--
                  --><li>
                     <a href="http://www.philstar.com/business">
                        BUSINESS                        </a>
                  </li><!--
                  --><li>
                     <a href="http://www.philstar.com/sports">
                        SPORTS                        </a>
                  </li><!--
                  --><li>
                     <a href="http://www.philstar.com/entertainment">
                        ENTERTAINMENT                        </a>
                  </li><!--
                  --><li>
                     <a href="http://www.philstar.com/lifestyle">
                        LIFESTYLE                        </a>
                  </li><!--
               --></ul>
            </div>

            <div id="nav_footer">
               <a href="http://www.philstar.com/about-us">About Us</a> |
               <a href="http://www.philstar.com/privacy-policy">Privacy Policy</a> |
               <a href="http://www.philstar.com/member-agreement">Member Agreement</a> |
               <a href="http://www.philstar.com/copyright-notice">Copyright Notice</a>

               <div style="margin-top: 10px">
                  Copyright &copy; 2016. Philstar Global Corp. All Rights Reserved
               </div>
            </div>
         </div>
      </div>

      <div id="nav_profile">
         <ul id="nav_profile_links">
            <li><a href="http://www.philstar.com/profile" id="user_welcome">My Profile</a></li>
            <li><a id="user_logout">Sign Out</a></li>
         </ul>
      </div>

      <div id="nav_social">
         <ul id="nav_social_links">
            <li class="blue"><a href="https://plus.google.com/+PhilstarcomNews" target="_blank"><img src="http://www.philstar.com/images/header_gp.png" style="margin-right: 11px"> Google+</a></li>
            <li class="blue"><a href="http://www.philstar.com/rss" target="_blank"><img src="http://www.philstar.com/images/header_rss.png" style="margin-right: 18px"> RSS Feed</a></li>
            <li class="gray"><a href="http://www.philstar.com/contact-us" target="_blank" style="color: #535353"><img src="http://www.philstar.com/images/header_contact.png" style="margin-right: 14px"> Contact Us</a></li>
         </ul>

         <ul id="nav_social_links_mobile">
            <li class="blue"><a href="https://twitter.com/PhilstarNews" target="_blank"><img src="http://www.philstar.com/images/header_tw_mobile.png" style="margin-right: 27px"> Twitter</a></li>
            <li class="blue"><a href="https://plus.google.com/+PhilstarcomNews" target="_blank"><img src="http://www.philstar.com/images/header_gp_mobile.png" style="margin-right: 12px"> Google+</a></li>
            <li class="blue"><a href="http://www.philstar.com/rss" target="_blank"><img src="http://www.philstar.com/images/header_rss_mobile.png" style="margin-right: 32px"> RSS Feed</a></li>
            <li class="gray"><a href="http://www.philstar.com/contact-us" target="_blank" style="color: #535353"><img src="http://www.philstar.com/images/header_contact_mobile.png" style="margin-right: 14px"> Contact Us</a></li>
         </ul>
      </div>

      <div id="mobile_icons">
         <a href="#" id="mobile_search" class="mobile_icon" style="background-image: url('http://www.philstar.com/images/mobile_search.png'); width: 33px"><img src="http://www.philstar.com/images/blank.png" style="width: 35px"></a>
         <img src="http://www.philstar.com//images/header_divider_mobile.png" class="header_mobile_divider mobile_icon">
         <a href="#" id="mobile_login" class="mobile_icon" style="background-image: url('http://www.philstar.com/images/mobile_login.png'); background-size: 31px; width: 31px; margin-right: 0"><img src="http://www.philstar.com/images/blank.png" style="width: 31px"></a>
         <img src="http://www.philstar.com//images/header_divider_mobile.png" class="header_mobile_divider mobile_icon">
         <a href="https://www.facebook.com/philstarnews" target="_blank"><img src="http://www.philstar.com//images/header_fb_mobile.png" class="mobile_icon" style="margin: 0 8px"></a>
         <a href="#" class="header_social_expand_mobile"><img src="http://www.philstar.com//images/header_ot_mobile.png" class="mobile_icon"></a>

         <a href="#" id="mobile_search" class="mobile_icon_tiny" style="background-image: url('http://www.philstar.com/images/mobile_search.png'); background-size: 21px 40px; width: 21px"><img src="http://www.philstar.com/images/blank.png" style="width: 21px"></a>
         <img src="http://www.philstar.com//images/header_divider_mobile.png" class="header_mobile_divider mobile_icon_tiny">
         <a href="#" id="mobile_login" class="mobile_icon_tiny" style="background-image: url('http://www.philstar.com/images/mobile_login.png'); background-size: 18px 40px; width: 18px"><img src="http://www.philstar.com/images/blank.png" style="width: 18px"></a>
         <img src="http://www.philstar.com//images/header_divider_mobile.png" class="header_mobile_divider mobile_icon_tiny">
         <a href="https://www.facebook.com/philstarnews" target="_blank"><img src="http://www.philstar.com//images/header_fb_mobile.png" class="mobile_icon_tiny" style="margin: 0 8px; height: 20px"></a>
         <a href="#" class="header_social_expand_mobile"><img src="http://www.philstar.com//images/header_ot_mobile.png" class="mobile_icon_tiny" style="height: 20px"></a>
      </div>

      <div id="nav_container">
         <div id="div-navig">
            <a href="http://www.philstar.com/" class="active">
               The Philippine Star
            </a>

            |

            <a href="http://www.philstar.com/ngayon">
               Pilipino Star Ngayon
            </a>

            |

            <a href="http://www.philstar.com/freeman">
               The Freeman
            </a>

            |

            <a href="http://www.philstar.com/pang-masa">
               Pang-Masa
            </a>

            |

            <a href="http://www.philstar.com/banat">
               Banat
            </a>
         </div>

         <ul id="main-navig">
            <li>
               <a href="http://www.philstar.com/">
                  HOME
               </a>
            </li>
            <li>
               <a href="http://www.philstar.com/headlines">
                  HEADLINES                  </a>
            </li>
            <li>
               <a href="http://www.philstar.com/opinion">
                  OPINION                  </a>
            </li>
            <li>
               <a href="http://www.philstar.com/nation">
                  NATION                  </a>
            </li>
            <li>
               <a href="http://www.philstar.com/world">
                  WORLD                  </a>
            </li>
            <li>
               <a href="http://www.philstar.com/business">
                  BUSINESS                  </a>
            </li>
            <li>
               <a href="http://www.philstar.com/sports">
                  SPORTS                  </a>
            </li>
            <li>
               <a href="http://www.philstar.com/entertainment">
                  ENTERTAINMENT                  </a>
            </li>
            <li>
               <a href="http://www.philstar.com/lifestyle">
                  LIFESTYLE                  </a>
            </li>
         </ul>

         <div id="loginLink">
            <img id="search_toggle" class="loginserch" src="http://www.philstar.com/images/Home/loginserch_03.png">

            <img class="login_divide" src="http://www.philstar.com/images/header_divider.png">

                           <img id="user_login" class="loginserch" src="http://www.philstar.com/images/login_icon.png">
            
            <img class="login_divide" src="http://www.philstar.com/images/header_divider.png">

            <a href="https://www.facebook.com/philstarnews" target="_blank"><img class="loginserch" src="http://www.philstar.com/images/header_fb.png"></a>
            <a href="https://twitter.com/PhilstarNews" target="_blank"><img class="loginserch" src="http://www.philstar.com/images/header_tw.png"></a>
            <img id="header_social_expand" class="loginserch" src="http://www.philstar.com/images/header_ot.png" style="padding: 5px 0">
         </div>
      </div>

      <div id="mobile_social_drop" class="mobile_hide">
         <table id="mobile_table">
            <tr>
               <td class="mobile_padding">
                  <a href="#" class="mobile_social_link"><img src="http://www.philstar.com/images/mobile_fb.png"></a>
                  <a href="#" class="mobile_social_link"><img src="http://www.philstar.com/images/mobile_tw.png"></a>
                  <a href="#" class="mobile_social_link"><img src="http://www.philstar.com/images/mobile_li.png"></a>
                  <a href="#" class="mobile_social_link"><img src="http://www.philstar.com/images/mobile_gp.png"></a>
               </td>
            </tr>
         </table>
      </div>

      <div id="searchbar">
         <div id="searchbar_slider">
            <input type="text" id="search_field" placeholder="Enter search item">

            <div id="searchbar_icon"></div>
            <div id="searchbar_close">X</div>
         </div>
      </div>
   </div> <!-- header end -->

   <div id="skin_holder">
      <div id="skin_l" class="skin_ad"><!--  --></div>
      <div id="skin_r" class="skin_ad"><!--  --></div>
   </div>

   <input type="hidden" id="geo_long" value="">
   <input type="hidden" id="geo_short" value="">

   <div id="backtotop">
      Back to Top
   </div>

   <div class="container">
      <div class="theLeaderBoard">
      </div>

      <div class="theContent">
         <div id="privacy_content">
            <h1>Error</h1>

               Page Not Found.<br><br>

               Philstar.com is transitioning to a redesigned website to give you a better reading and viewing experience. Please bear with us as we work on fixing bugs and errors in the process.
         </div>
      </div>
   </div> <!-- inner container -->
</div>

<div id="static_cells"></div>

   <div id="whiteout">      <table style="width: 100%; height: 100%">         <tr>            <td id="whiteout_td">               <div id="floatingBarsG" style="margin: 0 auto;">                  <div class="blockG" id="rotateG_01"></div>                  <div class="blockG" id="rotateG_02"></div>                  <div class="blockG" id="rotateG_03"></div>                  <div class="blockG" id="rotateG_04"></div>                  <div class="blockG" id="rotateG_05"></div>                  <div class="blockG" id="rotateG_06"></div>                  <div class="blockG" id="rotateG_07"></div>                  <div class="blockG" id="rotateG_08"></div>               </div>               <div id="popup">                  <div id="popup_contents">                     <div id="popup_message"></div>                     <div id="popup_controls">                        <div id="popup_close" class="popup_button">OK</div>                     </div>                  </div>               </div>               <div id="logout">                  <div>Are you sure you want to log out?</div>                  <div id="logout_yes" class="popup_button">Yes</div>                  <div id="logout_no" class="popup_button">No</div>               </div>               <div id="login">                  <div id="login_close">X</div>                  <div id="login_message"></div>                  <div id="login_left">                     <div id="login_title">Login</div>                     <p>Philstar.com is one of the most vibrant, opinionated, discerning communities of readers on cyberspace. With your meaningful insights, help shape the stories that can shape the country. Sign up now!</p>                  </div><!--                  --><div id="login_right">                     <div class="login_header">E-mail or Username:</div>                     <input type="text" id="ps_email" class="login_text" placeholder="EMAIL">                     <div class="login_header">Password</div>                     <input type="password" id="ps_password" class="login_text" placeholder="PASSWORD" autocomplete="off">                     <div id="login_other">                        <input type="checkbox" id="ps_remember" name="remember"> <label for="ps_remember"><span></span> &nbsp; REMEMBER ME</label>                        <!-- a href="#" id="login_forgot">FORGOT PASSWORD?</a -->                     </div>                     <div id="login_button">SIGN IN</div>                     <div id="login_divider">                        <div id="login_divide_left"></div>                        <div id="login_divide_title">                           or sign in with                        </div>                        <div id="login_divide_right"></div>                     </div>                     <div id="login_alts">                        <div id="login_fb"><a href="#"><img src="http://www.philstar.com/images/blank.png" style="width: 100%; height: 100%; display: block"></a></div><!--                        --><div id="login_tw"></div><!--                        --><div id="login_gp"></div>                     </div>                  </div>                  <div id="login_register">                     New user?                     <a href="http://www.philstar.com/register">CLICK HERE TO REGISTER</a>                  </div>               </div>            </td>         </tr>      </table>   </div>   <div id="offset" style="position: fixed; bottom: 0; left: 0; font-size: 30px; color: #000"></div>   <!--div id="switchback">      <div id="switchback_link">         <img src="http://www.philstar.com/images/switch_back_return.png">         <div id="switchback_switch">            Switch back             to Philstar         </div>         <a href="http://www.philstar.com/rss.aspx?publicationSubCategoryId=200?nomobile=1"><img src="http://www.philstar.com/images/blank.png"></a>      </div>      <div id="switchback_feedback">         E-mail us for feedback at<br>         <a href="mailto:support@philstar.com">support@philstar.com</a>      </div>   </div--><!--  |  --><!-- cook |  -->   <div id="cookie-message">      <div id="cookie-text">         This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies.         <div id="cookie-close">            <input type="button" id="cookie-button" value="Close">         </div>      </div>   </div><style type="text/css">
<!--
.table-row {
   display: table-row;
}

.tutorial-mobile {
   display: none;
}

#tutorial {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999999;
   display: none;
   background: url('http://www.philstar.com/images/blacker.png');
}

#tutorial-back, #tutorial-next {
   position: fixed;
   top: 50%;
   margin-top: -22px;
   cursor: pointer;
}

#tutorial-back {
   left: 50%;
   margin-left: -600px;
}

#tutorial-next {
   right: 50%;
   margin-right: -600px;
}

#tutorial-close {
   position: fixed;
   top: 50px;
   right: 50%;
   margin-right: -600px;
   width: 19px;
   height: 20px;
   cursor: pointer;
}

.tutorial-slide {
   display: none;
   width: 1024px;
   height: 100%;
   margin: 0 auto;
   font-family: robotolight;
   font-size: 30px;
   color: #fff;
}

.auto-icon {
   width: auto;
}

.tutorial-text {
   display: inline-block;
   margin-left: 15px;
   vertical-align: top;
}

.tutorial-title {
   font-family: robotobold;
   color: #f7d209;
}

#tutorial-index-1 {
   display: table;
   width: 100%;
   height: 100%;
   text-align: center;
}

#tutorial-logo, #tutorial-intro {
   display: table-cell;
   width: 100%;
   box-sizing: border-box;
}

#tutorial-logo {
   padding-bottom: 40px;
   height: 40%;
   vertical-align: bottom;
}

#tutorial-intro {
   padding-top: 40px;
   height: 60%;
   vertical-align: top;
}

#tutorial-share-writeup, #tutorial-share-highlight {
   display: table-cell;
   width: 50%;
   vertical-align: middle;
}

#tutorial-share-highlight {
   padding-right: 20px;
   text-align: right;
}

#tutorial-share-text {
   margin-top: 20px;
}

#tutorial-top-writeup-centering {
   width: 730px;
   margin: 0 auto;
}

#tutorial-top-highlight {
   text-align: center;
   margin: 20px 0 15px;
   width: 100%;
}

#tutorial-happens-writeup, #tutorial-happens2-writeup {
   display: table-cell;
   width: 60%;
   vertical-align: middle;
}

#tutorial-happens-highlight, #tutorial-happens2-highlight {
   display: table-cell;
   width: 40%;
   text-align: right;
   vertical-align: middle;
   padding-right: 20px;
}

#tutorial-latest-writeup, #tutorial-trending-writeup, #tutorial-recommended-writeup, #tutorial-login-writeup {
   display: table-cell;
   width: 50%;
   padding-left: 20px;
   vertical-align: middle;
}

#tutorial-latest-highlight, #tutorial-trending-highlight, #tutorial-recommended-highlight, #tutorial-login-highlight {
   display: table-cell;
   width: 50%;
   text-align: right;
   vertical-align: middle;
}

#tutorial-login-writeup {
   width: 70%;
}

#tutorial-login-highlight {
   width: 30%;
}

#tutorial-index-9, #tutorial-index-12, #tutorial-index-15, #tutorial-index-18 {
   height: 100%;
}

#tutorial-login2-writeup, #tutorial-login2-highlight {
   display: table-cell;
   box-sizing: border-box;
}

#tutorial-login2-writeup {
   height: 30%;
   vertical-align: top;
}

#tutorial-login2-writeup-centering {
   width: 550px;
   margin: 0 auto;
}

#tutorial-login2-highlight {
   height: 70%;
   vertical-align: bottom;
   text-align: center;
}

#tutorial-happens3-writeup {
   display: table-cell;
   height: 40%;
   vertical-align: top;
}

#tutorial-happens3-writeup-centering {
   width: 585px;
   margin: 0 auto;
}

#tutorial-happens3-highlight {
   display: table-cell;
   height: 60%;
   text-align: center;
   vertical-align: bottom;
}

#tutorial-happens4-writeup, #tutorial-author3-writeup, #tutorial-tags3-writeup {
   display: table-cell;
   padding: 40px 100px 0;
   height: 60%;
   vertical-align: top;
}

#tutorial-happens4-highlight, #tutorial-author3-highlight, #tutorial-tags3-highlight {
   display: table-cell;
   padding-bottom: 40px;
   height: 40%;
   vertical-align: bottom;
   text-align: center;
}

#tutorial-author-writeup {
   display: table-cell;
   height: 40%;
}

#tutorial-author-writeup-centering {
   width: 525px;
   margin: 0 auto;
}

#tutorial-author-highlight {
   display: table-cell;
   height: 60%;
   text-align: center;
   vertical-align: bottom;
}

#tutorial-author2-writeup {
   display: table-cell;
   height: 50%;
}

#tutorial-author2-writeup-centering {
   width: 656px;
   margin: 0 auto;
}

#tutorial-author2-highlight {
   display: table-cell;
   height: 50%;
   text-align: center;
   vertical-align: bottom;
}

#tutorial-tags-writeup {
   display: table-cell;
   width: 50%;
   padding-left: 20px;
   vertical-align: middle;
}

#tutorial-tags-highlight {
   display: table-cell;
   width: 50%;
   text-align: right;
   vertical-align: middle;
}

#tutorial-tags2-writeup {
   display: table-cell;
   height: 75%;
   padding-top: 15px;
}

#tutorial-tags2-writeup-centering {
   width: 614px;
   margin: 0 auto;
}

#tutorial-tags2-highlight {
   display: table-cell;
   height: 25%;
   text-align: center;
   vertical-align: bottom;
}

#tutorial-login-mobile {
   display: none;
   width: auto !important;
}

@media only screen and (max-width: 1024px) {
   #tutorial-back {
      left: 15px;
      margin: 0;
   }

   #tutorial-next {
      right: 15px;
      margin: 0;
   }

   #tutorial-close {
      right: 15px;
      margin: 0;
   }

   .tutorial-slide {
      width: 80%;
      max-width: 1024px;
      font-size: 20px;
   }

   .tutorial-slide img {
      width: 100%;
   }

   #tutorial-index-1, #tutorial-index-8 {
      width: 80%;
   }

   #tutorial-top-writeup-centering {
      width: 460px;
   }

   .tutorial-text {
      margin: -5px 0 0 5px;
   }

   .auto-icon {
      width: auto !important;
      height: 25px;
   }

   #tutorial-login-regular {
      display: none;
   }

   #tutorial-login-mobile {
      display: inline-block;
   }
}

@media only screen and (max-width: 650px) {
   .tutorial-mobile {
      display: inline-block;
   }

   .tutorial-regular {
      display: none;
   }

   #tutorial-happens-highlight, #tutorial-happens2-highlight {
      display: block;
      width: 100%;
      padding-top: 30%;
   }

   #tutorial-happens-writeup, #tutorial-happens2-writeup {
      display: block;
      width: 100%;
      margin-top: 15px;
   }

   .tutorial-text {
      margin: 0;
      display: block;
   }

   #tutorial-top-writeup-centering, #tutorial-login2-writeup-centering, #tutorial-happens3-writeup-centering, #tutorial-author-writeup-centering, #tutorial-author2-writeup-centering, #tutorial-tags2-writeup-centering {
      width: auto;
   }

   #tutorial-latest-highlight, #tutorial-trending-highlight, #tutorial-recommended-highlight {
      display: block;
      text-align: center;
      width: 100%;
      padding-top: 30%;
   }

   #tutorial-latest-writeup, #tutorial-trending-writeup, #tutorial-recommended-writeup {
      display: block;
      width: 100%;
      padding: 15px 0 0;
   }

   #tutorial-happens4-highlight, #tutorial-author3-highlight, #tutorial-tags3-highlight {
      height: 50%;
      padding: 0;
   }

   #tutorial-happens4-writeup, #tutorial-author3-writeup, #tutorial-tags3-writeup {
      padding: 20px 0;
      height: 50%;
   }

   #tutorial-tags-highlight {
      display: block;
      width: 100%;
      padding-top: 20%;
      text-align: center;
   }

   #tutorial-tags-writeup {
      display: block;
      width: 100%;
      padding: 10px 0 0;
   }

   #tutorial-login-writeup {
      width: 80%;
   }

   #tutorial-login-highlight {
      width: 20%;
   }

   #tutorial-login-mobile {
      width: 30px !important;
   }
}
-->
</style>
   <div id="tutorial">
      <div id="tutorial-index-1" class="tutorial-slide">
         <div class="table-row">
            <div id="tutorial-logo">
               <img src="http://www.philstar.com/images/tutorial/tutorial-logo.png" style="max-width: 230px">
            </div>
         </div>
         <div class="table-row">
            <div id="tutorial-intro"><img src="http://www.philstar.com/images/tutorial/tutorial-intro.png"></div>
         </div>
      </div>

      <div id="tutorial-index-2" class="tutorial-slide">
         <div id="tutorial-share-highlight">
            <img src="http://www.philstar.com/images/tutorial/tutorial-share2.png" style="width: auto">
         </div>

         <div id="tutorial-share-writeup">
            <img src="http://www.philstar.com/images/tutorial/tutorial-share1.png" style="width: auto">

            <div id="tutorial-share-text">
               Read and share the latest news<br>
               whenever and wherever you are.
            </div>
         </div>
      </div>

      <div id="tutorial-index-3" class="tutorial-slide">
         <div id="tutorial-top-highlight">
            <img src="http://www.philstar.com/images/tutorial/tutorial-top2.jpg" class="tutorial-regular" style="max-width: 650px">
            <img src="http://www.philstar.com/images/tutorial/tutorial-top2-mobile.jpg" class="tutorial-mobile">
         </div>

         <div id="tutorial-top-writeup">
            <div id="tutorial-top-writeup-centering">
               <img src="http://www.philstar.com/images/tutorial/tutorial-top1.png" class="auto-icon">

               <div class="tutorial-text">
                  <div class="tutorial-title">Top Stories</div>
                  Features the most relevant stories,<br>
                  exclusive content, analyses and special reports.
               </div>
            </div>
         </div>
      </div>

      <div id="tutorial-index-4" class="tutorial-slide">
         <div id="tutorial-happens-highlight">
            <img src="http://www.philstar.com/images/tutorial/tutorial-happens1.jpg" class="tutorial-regular" style="max-width: 233px">
            <img src="http://www.philstar.com/images/tutorial/tutorial-happens1-mobile.jpg" class="tutorial-mobile">
         </div>

         <div id="tutorial-happens-writeup">
            <img src="http://www.philstar.com/images/tutorial/tutorial-happens1.png" class="auto-icon">

            <div class="tutorial-text">
               <div class="tutorial-title">As It Happens</div>
               Get bite-sized highlights and up-to-date<br>
               information as the news breaks.
            </div>
         </div>
      </div>

      <div id="tutorial-index-5" class="tutorial-slide">
         <div id="tutorial-latest-highlight">
            <img src="http://www.philstar.com/images/tutorial/tutorial-latest2.jpg" class="tutorial-regular" style="max-width: 337px">
            <img src="http://www.philstar.com/images/tutorial/tutorial-latest2-mobile.jpg" class="tutorial-mobile">
         </div>

         <div id="tutorial-latest-writeup">
            <img src="http://www.philstar.com/images/tutorial/tutorial-latest1.png" class="auto-icon">

            <div class="tutorial-text">
               <div class="tutorial-title">Latest</div>
               View the most recent<br>
               stories of the day.
            </div>
         </div>
      </div>

      <div id="tutorial-index-6" class="tutorial-slide">
         <div id="tutorial-trending-highlight">
            <img src="http://www.philstar.com/images/tutorial/tutorial-trending2.jpg" class="tutorial-regular" style="max-width: 337px">
            <img src="http://www.philstar.com/images/tutorial/tutorial-trending2-mobile.jpg" class="tutorial-mobile">
         </div>

         <div id="tutorial-trending-writeup">
            <img src="http://www.philstar.com/images/tutorial/tutorial-trending1.png" class="auto-icon">

            <div class="tutorial-text">
               <div class="tutorial-title">Trending</div>
               Discover which<br>
               stories generated buzz.
            </div>
         </div>
      </div>

      <div id="tutorial-index-7" class="tutorial-slide">
         <div id="tutorial-recommended-highlight">
            <img src="http://www.philstar.com/images/tutorial/tutorial-recommended2.jpg" class="tutorial-regular" style="max-width: 326px">
            <img src="http://www.philstar.com/images/tutorial/tutorial-recommended2-mobile.jpg" class="tutorial-mobile">
         </div>

         <div id="tutorial-recommended-writeup">
            <img src="http://www.philstar.com/images/tutorial/tutorial-recommended1.png" class="auto-icon">

            <div class="tutorial-text">
               <div class="tutorial-title">Recommended</div>
               See the latest on news<br>
               that matters to you.
            </div>
         </div>
      </div>

      <div id="tutorial-index-8" class="tutorial-slide">
         <div id="tutorial-login-highlight">
            <img src="http://www.philstar.com/images/tutorial/tutorial-login1.png" id="tutorial-login-regular" style="width: auto">
            <img src="http://www.philstar.com/images/tutorial/tutorial-login1-mobile.png" id="tutorial-login-mobile">
         </div>

         <div id="tutorial-login-writeup">
            <div class="tutorial-title">Log-in</div>
            Lorem ipsum dolor sit amet,<br>
            consectetur adipiscing elit.<br>
            Quisque justo est, auctor vel ullamcorper.
         </div>
      </div>

      <div id="tutorial-index-9" class="tutorial-slide">
         <div class="table-row">
            <div id="tutorial-login2-highlight">
               <img src="http://www.philstar.com/images/tutorial/tutorial-login2.png" class="tutorial-regular" style="max-width: 799px">
               <img src="http://www.philstar.com/images/tutorial/tutorial-login2-mobile.png" class="tutorial-mobile">
            </div>
         </div>
         <div class="table-row">
            <div id="tutorial-login2-writeup">
               <div id="tutorial-login2-writeup-centering">
                  <div class="tutorial-title">Log-in</div>
                  Lorem ipsum dolor sit amet,<br>
                  consectetur adipiscing elit.<br>
                  Quisque justo est, auctor vel ullamcorper.
               </div>
            </div>
         </div>
      </div>

      <div id="tutorial-index-10" class="tutorial-slide">
         <div id="tutorial-happens2-highlight">
            <img src="http://www.philstar.com/images/tutorial/tutorial-happens1.jpg" class="tutorial-regular" style="max-width: 233px">
            <img src="http://www.philstar.com/images/tutorial/tutorial-happens1-mobile.jpg" class="tutorial-mobile">
         </div>

         <div id="tutorial-happens2-writeup">
            <div class="tutorial-title">How to follow As It Happens stories</div>
            <em>STEP 1</em><br>
            Click the story in the
            As it Happens section.
         </div>
      </div>

      <div id="tutorial-index-11" class="tutorial-slide">
         <div class="table-row">
            <div id="tutorial-happens3-highlight">
               <img src="http://www.philstar.com/images/tutorial/tutorial-happens2.jpg" style="max-width: 708px">
            </div>
         </div>
         <div class="table-row">
            <div id="tutorial-happens3-writeup">
               <div id="tutorial-happens3-writeup-centering">
                  <div class="tutorial-title">How to follow As It Happens stories</div>
                  <em>STEP 2</em><br>
                  Click "Follow Story" for updates on the news.
               </div>
            </div>
         </div>
      </div>

      <div id="tutorial-index-12" class="tutorial-slide">
         <div class="table-row">
            <div id="tutorial-happens4-highlight">
               <img src="http://www.philstar.com/images/tutorial/tutorial-happens3.png" style="max-width: 406px">
            </div>
         </div>
         <div class="table-row">
            <div id="tutorial-happens4-writeup">
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu metus vitae felis tincidunt finibus ut id sapien. Integer volutpat dui eu malesuada dignissim. Sed varius justo nulla, fringilla convallis sem porta sed. 
            </div>
         </div>
      </div>

      <div id="tutorial-index-13" class="tutorial-slide">
         <div class="table-row">
            <div id="tutorial-author-highlight">
               <img src="http://www.philstar.com/images/tutorial/tutorial-author1.png" style="max-width: 718px">
            </div>
         </div>
         <div class="table-row">
            <div id="tutorial-author-writeup">
               <div id="tutorial-author-writeup-centering">
                  <div class="tutorial-title">How to follow Author</div>
                  <em>STEP 1</em><br>
                  Click on the author's name in the article.
               </div>
            </div>
         </div>
      </div>

      <div id="tutorial-index-14" class="tutorial-slide">
         <div class="table-row">
            <div id="tutorial-author2-highlight">
               <img src="http://www.philstar.com/images/tutorial/tutorial-author2.png" style="max-width: 698px">
            </div>
         </div>
         <div class="table-row">
            <div id="tutorial-author2-writeup">
               <div id="tutorial-author2-writeup-centering">
                  <div class="tutorial-title">How to follow Author</div>
                  <em>STEP 2</em><br>
                  Once you click on the author's name, you will be<br>
                  brought to the Authors page. Click "Follow Author"<br>
                  to stay updated on the author's works
               </div>
            </div>
         </div>
      </div>

      <div id="tutorial-index-15" class="tutorial-slide">
         <div class="table-row">
            <div id="tutorial-author3-highlight">
               <img src="http://www.philstar.com/images/tutorial/tutorial-author3.png" style="max-width: 404px">
            </div>
         </div>
         <div class="table-row">
            <div id="tutorial-author3-writeup">
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu metus vitae felis tincidunt finibus ut id sapien. Integer volutpat dui eu malesuada dignissim. Sed varius justo nulla, fringilla convallis sem porta sed. 
            </div>
         </div>
      </div>

      <div id="tutorial-index-16" class="tutorial-slide">
         <div id="tutorial-tags-highlight">
            <img src="http://www.philstar.com/images/tutorial/tutorial-tags1.jpg" class="tutorial-regular" style="width: 320px">
            <img src="http://www.philstar.com/images/tutorial/tutorial-tags1-mobile.jpg" class="tutorial-mobile">
         </div>

         <div id="tutorial-tags-writeup">
            <div class="tutorial-title">How to follow Tags</div>
            <em>STEP 1</em><br>
            Click on a tag in the article.
         </div>
      </div>

      <div id="tutorial-index-17" class="tutorial-slide">
         <div class="table-row">
            <div id="tutorial-tags2-highlight">
               <img src="http://www.philstar.com/images/tutorial/tutorial-tags2.png" style="max-width: 696px">
            </div>
         </div>
         <div class="table-row">
            <div id="tutorial-tags2-writeup">
               <div id="tutorial-tags2-writeup-centering">
                  <div class="tutorial-title">How to follow Tags</div>
                  <em>STEP 2</em><br>
                  When you click on a tag, it will take you to the<br>
                  dedicated tag page where you'll see the article<br>
                  viewed, along with other stories with that tag.<br><br>

                  Click the "follow tag" button to stay updated on<br>
                  the topic.
               </div>
            </div>
         </div>
      </div>

      <div id="tutorial-index-18" class="tutorial-slide">
         <div class="table-row">
            <div id="tutorial-tags3-highlight">
               <img src="http://www.philstar.com/images/tutorial/tutorial-tags3.png" style="max-width: 404px">
            </div>
         </div>
         <div class="table-row">
            <div id="tutorial-tags3-writeup">
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu metus vitae felis tincidunt finibus ut id sapien. Integer volutpat dui eu malesuada dignissim. Sed varius justo nulla, fringilla convallis sem porta sed. 
            </div>
         </div>
      </div>

      <div id="tutorial-back">
         <img src="http://www.philstar.com/images/tutorial/tutorial-back.png" class="tutorial-regular">
         <img src="http://www.philstar.com/images/tutorial/tutorial-back-mobile.png" class="tutorial-mobile">
      </div>
      <div id="tutorial-next">
         <img src="http://www.philstar.com/images/tutorial/tutorial-next.png" class="tutorial-regular">
         <img src="http://www.philstar.com/images/tutorial/tutorial-next-mobile.png" class="tutorial-mobile">
      </div>
      <div id="tutorial-close">
         <img src="http://www.philstar.com/images/tutorial/tutorial-close.png">
      </div>
   </div>
<script type="text/javascript"><!--

startApp();

var tutorial;

$(function() {
   $(window).unload(function(e) {
      $.post("http://www.philstar.com/unload.php", "start=1485290114&page=/rss.aspx?publicationSubCategoryId=200&os=Unknown-OS-Platform&browser=Unknown-Browser");
   });

   $(window).resize(function() {
      // if ($(".mobile_only").css('display') == "none" && $(".tutorial-mobile").css({display: "block"})) {
         // $(".tutorial-regular").css({display: 'inline-block'});
         // $(".tutorial-mobile").hide();
      // }
      // else if ($(".mobile_only").css('display') == "block" && $(".tutorial-regular").css({display: "block"})) {
         // $(".tutorial-regular").hide();
         // $(".tutorial-mobile").css({display: 'inline-block'});
      // }
   });


   console.log("tracking: 1, 172.16.32.39");
});
--></script><!-- start Interstitial -->
<script type="text/javascript" src="http://partner.googleadservices.com/gampad/google_service.js">
</script>
<script type="text/javascript">
  GS_googleAddAdSenseService("ca-pub-1876439796539993");
  google_override_format=true;
  google_ad_width = 156;
  google_ad_height = 131;
  GS_googleEnableAllServices();
</script>
<script type="text/javascript">
  GA_googleAddSlot("ca-pub-1876439796539993", "Mobile_Interstitial"); 
</script>
<script type="text/javascript">
  GA_googleFetchAds();
</script>	 
<script type="text/javascript">
  GA_googleFillSlot("Mobile_Interstitial");
</script>
<!-- end Interstitial -->
<script type="text/javascript">
<!--
-->
</script>

</body>
</html>
