/* Imports */
@import url("reset.css");

/***** Global *****/
html, body {
  height: 100%;
}

/*Black and White Color*/
#zh-hk-main, #zh-cn-main, #en-us-main {
    //filter: grayscale(100%);
    //-webkit-filter: grayscale(100%);  /* Safari/iOS support */
}

/* Body */
body {
	margin: 0;
	padding: 0;

	line-height: 1.429em;

	min-width:1200px; /*fix 100% width bg not extending on horizontal scroll*/
	/*background: url(./images/bg-body.gif);*/
  background:#f3f3f3;

	color: #000;
	/*font-size: 87.5%;*/ /* Base font size: 14px */
	font-size: 75%; /* Base font size: 12px */
	font-family: 'Trebuchet MS' , Trebuchet, 'Lucida Sans Unicode' , 'Lucida Grande' , 'Lucida Sans' , Arial, sans-serif;
	/*font-family: Verdana, Arial, sans-serif;*/

	text-align: left;
}

/* Headings */
/*h1 {font-size: 1.714em;}*//* 24px*/
/*h2 {font-size: 1.571em;}*//* 22px */
/*h3 {font-size: 1.429em;}*//* 20px*/
/*h4 {font-size: 1.286em;}*//* 18px*/
/*h5 {font-size: 1.143em;}*//* 16px*/
/*h6 {font-size: 1em;}*//* 14px*/

h1 {font-size: 1.833em;}/* 22px*/
h2 {font-size: 1.667em;}/* 20px */
h3 {font-size: 1.500em;}/* 18px*/
h4 {font-size: 1.333em;}/* 16px*/
h5 {font-size: 1.167em;}/* 14px*/
h6 {font-size: 1em;}/* 12px*/

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

/* Anchors */
a {
  outline: 0;
}
a img {
	border: 0px;
	text-decoration: none;
}
a:link, a:visited {
	/*color: #C74350;*/
  
	/*color: #3366FF;*/
  /*color:#FF9933;*/
  color:#029feb;
	/*padding: 0 1px;*/
	text-decoration: none;
}


a:hover, a:active {
	/*background-color: #C74350;*/
	/*color: #FF9933;*/
	/*text-decoration: none;*/
  /*color: #3d6ba3;*/
  /*color:#daa520;*/
  text-decoration:underline;
	/*text-shadow: 1px 1px 1px #333;*/
}

a.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	/*font: 14px/100% Arial, Helvetica, sans-serif;*/
	padding: 1px 6px;
    
	text-shadow: 0 1px 1px rgba(0,0,0,.3);

  /*
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;*/

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
a.button:hover {
	text-decoration: none;
}
a.button:active {
	position: relative;
	top: 1px;
}

a.btn {
    color:#fff;
}

/* Paragraphs */
p {
	margin-bottom: 1.143em;
}
* p:last-child {
	margin-bottom: 0;
}

strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}

::-moz-selection {
	background: #F6CF74;
	color: #fff;
}
::selection {
	background: #F6CF74;
	color: #fff;
}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}

/* Quotes */
blockquote {
	font-style: italic;
}
cite {
}

q {
}

/* Tables */
table {
	margin: .5em auto 1.5em auto;
	width: 98%;
}

/* Thead */
thead th {
	padding: .5em .4em;
	text-align: left;
}
thead td {}

/* Tbody */
tbody td {
	padding: .5em .4em;
}
tbody th {}

tbody .alt td {}
tbody .alt th {}

/* Tfoot */
tfoot th {}
tfoot td {}

#recaptcha_table {
  line-height:16px;
}


/* HTML5 tags */
header, section, footer, aside, nav, article, figure {
	display: block;
}
nav {
  line-height:0px; /* fix inline-block element extra bottom space*/
}

nav ul li {
  line-height:normal; /* fix inline-block element extra bottom space*/

}

/*
	Font
*****************/
.superscript {
	font-size: xx-small;
	vertical-align: super;
}
.subscript {
	font-size: xx-small;
	vertical-align: sub;
}

.strong {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

/* fonts */
.font10 {
	/*font-size: 0.714em;*/
	font-size: 0.833em;
}
.font12 {
	/*font-size: 0.857em;*/
	font-size: 1em;
}

/*
	Alignment
*****************/
.float-left {
	float: left;
}

.float-right {
	float: right;
}


.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-justify {
	text-align: justify;
}
.text-align-center {
	text-align: center;
}

.align-center {
	margin-left: auto;
	margin-right: auto;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom:1;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-none {
	clear: none;
}


/* color styles 
---------------------------------------------- */
/* black */
.gradient-vertical-black {
	color: #d7d7d7;
	border: solid 1px #333;
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-black:hover {
    background: rgb(68,68,68); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(68,68,68,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,68,68,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-black:active {
	color: #666;
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(68,68,68,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(68,68,68,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(68,68,68,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(68,68,68,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}

/* gray */
.gradient-vertical-gray {
  color: #e9e9e9;
  border: solid 1px #555;
  background: #757575;
  /*
    background: rgb(136,136,136); 
    background: -moz-linear-gradient(top,  rgba(136,136,136,1) 0%, rgba(87,87,87,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,136,136,1)), color-stop(100%,rgba(87,87,87,1))); 
    background: -webkit-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(87,87,87,1) 100%); 
    background: -o-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(87,87,87,1) 100%);
    background: -ms-linear-gradient(top,  rgba(136,136,136,1) 0%,rgba(87,87,87,1) 100%); 
    background: linear-gradient(to bottom,  rgba(136,136,136,1) 0%,rgba(87,87,87,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#575757',GradientType=0 ); 
    */
}

.gradient-vertical-gray:hover {
  background: #888;

  /*
    background: rgb(117,117,117); 
    background: -moz-linear-gradient(top,  rgba(117,117,117,1) 0%, rgba(75,75,75,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,117,117,1)), color-stop(100%,rgba(75,75,75,1))); 
    background: -webkit-linear-gradient(top,  rgba(117,117,117,1) 0%,rgba(75,75,75,1) 100%);
    background: -o-linear-gradient(top,  rgba(117,117,117,1) 0%,rgba(75,75,75,1) 100%);
    background: -ms-linear-gradient(top,  rgba(117,117,117,1) 0%,rgba(75,75,75,1) 100%); 
    background: linear-gradient(to bottom,  rgba(117,117,117,1) 0%,rgba(75,75,75,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#4b4b4b',GradientType=0 ); */
}
.gradient-vertical-gray:active {
	  color: #afafaf;
    background:#575757;
    /*
    background: rgb(87,87,87); 
    background: -moz-linear-gradient(top,  rgba(87,87,87,1) 0%, rgba(136,136,136,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,87,87,1)), color-stop(100%,rgba(136,136,136,1))); 
    background: -webkit-linear-gradient(top,  rgba(87,87,87,1) 0%,rgba(136,136,136,1) 100%);
    background: -o-linear-gradient(top,  rgba(87,87,87,1) 0%,rgba(136,136,136,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(87,87,87,1) 0%,rgba(136,136,136,1) 100%);
    background: linear-gradient(to bottom,  rgba(87,87,87,1) 0%,rgba(136,136,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#888888',GradientType=0 ); */
}

/* white */
.gradient-vertical-white {
	color: #606060;
	border: solid 1px #b7b7b7;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-white:hover {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(220,220,220,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(220,220,220,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-white:active {
	color: #999;
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* orange */
.gradient-vertical-orange, 
.gradient-vertical-orange:link,
.gradient-vertical-orange:visited{
 	color: #fef4e9;
   background:#f88e11;
	 border: solid 1px #da7c0c;
  /*
    background: rgb(250,165,26); 
    background: -moz-linear-gradient(top,  rgba(250,165,26,1) 0%, rgba(244,122,32,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,165,26,1)), color-stop(100%,rgba(244,122,32,1)));
    background: -webkit-linear-gradient(top,  rgba(250,165,26,1) 0%,rgba(244,122,32,1) 100%); 
    background: -o-linear-gradient(top,  rgba(250,165,26,1) 0%,rgba(244,122,32,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(250,165,26,1) 0%,rgba(244,122,32,1) 100%); 
    background: linear-gradient(to bottom,  rgba(250,165,26,1) 0%,rgba(244,122,32,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 ); */
}

.gradient-vertical-orange:hover {
    background: #fab91a;
    /*
    background: rgb(248,142,17); 
    background: -moz-linear-gradient(top,  rgba(248,142,17,1) 0%, rgba(240,96,21,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,142,17,1)), color-stop(100%,rgba(240,96,21,1))); 
    background: -webkit-linear-gradient(top,  rgba(248,142,17,1) 0%,rgba(240,96,21,1) 100%); 
    background: -o-linear-gradient(top,  rgba(248,142,17,1) 0%,rgba(240,96,21,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(248,142,17,1) 0%,rgba(240,96,21,1) 100%); 
    background: linear-gradient(to bottom,  rgba(248,142,17,1) 0%,rgba(240,96,21,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e11', endColorstr='#f06015',GradientType=0 ); */
}
.gradient-vertical-orange:active {
	  color: #fcd3a5;
    background:#f47a20;
   /*background: rgb(244,122,32);
    background: -moz-linear-gradient(top,  rgba(244,122,32,1) 0%, rgba(250,165,26,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,122,32,1)), color-stop(100%,rgba(250,165,26,1))); 
    background: -webkit-linear-gradient(top,  rgba(244,122,32,1) 0%,rgba(250,165,26,1) 100%); 
    background: -o-linear-gradient(top,  rgba(244,122,32,1) 0%,rgba(250,165,26,1) 100%);
    background: -ms-linear-gradient(top,  rgba(244,122,32,1) 0%,rgba(250,165,26,1) 100%); 
    background: linear-gradient(to bottom,  rgba(244,122,32,1) 0%,rgba(250,165,26,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#faa51a',GradientType=0 )*/
}

/* red */
.gradient-vertical-red, 
.gradient-vertical-red:link,
.gradient-vertical-red:visited{
	  color: #faddde;
	  border: solid 1px #980c10;
    background:#c9151b;
    /*
    background: rgb(237,28,36); 
    background: -moz-linear-gradient(top,  rgba(237,28,36,1) 0%, rgba(170,19,23,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,28,36,1)), color-stop(100%,rgba(170,19,23,1))); 
    background: -webkit-linear-gradient(top,  rgba(237,28,36,1) 0%,rgba(170,19,23,1) 100%); 
    background: -o-linear-gradient(top,  rgba(237,28,36,1) 0%,rgba(170,19,23,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(237,28,36,1) 0%,rgba(170,19,23,1) 100%); 
    background: linear-gradient(to bottom,  rgba(237,28,36,1) 0%,rgba(170,19,23,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#aa1317',GradientType=0 ); 
    */
}
.gradient-vertical-red:hover {
     background:#ed1c24;
   /*
    background: rgb(201,21,27); 
    background: -moz-linear-gradient(top,  rgba(201,21,27,1) 0%, rgba(161,17,21,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,21,27,1)), color-stop(100%,rgba(161,17,21,1))); 
    background: -webkit-linear-gradient(top,  rgba(201,21,27,1) 0%,rgba(161,17,21,1) 100%); 
    background: -o-linear-gradient(top,  rgba(201,21,27,1) 0%,rgba(161,17,21,1) 100%);
    background: -ms-linear-gradient(top,  rgba(201,21,27,1) 0%,rgba(161,17,21,1) 100%); 
    background: linear-gradient(to bottom,  rgba(201,21,27,1) 0%,rgba(161,17,21,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9151b', endColorstr='#a11115',GradientType=0 );
    */
}
.gradient-vertical-red:active {
	  color: #de898c;
    /*
    background: rgb(170,19,23); 
    background: -moz-linear-gradient(top,  rgba(170,19,23,1) 0%, rgba(237,28,36,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,19,23,1)), color-stop(100%,rgba(237,28,36,1))); 
    background: -webkit-linear-gradient(top,  rgba(170,19,23,1) 0%,rgba(237,28,36,1) 100%); 
    background: -o-linear-gradient(top,  rgba(170,19,23,1) 0%,rgba(237,28,36,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(170,19,23,1) 0%,rgba(237,28,36,1) 100%); 
    background: linear-gradient(to bottom,  rgba(170,19,23,1) 0%,rgba(237,28,36,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1317', endColorstr='#ed1c24',GradientType=0 ); */
}

/* blue */
.gradient-vertical-blue,
.gradient-vertical-blue:link,
.gradient-vertical-blue:visited{ 
	  color: #d9eef7;
	  border: solid 1px #0076a3;
    background: rgb(0,173,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,173,238,1) 0%, rgba(0,120,165,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,173,238,1)), color-stop(100%,rgba(0,120,165,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,173,238,1) 0%,rgba(0,120,165,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,173,238,1) 0%,rgba(0,120,165,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,173,238,1) 0%,rgba(0,120,165,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,173,238,1) 0%,rgba(0,120,165,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adee', endColorstr='#0078a5',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-blue:hover {
    background: rgb(0,149,204); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,149,204,1) 0%, rgba(0,103,142,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,149,204,1)), color-stop(100%,rgba(0,103,142,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,149,204,1) 0%,rgba(0,103,142,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,149,204,1) 0%,rgba(0,103,142,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,149,204,1) 0%,rgba(0,103,142,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,149,204,1) 0%,rgba(0,103,142,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095cc', endColorstr='#00678e',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-blue:active {
	color: #80bed6;
    background: rgb(0,120,165); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,120,165,1) 0%, rgba(0,173,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,120,165,1)), color-stop(100%,rgba(0,173,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,120,165,1) 0%,rgba(0,173,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,120,165,1) 0%,rgba(0,173,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,120,165,1) 0%,rgba(0,173,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,120,165,1) 0%,rgba(0,173,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078a5', endColorstr='#00adee',GradientType=0 ); /* IE6-9 */
}

.gradient-vertical-darkblue {
	color: #d9eef7;
	border: solid 1px #0076a3;
    background: rgb(77,124,180); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(77,124,180,1) 0%, rgba(1,44,97,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,124,180,1)), color-stop(100%,rgba(1,44,97,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(77,124,180,1) 0%,rgba(1,44,97,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(77,124,180,1) 0%,rgba(1,44,97,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(77,124,180,1) 0%,rgba(1,44,97,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(77,124,180,1) 0%,rgba(1,44,97,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7cb4', endColorstr='#012c61',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-darkblue:hover {
    background: rgb(77,103,135); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(77,103,135,1) 0%, rgba(19,43,73,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,103,135,1)), color-stop(100%,rgba(19,43,73,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(77,103,135,1) 0%,rgba(19,43,73,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(77,103,135,1) 0%,rgba(19,43,73,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(77,103,135,1) 0%,rgba(19,43,73,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(77,103,135,1) 0%,rgba(19,43,73,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6787', endColorstr='#132b49',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-darkblue:active {
	color: #80bed6;
    background: rgb(1,44,97); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(1,44,97,1) 0%, rgba(77,124,180,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,44,97,1)), color-stop(100%,rgba(77,124,180,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(1,44,97,1) 0%,rgba(77,124,180,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(1,44,97,1) 0%,rgba(77,124,180,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(1,44,97,1) 0%,rgba(77,124,180,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(1,44,97,1) 0%,rgba(77,124,180,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012c61', endColorstr='#4d7cb4',GradientType=0 ); /* IE6-9 */
}

/* rosy */
.gradient-vertical-rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
    background: rgb(241,108,124); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(241,108,124,1) 0%, rgba(191,64,79,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,108,124,1)), color-stop(100%,rgba(191,64,79,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(241,108,124,1) 0%,rgba(191,64,79,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(241,108,124,1) 0%,rgba(191,64,79,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(241,108,124,1) 0%,rgba(191,64,79,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(241,108,124,1) 0%,rgba(191,64,79,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16c7c', endColorstr='#bf404f',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-rosy:hover {
    background: rgb(207,93,106); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(207,93,106,1) 0%, rgba(165,56,69,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,93,106,1)), color-stop(100%,rgba(165,56,69,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(207,93,106,1) 0%,rgba(165,56,69,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(207,93,106,1) 0%,rgba(165,56,69,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(207,93,106,1) 0%,rgba(165,56,69,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(207,93,106,1) 0%,rgba(165,56,69,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf5d6a', endColorstr='#a53845',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-rosy:active {
	color: #dca4ab;
    background: rgb(191,64,79); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(191,64,79,1) 0%, rgba(241,108,124,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,64,79,1)), color-stop(100%,rgba(241,108,124,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(191,64,79,1) 0%,rgba(241,108,124,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(191,64,79,1) 0%,rgba(241,108,124,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(191,64,79,1) 0%,rgba(241,108,124,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(191,64,79,1) 0%,rgba(241,108,124,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf404f', endColorstr='#f16c7c',GradientType=0 ); /* IE6-9 */
}

/* green */
.gradient-vertical-green {
	color: #e8f0de;
	border: solid 1px #538312;
    background: rgb(125,183,47); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(125,183,47,1) 0%, rgba(78,125,14,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,183,47,1)), color-stop(100%,rgba(78,125,14,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(125,183,47,1) 0%,rgba(78,125,14,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(125,183,47,1) 0%,rgba(78,125,14,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(125,183,47,1) 0%,rgba(78,125,14,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(125,183,47,1) 0%,rgba(78,125,14,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db72f', endColorstr='#4e7d0e',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-green:hover {
    background: rgb(107,157,40); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(107,157,40,1) 0%, rgba(67,107,12,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,157,40,1)), color-stop(100%,rgba(67,107,12,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(107,157,40,1) 0%,rgba(67,107,12,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(107,157,40,1) 0%,rgba(67,107,12,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(107,157,40,1) 0%,rgba(67,107,12,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(107,157,40,1) 0%,rgba(67,107,12,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b9d28', endColorstr='#436b0c',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-green:active {
	color: #a9c08c;
    background: rgb(78,125,14); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(78,125,14,1) 0%, rgba(125,183,47,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,125,14,1)), color-stop(100%,rgba(125,183,47,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(78,125,14,1) 0%,rgba(125,183,47,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(78,125,14,1) 0%,rgba(125,183,47,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(78,125,14,1) 0%,rgba(125,183,47,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(78,125,14,1) 0%,rgba(125,183,47,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7d0e', endColorstr='#7db72f',GradientType=0 ); /* IE6-9 */
}

/* pink */
.gradient-vertical-pink {
	color: #feeef5;
	border: solid 1px #d2729e;
    background: rgb(254,177,211); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(254,177,211,1) 0%, rgba(241,113,171,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,177,211,1)), color-stop(100%,rgba(241,113,171,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(254,177,211,1) 0%,rgba(241,113,171,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(254,177,211,1) 0%,rgba(241,113,171,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(254,177,211,1) 0%,rgba(241,113,171,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(254,177,211,1) 0%,rgba(241,113,171,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb1d3', endColorstr='#f171ab',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-pink:hover {
    background: rgb(244,170,203); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(244,170,203,1) 0%, rgba(232,108,164,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,170,203,1)), color-stop(100%,rgba(232,108,164,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(244,170,203,1) 0%,rgba(232,108,164,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(244,170,203,1) 0%,rgba(232,108,164,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(244,170,203,1) 0%,rgba(232,108,164,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(244,170,203,1) 0%,rgba(232,108,164,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4aacb', endColorstr='#e86ca4',GradientType=0 ); /* IE6-9 */
}
.gradient-vertical-pink:active {
	color: #f3c3d9;
background: rgb(241,113,171); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(241,113,171,1) 0%, rgba(254,177,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,113,171,1)), color-stop(100%,rgba(254,177,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(241,113,171,1) 0%,rgba(254,177,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(241,113,171,1) 0%,rgba(254,177,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(241,113,171,1) 0%,rgba(254,177,211,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(241,113,171,1) 0%,rgba(254,177,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f171ab', endColorstr='#feb1d3',GradientType=0 ); /* IE6-9 */
}


/***** Layout *****/
.body {
	margin: 0 auto;
	width: 1200px;
}
img.right figure.right {
	float: right;
	margin: 0 0 2em 2em;
}
img.left, figure.left {
	float: right;
	margin: 0 0 2em 2em;
}

/*
	Page
*****************/
#page {
	/*background: url("../../Images/phillip/bg_top.gif") repeat-x scroll left top transparent;*/
  min-height: 100%;
}
* html #page {
height: 100%;
}

/*
	Header
*****************/
#header .body {
  position:relative;
  height:68px;
}

#header div.logo {
    position:absolute;
    top:0;
    left:0;

    padding:0.571em 0;
}

#header div.languages {
  position:absolute;
  
  top:0;
  right:60px;
            
  margin:0.571em 0 0 auto ;
	color: #6665CD;       
}

#header div.languages ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	list-style: none;
}

#header div.languages ul li {
	float:left;

	border-left: solid 1px #999;
	padding: 0 0.286em;
	margin: 0 0 0 0;
}

#header div.languages ul li a {
	color: #333;
	text-decoration: none;
}

#header div.languages ul li a:hover {
	color: #029feb;
	text-decoration: none;
}

#header div.languages ul li a.disabled{
	color: #999;
  cursor:default;
}
#header div.languages ul li a.disabled:hover{
  font-weight:normal;
}


#header div.languages ul li:first-child {
	border-left: none;
}

#header div.home {
  position:absolute;
  
  top:0px;
  right:40px;
            
  margin:5px 0 0 0;
	color: #6665CD;       

}


#header div.webtalk {
  position:absolute;
  
  top:2px;
  right:40px;
            
  margin:5px 0 0 0;
	color: #6665CD;       

}

#header div.promo {
  position:absolute;
  
  top:2px;
  right:20px;
            
  margin:5px 0 0 0;
  color: #6665CD;       

}

#header div.phillipchannel_icon {
  position:absolute;
  
  top:2px;
  right:0px;
            
  margin:5px 0 0 0;
  color: #6665CD;       

}

#header div.search-box {
    position:absolute;
    top: 24px;
    right:110px;
          
    margin:0 0 0 0;    
    padding:0 0 0 0;
}
#cse-search-form {   
    width:450px;
        
    padding:0 0 0 0;
    margin:0 0 0 0;
}

#cse-search-form form{       
    padding:0 0 0 0;
    margin:0 0 0 0;
}

#cse-search-form form table{       
    margin:0 0 0 0;
    padding:0 0 0 0;

    border:none;
}

#cse-search-form form table tr td {       
    border:none;
}

#cse-search-form form .gsc-clear-button{       
    display:none;    
}

#header div.communities {   
  position:absolute;
  top:24px; 
  right:0px;

  height:45px;
  margin:0 0 0 0;
}

#header div.communities ul {
	list-style: none;
    
 	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#header div.communities ul li {
	display:inline;

	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#header div.communities ul li img {
  margin:10px 0 0 0;
	padding:0 0 0 0;
	border: 0px solid #ccc;
}

#navigation {
  background: #1c478d;
  /*background: #00326d;*/

}

/*
	Contents
*****************/
#contents  {
	text-align: left;
  margin:4px 0 0 0;
}
#contents .body {
  min-height:480px;
  height: auto !important;
  height: 480px;

  /*background:#f1f1f1;*/

  padding:2px 0 8px 0;
}

/*
	PageTop
*****************/
#pagetop {
	/*border-bottom: 1px solid #d9d9d9;*/
	cursor: pointer;
}

#pagetop .body {
	/*border-top: 1px solid #d9d9d9;*/
  padding:0 0 0 0;
}

#pagetop a {
	display: block;
  height:34px;
  line-height:34px;

  background: url("../../css/phillip/images/pagetop_bg.gif") repeat-x 50% top;

	color: #4d4d4d;

  text-align:right;
}

#pagetop a:hover {
	background: url("../../css/phillip/images/pagetop_bg.gif") repeat-x 50% bottom;
	color: #369;
	text-shadow: none;
  text-decoration:none;
}

#pagetop a .body span {
	float: right;

  height:30px;
	line-height: 30px;

	text-align: center;

  margin:0 0 0 0;
  padding:4px 0.6em 0 1.2em;

	background: url("../../css/phillip/images/pagetop.gif") no-repeat left top transparent;
}
#pagetop a:hover .body   span {
	background: url("../../css/phillip/images/pagetop.gif") no-repeat left bottom transparent;
}

/*
	Extras
*****************/

#extras {

	/*border-top: 1px solid #fff;
	border-bottom: 1px solid #d9d9d9;*/
	background: url("../../css/phillip/images/bg-extra.png");

	text-align: left;

  color:#fff;
  /*color:#333;*/

	/*padding: 0.8em 0;*/
	/*font-size: 0.857em;*/
}

#extras .body {
	/*border-top: 1px solid #ccc;*/
	/*border-bottom: 1px solid #d9d9d9;*/
  position: relative;
}

#extras .body > table {
  margin:0.8em 0 ;
  padding: 0 0 0 0;

  width:auto;

  border:none;
  border-spacing:0;
  border-collapse:separate;
}

#extras .body > table tbody tr td {
  margin:0 0 0 0;
  padding:0 16px;

  border:none;

  vertical-align:top;
  border-left:solid 1px #b5b5b5;
}

#extras .body > table tbody tr td:first-child {
  padding-left:0px;
  border-left:none;
}

#extras .body h1 {
  /*font-size: 1.143em;*/
  font-size: 1.167em;
  line-height:1.2;
  color: #333;
}

#extras .body a {
  color:#fff;
  /*color:#333;*/

	margin: 0 0 0 0;
	padding: 0 0 0 0;
  text-decoration:none;
}

#extras .body a:hover {
	background: transparent;
  /*color:#333;*/
  color:#fff;
  text-decoration:underline;
	text-shadow: none;
}


#extras .body a.enhance {
  color:#fff;
  /*color:#333;*/

  /*font-size:1em;*/

	margin: 0 0 0 0;
	padding: 0 0 0 0;
  text-decoration:none;
}

#extras .body a.enhance:hover {
	background: transparent;
  /*color:#333;*/

  color:#fff;
  text-decoration:underline;
}

#contactus {
  display:block;
    /*float:left;
	  margin: 0 0 0 0;
	  padding-right: 16px;*/
}

#network {
  display:block;
  /*float:left;

	margin: 0 0 0 0;
	padding-right: 16px;*/

  /*border-top: 1px solid #ccc;*/
	/*font-size: 0.857em;*/

}

#network .body {
  padding: 8px 0;
}

#network .body a {
  /*color:#fff;*/
  color:#333;

	margin: 0 0 0 0;
	padding: 0 0 0 0;
  text-decoration:none;
}

#network .body a:hover {
	background: transparent;
  color:#333;
  /*color:#fff;*/
  text-decoration:underline;
	text-shadow: none;
}

#network .body ul {
	/*float: left;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

#network .body ul li {
  float:left;
  margin:0 0 0 0;
	padding: 0 16px 0 0 ;

}

#contactus-email {
    position:absolute;
    bottom:0em;
    right:0px;

    /*float:right;*/
    
    /*float:left;
	  margin: 0 0 0 0;
	  padding-right: 16px;*/
}

#contactus-email a{
  display:inline-block;
}

/*
	Footer
*****************/
#contentinfo {
	border-top: 1px solid #ccc;
	/*background: #f2f2f2;*/
	text-align: left;
}

#contentinfo .body {
  /*border-top: 1px solid #ccc;*/
	padding: 8px 0;
	color: #999;
	/*font-size: 0.857em;*/
}
#contentinfo .body a {
	color: #999;
	text-decoration: none;
}

#contentinfo .body a:hover {
	background: transparent;
	color: #333;
	text-decoration: none;
	text-shadow: none;
}

#contentinfo .body address {
	float: left;

	margin: 0 15px 0 0;
	padding: 0 0 0 0;
	font-style: normal;
}

#contentinfo .body ul {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

#contentinfo .body ul li {
	float: left;

	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
}

/*
	AdTag
*****************/
.adtag-wrapper {
  margin:0 0 0 0;
  padding:0 0 0 0;
}

.adtag-wrapper .adtag-inner {
  margin:0 0 0 0;
  padding:0 0 0 0;

  cursor:inherit;
}

.adtag-link {
  text-decoration:none;
   cursor:pointer;
}

.adtag-left {
  text-align:left;
}
.adtag-right {
  text-align:right;
}
.adtag-center {
  text-align:center;
}


.adtag-xx-small {
  font-size:0.5em; /*6px*/
}
.adtag-x-small {
  font-size:0.667em; /*8px*/
}
.adtag-small {
  font-size:0.834em; /*10px*/
}
.adtag-medium {
  font-size:1em; /*12px*/
}
.adtag-large {  
  font-size:1.334em; /*16px*/
}

.adtag-x-large {  
  font-size:1.667em;  /*20px*/
}
.adtag-xx-large {  
  font-size:2em;  /*204px*/
}

.adtag-text {
  padding:16px;
}
.adtag-text.adtag-nopad{
  padding:0 0 0 0;
}


.adtag-orange{
 	  color: #fef4e9;
   background:#f88e11;
 }

.adtag-orange:hover {
  	 color: #fcd3a5;
}

.adtag-red{
	  color: #faddde;
    background:#c9151b;
 }

.adtag-red:hover {
	  color: #de898c;
}

.adtag-blue{
	  color: #fff;
    background: #00adee; 
}

.adtag-blue:hover {
 	  color: #d9eef7;
}

.adtag-darkblue{
	  color: #fff;
    background: rgb(77,124,180); 
}

.adtag-darkblue:hover {
 	  color: #d9eef7;
}

.adtag-rosy{
	color: #fff;
    background: rgb(241,108,124); 
}

.adtag-rosy:hover {
	color: #fae7e9;
}

.adtag-green{
	color: #fff;
    background: rgb(125,183,47); 
}

.adtag-green:hover {
	color: #e8f0de;
}

.adtag-pink{
	color: #fff;
    background: rgb(254,177,211); 
}

.adtag-pink:hover {
	color: #feeef5;
}

.adtag-white{
	color: #606060;
    background: rgb(255,255,255); /* Old browsers */
}

.adtag-white:hover {
	color: #999;
}

.adtag-gray{
  color: #e9e9e9;
  background: #757575;
}

.adtag-gray:hover {
	  color: #afafaf;
}

.adtag-black{
	color: #fff;
    background: #383838; /* Old browsers */
}

.adtag-black:hover {
	color: #aaa;
}

.adtag-hover-underline:hover span {
  text-decoration:underline;
}

/* Text Content Tabs */
* {
	box-sizing: inherit;
}

.pn-ProductNav_Wrapper {
	position: relative;
	padding: 0;
	box-sizing: border-box;
}

.pn-ProductNav {
	/* Make this scrollable when needed */
	overflow-x: auto;
	/* We don't want vertical scrolling */
	overflow-y: hidden;
	/* For WebKit implementations, provide inertia scrolling */
	-webkit-overflow-scrolling: touch;
	/* We don't want internal inline elements to wrap */
	white-space: nowrap;
	/* If JS present, let's hide the default scrollbar */
	/* positioning context for advancers */
	position: relative;
	font-size: 0;
}

.js .pn-ProductNav {
	/* Make an auto-hiding scroller for the 3 people using a IE */
	-ms-overflow-style: none;
	/* Remove the default scrollbar for WebKit implementations */
}

	.js .pn-ProductNav::-webkit-scrollbar {
		display: none;
	}

.pn-ProductNav_Contents {
	float: left;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	position: relative;
}

.pn-ProductNav_Contents-no-transition {
	-webkit-transition: none;
	transition: none;
}

.pn-ProductNav_Link {
	text-decoration: none;
	color: #888;
	font-size: 12px;
	font-family: -apple-system, sans-serif;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 32px;
	border: 1px solid transparent;
	padding: 0 11px;
}

	.pn-ProductNav_Link + .pn-ProductNav_Link {
		border-left-color: #eee;
	}

	.pn-ProductNav_Link[aria-selected="true"] {
		color: #111;
	}

.pn-Advancer {
	/* Reset the button */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	padding: 0;
	border: 0;
	/* Now style it as needed */
	position: absolute;
	top: 0;
	bottom: 0;
	/* Set the buttons invisible by default */
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

	.pn-Advancer:focus {
		outline: 0;
	}

	.pn-Advancer:hover {
		cursor: pointer;
	}

.pn-Advancer_Left {
	left: 0;
}

[data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {
	opacity: 1;
}

.pn-Advancer_Right {
	right: 0;
}

[data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {
	opacity: 1;
}

.pn-Advancer_Icon {
	width: 14px;
	height: 32px;
	fill: #bbb;
}

.pn-ProductNav_Indicator {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100px;
	background-color: transparent;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out, background-color .2s ease-in-out;
	transition: transform .2s ease-in-out, background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

/* for adhoc button */
#optionbutton a{
	margin: 0 3px;
    color: white;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 15px;
    background-image: linear-gradient(#ff8b00, #f88e0e);
    background-size: 71px 50px;
    background-position: center;
}

#optionbutton a:hover{
	background-image: linear-gradient(#efca93, #ff8100);
}

#optionbutton {
	float:right;
	padding:7.4px 0 0 0;
	//display:none;
	margin-top: -34px;
}
/* end for adhoc button */

.gsc-adBlock {
	display: none !important;
}

#research-report .fb_iframe_widget_fluid, #weekly-specials-1 .fb_iframe_widget_fluid, #market-brief .fb_iframe_widget_fluid, #a-share-research-report .fb_iframe_widget_fluid, #article .fb_iframe_widget_fluid{
	display: inline-block !important;
}

.whatsapp img, #research-report .whatsapp img, #weekly-specials-1 .whatsapp img, .wechat img{
	width: 22px;
    padding: 4px;
}

#market-brief .whatsapp img{
	padding-left: 10px;
}

#market-brief .social, #commentary .social, #option-focus .social ,#article .social{
	display: flex;
    border-bottom: dotted 1px #ccc;
}

#option-focus table {
	font-size: 12px;
	min-width: 950px;
}

#option-focus .document-content{
	overflow: overlay;
    overflow-x: auto;
}

#market-brief .fb-like.fb_iframe_widget, #commentary .fb-like.fb_iframe_widget, #option-focus .fb-like.fb_iframe_widget, #article .fb-like.fb_iframe_widget{
	border-bottom: none;
}

#market-brief .social-fb, #market-brief .share{
	display:inline;
}

#market-brief .share .whatsapp a{
	position: absolute;
}

.share-article .whatsapp, .share-article .wechat{
	display: inline-block;
}

#fancybox-close {
	display:inline !important;
}

.gsc-tabHeader.gsc-inline-block.gsc-tabhActive {
    //color: white;
}

.ipobanner > div:first-child{
	display:none;
}

#contactus-form textarea{
	width:95%
}

.pititle{
	text-align: center;
	font-size: 25px;
	padding: 6px;
}

.pititledesc{
	text-align: center;
	font-size: 14px;
}

#commentary-main .document-content img{
	width: 100% !important;
	height: 100% !important;
}

#careerinlinestaff{
	border-bottom: dotted 1px #ccc;
}

#careerinlinestaff > div:last-child {
  border-bottom: none;
}

.pfafloatingdiv{
   position: fixed;
   left: calc(100% - 160px);
   top: calc(100% * 0.14);
}

.pfafloatingdiv img {
   width: 150px;
}

.pfafloatingdiv .adtag-inner {
    border: 0 solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
    outline: 1px solid;
    outline-color: rgba(255, 255, 255, .5);
    outline-offset: 0px;
    text-shadow: none;
    /* transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); */
}

.pfafloatingdiv .adtag-inner:hover {
    border: 1px solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 36px;
    text-shadow: 1px 1px 2px #427388;
    /* width: 100%; */
    transform: scale(1.1);
}

#desktopsearch .search-box{
	
}

#desktopsearch table.gsc-search-box tr td{
	height: 30px;
	padding: 0px;
}

#gsc-iw-id1 {
	width: 100%;
    float: right;
}

#gsc-iw-id1 table {
	margin:0px;
}

.gsib_a {
	padding: 0px 0px 0px 5px !important;
}

.gsib_a input{
	background: none !important;
}
.noty_message {
  height: 34px;
}
.noty > ul li{
	border: 0px !important;
	border-radius: 0px !important;
}

#phillipmart-main #sidebar .adtag-wrapper.adtag-img.adtag-link img{
	width:100%
}



#poems-app-30-main #contents img, #contents #PHILLIP_HK_App img{
	width: 100%
}

#poems-app-30-main #contents .p3qrcode,#contents #PHILLIP_HK_App .p3qrcode{
	text-align: center;
    display: inline;
	font-weight:800;
	font-size:15px;
}

#poems-app-30-main #contents .p3qrcode div{
	width: 33%;
    display: inline-block;
}

#contents #PHILLIP_HK_App .p3qrcode div{
	width: 32.9%;
    display: inline-block;
}

#poems-app-30-main #contents .p3border, #contents #PHILLIP_HK_App .p3border{
	margin:0px;
}

#poems-app-30-main #contents #p3faq h1, #contents #PHILLIP_HK_App #p3faq h1{
	font-weight: bold;
}

#poems-app-30-main div.qna div.box-inner>h1.collapsed,#poems-app-30-main div.qna div.box-inner>h1.expanded, #PHILLIP_HK_App div.qna div.box-inner>h1.collapsed,#PHILLIP_HK_App div.qna div.box-inner>h1.expanded {
    background-size: 22px 22px;
}
#poems-app-30-main .openAllPanels, #PHILLIP_HK_App .openAllPanels{
	    background-size: 15px 13px;
}

#poems-app-30-main .closeAllPanels, #PHILLIP_HK_App .closeAllPanels{
	    background-size: 13px 16px;
}

#p3faq  div > div > div {
	padding-left: 20px;
}

#poems-app-30-main #contents #p3pdf, #contents #PHILLIP_HK_App #p3pdf{
	text-align: center;
	font-size: 20px;
	font-weight: 800;
}

.p3faqtitle {
	font-size:22px;
	color:#012049;
}

.dealerwhatsapp img {
	width:18px;
	vertical-align:bottom;
}

.box.phillipchannel, #desktoprtq{
	display: none;
	
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/* Mobile layout*/

@media only screen and (max-width:767px){
	.noty_message {
	  height: 34px;
	}
	header, #extras, #navigation{
        display: none !important;
    }
	
	.popupCloseButton:after{
		content:"x"
	}
	
	.popupCloseButton {
		background-color: #fff;
		border: 2px solid #999;
		border-radius: 50px;
		cursor: pointer;
		display: inline-block;
		font-family: arial;
		font-weight: bold;
		position: absolute;
		top: -14px;
		right: -10px;
		font-size: 20px;
		line-height: 17px;
		width: 22px;
		height: 22px;
		text-align: center;
	}
	
	.anchor {font-size: 15px !important;} 
	.mobilebox{
		float:left;
		width:25%;
		border-left:1px solid #335c85;
		padding:8px 5px;
		text-align:center;
		border-bottom:1px solid #335c85;
		}
	.mobilebox a{color:white;}
	.mobilebox a:active{background-color:#0094da;}
	.mobilecontainer{float:left;width:100%;font-size:16px;}
	ul#menu-p2.nav.navbar-nav>li.current-menu-item>a{background-color:#003366;color:white;}
	ul#menu-p2.nav.navbar-nav>li>a:active, ul#menu-p2.nav.navbar-nav>li>a:hover{background-color:#0094da;color:white;border-bottom:none;}
	.input-group-addon{cursor:pointer;}
	#footer{background-color: #003366; background: url(../../css/phillip/images/bg-extra.png);}
	#footer li a{color:white;}
	#footer h4{color:white;padding-top:10px;margin-bottom:5px;font-weight: 300;font-size: 18px;}
	.fg-white{color:white !important;}
	#contents {margin-top:102px;}
	#breadcrumbs {height: 26px;}
	.navbar{margin-bottom:0 !important;border:0px !important;}
	.body {width:100%;}
	body{min-width:100%;}
	#network{background-color: #003366; color:#fff; padding: 0 15px; background: url(../../css/phillip/images/bg-extra.png);}
	#network .body a, #network .body a:hover{color:#fff;}
	#footer .nav{list-style:none;margin:0;padding:0;text-align:center;}
	#footer .nav{list-style:none;margin:0;padding:0;text-align:center;}
	#footer .nav li{display:inline;}
	.text-center{color:#00adff;}
	#footer .nav a{display:inline-block;padding:10px;color:#00adff;padding-top:0;}
	
	address {
		color:#75d2ff; 
		text-align: center;
		float: right;
		padding-left: 26px;
		margin-top: 3px;
	}
	
	address a:link, address a:visited{color:#75d2ff;}
	
	#contentinfo .body address {
		display:none;
	}
	#contentinfo .body ul li{
		padding: 0px 0px 0 15px;
		line-height: 25px;
	}
	.body > div {width:100%;}
	div.breadcrumb.hasSide, div.content.hasSide {
		width: 100% !important;
	}
	#poemsLogo {    
		margin: auto;
		width: 262px;
		padding-top: 12px;
	}
	.title.hasSide {
		width:100% !important;
	}
	#sidebar{
		margin-left:15px !important;
		margin-right:15px !important;
		width: 94% !important;
	}
	
	.anythingSlider.anythingSlider-top-slider.activeSlider, .anythingSlider.anythingSlider-top-slider.activeSlider .anythingBase.horizontal, .anythingSlider.anythingSlider-top-slider.activeSlider .anythingBase.horizontal > .panel{
		width:100% !important;
	}
	
	.anythingSlider.anythingSlider-top-slider.activeSlider .anythingBase.horizontal > .panel > a > img{
		width:100% !important;
		height: 100% ;
	}
	
	.slideshow.hasSide{
		width:100% !important;
	}
	#embedded-tabs > li a, #commentary-tabs > li a{
		height:30px;
	}
	.xbreadcrumbs li {
		height: 26px !important;

	}
	ul.css-tabs a {
		height: 29px !important;
	}
	
	.box.sidenav h1:after{
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
	}

	.active, .box.sidenav h1:hover {
	  background-color: #555 !important;
	}

	.active:after {
	  content: "\2212" !important;
	}

	.box.sidenav nav{
	  //padding: 0 18px;
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height 0.2s ease-out;
	  //background-color: #f1f1f1;
	}
	
	.solidblockmenu{
		background: transparent !important;
	}
	
	.solidblockmenu >li.nav-login >a {
		border-radius: 4px;
	}
	
	.navbar-collapse.navbar-menu{
		max-height: 530px !important;
	}
	.col-xs-12.col-sm-6.col-md-4.col-lg-4, .col-xs-12.col-sm-6.col-md-4.col-lg-4 a:link, .col-xs-12.col-sm-6.col-md-4.col-lg-4 a:visited{
		color:white !important;
	}
	
	.communitiesimage {
		margin: 10px;
	}
	
	.communitiesimage img {
		width: 35px;
		height: 35px;
	}
	.bdcs-main.bdcs-clearfix{
		padding: 0 20px !important;
	}
	.bdcs-container .bdcs-search {
		width:100% !important;
		background: #333333 ;
		border: 1px solid #000 ;
		border-radius: 0px;
		border-width: 0px;
	}
	.bdcs-container .bdcs-search-form-submit{
		width:18% !important;
		background: #333333 !important;
		border: 1px solid #000 !important;
	}
	.bdcs-container .bdcs-search-form-input{
		width:82% !important;
		border: 1px solid #BBB !important;
	}
	
	.googlesearch .dropdown-menu-right{
		display:block !important; 
	}
	.close .dropdown-menu-right{
		display:none !important;
	}
	#breadcrumbs > li:first-child {
		display:none;
	}
	
	
	[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px;}
	
	.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:focus>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-white.png");}
	
	.icon-plus{background-position:-408px -96px;}
	.icon-minus{background-position:-433px -96px;}
	.icon-play{background-position:-264px -72px;}
	
	#left ul.nav li .sign {
		width: 50px !important;
		text-align: center;
	}
	
	#left ul.nav a{
		text-decoration:none;
	}
	
	#left ul {
		margin:0px !important; 
	}
	
	#left .deeper.parent{
		line-height: 25px;
		padding: 2px;
	}
	
	#collapse-p2 {
		padding-bottom: 20px;
		height: 100%;
		margin-right: -50px;
		padding-right: 50px;
		overflow-y: scroll;
	}
	
	body.menu-open {
		overflow-y: hidden;
	}
	
	#main-menu .lbl{
		width: calc(100% - 51px);
	}
	
	#mobilertq {
		width: 90%;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		display:none;
	}
	
	#mobileslides2 {
		clear: both;
		padding-top: 20px;
	}
	
	#homepageslide {
		display: none;
	}
	
	#mobileslides2 .homeslider2 {
		margin: auto;
		display: block;
	}
	
	#content {
		width:100% !important;
	}
	
	#commentary-tabs li:nth-child(1n+2){
		display: none;
	}

	div.commentary ul.css-tabs a.current {
		border: none !important;
	}
    
    ul.css-tabs {
		/*border: 1px solid #ccc !important;
		border-bottom: none !important;*/
		list-style-type: none;
	}
	
	#commentary-tabs.css-tabs{
		background: #1c478d;
	}
	
	#commentary-tabs.css-tabs li:first-child a{
		font-size: 20px;
		padding-top: 10px;
		background: #1c478d;
		color: white;
		padding-bottom: 27px;
	}
	
	#commentary-tabs-panes.css-panes #tab_latest .brief h1 {
		font-size: 20px !important;
		margin-top:0px  !important;
	}

	#commentary-tabs-panes.css-panes #tab_latest .brief address {
		font-size: 15px !important;
		text-align: left !important;
	}

	#commentary-tabs-panes.css-panes #tab_latest .brief p {
		float:left
	}
	
	#mobilephillipchannel {
		clear: both;
		padding: 20px 0px 10px 0px;
		text-align: center;	
	}
	
	#mobilephillipchannel .phillipchannel{
		width: 360px;
		margin: auto;
	}
	
	#mobilephillipchannel > div img{
		width: 93%;
		padding: 0px 70px;
		border: 1px solid #ccc;
	}
	
	#mobilertqpic > div img {
		width: 93%;
		padding: 17px 88px;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	#mobilertqpic > div:nth-child(2) {
		text-align: center;
		margin-bottom: 30px;
	}
	
	#mobilephillipchannel .caption, #mobilertqpic .caption{
		padding: 4px;
		background: #1c478d;
		color: #fff;
		width: 93%;
		margin: auto;
		font-size: 20px;
		text-align: left;
	}
	
	#mobilertqpic .caption {
		margin-top: 36px;
	}
	
	.video-box {
		width: 100% !important;
		padding: 8px !important;
	}
	
	.video-panel .video-box iframe {
		width:100%
	}
	
	.video-info {
		width: 100% !important;
	}
	/*#contents .content-inner table img*/
	#contents .box.document .box-inner > div > p > img, #contents .box.document .box-inner > div > h3 > p > img,  #contents .content-inner table, #contents .content .content-inner p > img{
		width: 100% !important;
	}
	
	#contents .content-inner .box-inner  table img {
		height: 10% !important;
		width: 9%;
	}
	
	#contents .content-inner table td {
		padding: 1px; 
	}
	
	#contents .content-inner table img{
		//height: 576px !important;
	}
	
	div.author-1c .profile {
    	width: 80% !important;
	}
	
	.document-highlight-right {
		width: 100% !important;
		text-align: center !important;
		margin-top: -10px !important;
		margin-bottom: 10px !important;
	}
	
	#contents  .document-highlight-left .document-chart{
		display:none;
	}
	
	.text-align-right {
		text-align: center !important;
	}
	
	#contents .video-list-items ul li{
		width:47% !important;
	}

	#contents .video-list-items ul li a{
		width: 95% !important;
		height: 213px;
	}

	#contents .video-list-items .document-thumbnail img {
		width: 95% !important;
	}

	#contents .video-list-items .document-thumbnail {
		width: 100%;
	}
	
	.video-list ul li a .document-thumbnail {
		height: 100%;
		min-height: 123px;
	}
	
	#content .anythingSlider.anythingSlider-home-slider{
		display: none;
	}
	
	section#mobileslider {
		margin-top: 3px;
	}
	
	div.commentary {
		width: 94% !important;
		margin: 10px auto !important;
	}
	
	.home-ipo-phillipmart-today{
		text-align:center;
	}
	
	.home-ipo-phillipmart-today img {
		width:77%;
	}
	
	section#content .home-alert-wrapper {
		display: none;
	}
	
	#cse-search-form {
		width: 100%;
	}
	
	.cse-search-form .gsc-search-button{
		padding-left: 0px !important;
	}
	
	table.gsc-search-box td.gsc-input {
		padding-right: 2px !important;
	}

	#qqchat {
		padding-top: 0px !important;
		clear: both;
		/*margin-top: -22px;*/
	}	
	
	/* for adhoc button */
	#optionbutton {		
		float:right;
		padding:0 0 0 0;
		margin-top: 0px;
	}
	
	#optionbutton a {
		padding: 4px 25px;
	}
	/* end for adhoc button */
	.advtags .adtag-inner img {
		width:100%;
		padding: 12px;
	}
	
	#research-report .box.author.author-1c, #weekly-specials-1 .box.author.author-1c, #market-brief .box.author.author-1c, #a-share-research-report .box.author.author-1c, #option-focus .box.author.author-1c{
		text-align: center;
	}
	
	#research-report .photo, #weekly-specials-1 .photo, #market-brief .photo ,#a-share-research-report .photo, #option-focus .photo{
		width:98% !important;
	}
	
	#research-report .photo img, #weekly-specials-1 .photo img, #market-brief .photo img, #a-share-research-report .photo img, #option-focus .photo img{
		margin:auto;
		width: 50% !important;
	}
	
	#research-report .profile, #weekly-specials-1 .profile, #market-brief .profile, #a-share-research-report .profile, #option-focus .profile{
		width: 98% !important;
	}
	
	#research-report .profile table tr:last-child td span, #weekly-specials-1 .profile table tr:last-child td span, #market-brief .profile table tr:last-child td span, #option-focus .profile table tr:last-child td span{
		margin-bottom:0px;
	}
	
	.whatsapp img, #research-report .whatsapp img, #weekly-specials-1 .whatsapp img, #market-brief .whatsapp img, .wechat img{
		width: 29px;
		padding: 4px;
	}
	
	.whatsapp img {
		margin-left:10px;
	}
	
	#market-brief .social{
		padding-bottom: 4px;
	}
	
	#header_mobile .dropdown-menu.mlangmenu {
		min-width: 95px;
	}
	
	#header_mobile .popupDialog{
		background:none !important;
	}
	
	#header_mobile .header-login{
		font-size: 76%;
		line-height: 22px;
	}
	
	#header_mobile .popupDialog > div {
		width: 90%;
		margin: 30% auto;
	}
	
	#ImageTable table{
		width: 80% !important;
	}
	
	#ImageTable table img{
		width: 150px !important;
		height: 93.5px !important;
	}
	
	#header_mobile #ImageTable td {
		padding:0px !important;
	}
	
	#mobileslides2 #slider2 {
		width:100% !important;
		text-align: center;
	}
	
	#mobileslides2 #slider2 img {
		width:90% !important;
	}
	
	#contents .hotline {
		background: none;
		padding-left: 0px; 
		height: 100%;
		width: 100%;
		padding-top: 10px;
	}
	
	#contents .hotline table tr{
		display: grid;
	}
	
	#contents div.hotline table tr td:nth-child(odd) {
		background-color: #5582BC;
		border-bottom: solid 1px white;
		color: white;
		padding-left: 10px;
	}
	
	#contents div.hotline table tr td:nth-child(even) {
		background-color: #ddd;
		color: black;
	}
	
	.header-gift-promotion {
		padding-top: 6px;
		padding-bottom: 7px;
	}
	
	.header-gift-promotion span{
		font-size: 18px;
	}
	
	#right_column, #left_column {
		display:block;
		width:100% !important;
	}
	
	.mobile_lession #datepicker .ui-datepicker {
		width:100% !important;
	}
	
	.mobile_lession .adtag-wrapper.adtag-img.adtag-link {
		text-align:center;
	}
	
	.mobile_lession .adtag-wrapper.adtag-img.adtag-link .adtag-inner img{
		width: 60% !important;
	}
	
	#tab_latest address{
		color: black;
	}
	
	#footer address{
		float: none;
	}
	
	#louis-talk table div:nth-child(1) {
		width:100% !important;
	}
	
	#louis-talk table div:nth-child(1) div:nth-child(1){
		display:none;
	}
	
	.promo li > a > div {
		display: inline-flex;
	}
	
	.promo li div > h3 {
		font-size: 17px !important;
	}
	
	#contents #slider, #contents #slider img {
		width:100% !important;
	}
	
	#sidebar p > a > img {
		width:75% !important;
		height: 100% !important;
	}
	
	#sidebar p{
		text-align: center;
		padding-bottom: 10px;
	}
	
	#realtime-quotes > div.content-inner > div:first-child, #ipo-info .ipo-scheduled, #ipo-info .ipo-calendar, #ipo-info .ipo-phillipmart-calendar {
		overflow: scroll;
		-ms-overflow-style: none;
	}
	
	#realtime-quotes > div.content-inner > div:first-child::-webkit-scrollbar, #ipo-info .ipo-scheduled::-webkit-scrollbar, #ipo-info .ipo-calendar::-webkit-scrollbar, #ipo-info .ipo-phillipmart-calendar::-webkit-scrollbar {
		display:none;
	}
	
	#realtime-quotes > div.content-inner div.box-inner > table, #ipo-info .ipo-scheduled-items, #ipo-info .ipo-calendar-items, #ipo-info .ipo-phillipmart-calendar-items {
		min-width: 768px !important;
	}
	
	#realtime-quotes > div.content-inner div.box-inner > table .tdContractCode img{
		height: 15px !important;
	}
	
	body {
		-ms-overflow-x: hidden;
	}
	
	#ipo-info .secmargin {
		width:100% !important;
	}
	
	#main .advtags, #main .adtag-img.adtag-link{
		display:none;
	}
	
	#fs-tabs-panes{
		width:100% !important;
	}
	
	#main .content-inner > div > div:nth-child(2) {
		width:100% !important;
	}
	
	#careers div.box.column {
		width: 100%;
		margin: 16px 0px;
	}
	
	#jobs_detail {
		width:100% !important;
	}
	
	#jobs_detail .content-inner {
		padding: 0px !important;
	}
	
	
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable{
		width: 100% !important;
		top: 115.5px !important;
		font-size: 12px;
	}
	
	#fancybox-wrap, #fancybox-content {
		width: 100% !important;
	}
	
	#fancybox-wrap {
		left: 0px !important;
	}
	
	#jobs_detail {
		font-size: 12px;
	}
	
	#overview > div.content-inner > div .box.shadow {
		width: 100%;
		font-size: 12px;
	}
	
	#breadcrumbs {
		font-size:13px;
	}
	
	.breadcrumb.clearfix {
		height: 50px !important;
		background: white !important;
	}
	
	#ipo-info-main .breadcrumb.clearfix, #promotion-main .breadcrumb.clearfix, #planned-main .breadcrumb.clearfix, #press-release-main .breadcrumb.clearfix, #listed-main .breadcrumb.clearfix, #pm-buy-0-main .breadcrumb.clearfix, #ipo-offer-main .breadcrumb.clearfix{
		height: auto !important;
	}
	
	#commentary .social-fb {
		margin-top: 4px;
	}
	
	#introduction #POEMS img{
		height: 42%;
		width: 100%;
	}
	
	#introduction #POEMS button{
		position: absolute;
		left: 20px;
		margin-top: 504px;
		width: calc(100% - 44px);
		font-size: 15px;
	}
	
	#introduction #POEMS tr:first-child > td {
		width:100% !important;
	}
	
	#contents #introduction > div > div > table tr:first-child > td > p > img {
		width: 15% !important;
		height: 100%;
	}
	
	#introduction > div > div > table:first-child > tbody > tr:first-child > td:nth-child(2) {
		display: none;
	}
	
	#introduction > div > div > table table tr td {
		width: 33%;
	}
	
	#introduction > div > div > table table tr td img{
		width: 88%;
	}
	
	#hong-kong-stock-margin-ratio .search_security_fields button, #hong-kong-stock-margin-ratio .search_security_fields input, #shhksc-stock-margin-ratio .search_security_fields button, #shhksc-stock-margin-ratio .search_security_fields input {
		color: black;
	}
	
	#hong-kong-stock-margin-ratio .search_security_fields button, #shhksc-stock-margin-ratio .search_security_fields button{
		font-size: 12px;
	}
	
	#margintable {
		overflow-x: auto;
		font-size: 12px;
	}
	
	#margintable table {
		width: 767px !important;
	}
	
	#contents #compare table img{
		height: 100% !important;
	}
	
	#contents #compare table {
		font-size: 12px;
	}
	
	#contents #local-and-world-indices-figures .content-inner table {
		width: 800px !important;
		font-size: 12px;
	}

	#local-and-world-indices-figures .content-inner {
		overflow: overlay;
		overflow-x: auto;
	}
	
	#local-and-world-indices-figures #index-datepicker {
		margin: 4px;
	}
	
	#stock_options #professional-service table{
		border-bottom: none !important;
		border-right-style: none !important;
		border-top-color: none !important;
		border-top-style: none !important;
		border-right-color: none !important;
		border-left-style: none !important;
		border-left-color: none !important;
		margin-bottom: 32px;
	}
	
	#stock_options #professional-service table tr > td > img{
		width: 100%;
		height: 100% !important;
	}
	
	#stock_options #professional-service table tr > td ul {
		width: 92%;
	}
	
	#stock_options #professional-service table tr > td
	{
		display: block;
	}
	
	#stock_options #option-app-chain iframe {
		width: 92%;
	}
	
	#stock_options #option-app-chain > div > div > div.pane-contactus{
		width: 100%;
		padding: 10px;
		text-align: center;
	}
	
	#stock_options #option-app-chain > div > div > div.pane-contactus span{
		height: 100% !important;
		display: block !important;
		line-height: 100% !important;
		
	}
	
	#stock_options #option-app-chain > div > div > div.pane-contactus a {
		display: none;
	}
	
	#stock_options #short-put-example img{
		height:100% !important;
	}
	
	#option-app-chain .box > div > div.pane-info > div.pane-links {
		text-align: center;
		float: none;
	}
	
	#option-app-chain .box > div > div.pane-info, #stock_options #course img, #stock_options #video-tutorial img{
		width: 100%;
	}

	#professional-service .box.dotted-bottom {
		border-bottom: none !important; 
	}
	
	#china-connect #intro img, #china-connect #fee-tax img, #stock_options #put-in-bear-market img {
		width: 100%;
		height: 100%;
	}
	
	.css-panes > div {
		padding: 10px 10px !important;
	}
	
	#china-connect #promotion .content-list > ul > li > a > div, #stock_options #fee-promotion .content-list > ul > li > a > div{
		display:flex;
	}
	
	#video-tutorials > div.content-inner {
		padding-left:0px;
		padding-right:0px;
	}
	
	#video-tutorials .smallgrey {
		padding: 0px 20px;
	}
	
	#video-tutorials #pcmenu {
		font-size: 14px;
	}
	
    #stock_options #information p:nth-child(21) > img{
	 	width:150px !important;
	 	height:100% !important;
	}
	
	.fb_iframe_widget_fluid {
		display: block !important;
	}
	
	#phillip-hkd-money-market-fund #Manager img{
		width: 92% !important;
		height: inherit !important;
	}
	
	#phillip-hkd-money-market-fund #Manager tr td:first-child{
		width:24% !important;
	}
	
	#pi-package .youtubevideo > iframe{
		height: 300px;
	}
	
	#pi-package > div > div > p {
		font-size:15px !important;
	}
	
	#breadcrumbs > li > div:nth-child(3) {
		width: 20px !important;
		height: 20px !important;
		background-image: url(/img/down.png) !important;
		background-size: 20px;
		margin-top: -3px;
		margin-left: 5px;
		background-position: 0px !important;
	}
	
	#its .box-inner.clearfix > div {
		text-align:center;
		float: none !important;
		width: 100% !important;
	}
	
	#its .box-inner.clearfix > div:nth-child(2) a {
		font-size: 12px;
	}
	
	#snipper > div > div > div > table tr td div a, #snipper > div > div > div > table tr td div.paging_cur, #investor-notes > div > div > table tr:nth-child(2) a, #investor-notes > div > div > table tr:nth-child(2) .paging_cur{
		height:18px;
	}
	
	#update-derivatives-knowledge img, #contents #article table img{
		width: 100% !important;
		height: 100% !important;
	}
	
	#company .align-center {
		width:100% !important;
	}
	
	#article .document-content table:nth-child(n-1) tr td{
		display:block;
		width:100% !important;
	}
	
	#contents #article .document-content table:nth-child(2) td:first-child img{
		width: 100% !important;
	}

	#contents #article .document-content table:nth-child(2) img:first-child{
		width: 10% !important;
	}
	
	#contents #article .document-content table:nth-child(2) tr td:first-child{
		display:block;
	}
	
	#contents #article .document-content table:nth-child(2) tr td, #contents #article .document-content table:nth-child(2) tr td:nth-child(4) > p{
		display:inline;
	}
	
	#contents #article .document-content table:nth-child(2) tr td:nth-child(2) img{
		width: 30% !important;
	}
	
	.mobilefont {
		font-size: 15px !important;
	}
	
	.noresize {
		width: inherit !important; 
	}
	
	#contents .content-inner table.poster td {
		padding:0px;
		display: inline;
	}
	
	#Introduction > div > div > div > div > div {
		float: none !important;
	}
	
	#Introduction > div > div > div > div > div img{
		width:100% !important;
		height: 100% !important;
	}
	
	#Introduction .box .align-left, #Introduction .box .align-left iframe{
		width: 100% !important; 
	}
	
	#Introduction .buttonBlue, #Introduction .button {
		width: 100%;
	}
	
	#contents #investor-notes > div > div > table {
		border: none !important;
		border-style: none !important;
	}
	
	#contents #investor-notes > div > div {
		height:100%;
		overflow:auto; 
		-webkit-overflow-scrolling:touch;
	}
	
	#contents #investor-notes > div > div > table iframe{
		height:100%;
		overflow:auto; 
		-webkit-overflow-scrolling:touch;
	}
	
	#market-brief-by-dealer .authors .authors-author .photo, #market-brief-by-commentator .authors .authors-author .photo, #speaker .speakers .speaker .photo{
		float: initial !important;
		text-align: center;
		width: 100% !important;
		padding-bottom: 10px;
	}
	
	#market-brief-by-commentator .authors .authors-author .photo img, #speaker .speakers .speaker .photo img{
		width: 160px !important;
	}

	#market-brief-by-dealer .authors .authors-author .photo img{
		width: 100px !important;
	}
	
	#market-brief-by-dealer .profile{
		padding-top: 2px;
		font-size: 12px;
	}
	
	#market-brief-by-dealer .feature.authors-documents{
		font-size:11px;
	}
	
	#market-brief-by-dealer .authors .authors-author .profile, #market-brief-by-commentator .authors .authors-author .profile, #speaker .speakers .speaker .profile {
		width:50% !important;
	}
	
	#market-brief-by-dealer .authors .authors-author .profile .email, #market-brief-by-commentator, #speaker .speakers .speaker .profile .email, #speaker .speakers .speaker .profile, #speaker .speakers .speaker .feature.courses{
		width:100% !important;
		word-break: break-all;
	}
	
	#speaker .speakers .speaker .profile{
		word-break: break-all;
	}
	
	
	#market-brief-by-dealer .list2 td, #market-brief-by-commentator .list2 td{
		display: inherit;
	}
	
	#market-brief-by-dealer .list2 .list2-author, #market-brief-by-commentator .list2 .list2-author{
		padding: 10px 10px 0 10px;
	}
	
	#market-brief-by-dealer .list2 .list2-author img, #market-brief-by-commentator .list2 .list2-author img{
		width:101px;
	}
	
	#market-brief-by-dealer .list2 .list2-author address, #market-brief-by-commentator .list2 .list2-author address{
		width: 60%;
		padding-top: 39px;
	}
	
	#market-brief-by-dealer .list2 .list2-brief, #market-brief-by-commentator .list2 .list2-brief{
		padding: 0 10px 10px 10px;
	}
	
	#research-report-main #fancybox-close {
		display:none !important;
	}
	
    #research-report-main #disclaimer > div:nth-child(5){
		text-align: center;
		margin: auto !important;
	} 
	
	#branches iframe, #options > div > div > div > div > img {
		width:100% !important;
	}
	
	#msci-tw-index #pros table, #msci-tw-index #weight table, #msci-tw-index #industry table, #futures table.contracts, #futures table.fees, #ftse-china-a50-index #weight table, #ftse-china-a50-index #industry table, #ftse-china-a50-index table.funds.funds-box{
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
	
	#msci-tw-index #pros table td ,#msci-tw-index #weight table td ,#msci-tw-index #industry table td, #futures table.fees td, #ftse-china-a50-index table td{
		padding: 3px 10px !important;
	}
	
	#msci-tw-index #industry img, #ftse-china-a50-index #industry img {
		height: 100% !important;
	}
	
	#futures ul.types li {
		margin: 2px;
	}
	
	#ftse-china-a50-index table.stklist {
		margin: 0px 0px 8px 0px !important;
	}
	
	#ContentGroup #cms_rss_content_1 img{
		width:100% !important;
	}
	
	#main .search_article_fields , #commentary-main .search_article_fields {
		width:100%;
		text-align: left;
		padding-bottom: 10px;
	}
	
	#main .search_article_fields select, #commentary-main .search_article_fields select{
		display: block;
		width: 60%;
		color: black;
	}
	
	#main .search_article_fields > label:nth-child(4), #commentary-main .search_article_fields > label:nth-child(4){
		display: block;
		padding-top: 5px;
		margin-bottom: 0px !important;
	}
	
	#main .search_article_fields input[name="keyword"] , #commentary-main .search_article_fields input[name="keyword"] {
		width: 60%;
		color: black;
	}
	
	#main .search_article_fields input[type="submit"] , #commentary-main .search_article_fields input[type="submit"] {
		color: black;
	}
	
	#main .pagination, #commentary-main .pagination{margin:20px 0;}
	#main .pagination ul, #commentary-main .pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
	#main .pagination ul>li, #commentary-main .pagination ul>li{display:inline;}
	#main .pagination ul>li>a,.pagination ul>li>span, #commentary-main .pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;}
	#main .pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span, #commentary-main .pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
	#main .pagination ul>.active>a,.pagination ul>.active>span, #commentary-main .pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
	#main .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus, #commentary-main .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{/* color:#999999; *//* background-color:transparent; *//* cursor:default; */}
	#main .pagination ul>li:first-child>a,.pagination ul>li:first-child>span, #commentary-main .pagination ul>li:first-child>a,.pagination ul>li:first-child>span{/* border-left-width:1px; *//* -webkit-border-top-left-radius:4px; */-moz-border-radius-topleft:4px;/* border-top-left-radius:4px; *//* -webkit-border-bottom-left-radius:4px; */-moz-border-radius-bottomleft:4px;/* border-bottom-left-radius:4px; */}
	#main .pagination ul>li:last-child>a,.pagination ul>li:last-child>span, #commentary-main .pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
	#main .pagination-centered, #commentary-main .pagination-centered{text-align:center;}
	#main .pagination-right, #commentary-main .pagination-right{text-align:right;}
	#main .pagination-large ul>li>a,.pagination-large ul>li>span, #commentary-main .pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px;}
	#main .pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span, #commentary-main .pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
	#main .pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span, #commentary-main .pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
	#main .pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span, #commentary-main .pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{/* -webkit-border-top-left-radius:3px; */-moz-border-radius-topleft:3px;/* border-top-left-radius:3px; *//* -webkit-border-bottom-left-radius:3px; */-moz-border-radius-bottomleft:3px;/* border-bottom-left-radius:3px; */}
	#main .pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span, #commentary-main .pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px;}
	#main .pagination-small ul>li>a,.pagination-small ul>li>span, #commentary-main .pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px;}
	#main .pagination-mini ul>li>a,.pagination-mini ul>li>span, #commentary-main .pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px;}
	
	#main .active:after , #commentary-main .active:after {
		display: none;
	}
	
	#main #fund-houses .fundmanager tr > td {
		vertical-align: middle !important;
	}
	
	#main #fund-houses .fundmanager img {
		height: 40% !important;
	}
	
	#sbl .smallblack {
		word-break: break-all;
	}
	
	#sbl #stocklist .box-inner {
		overflow-x: auto;
	}
	
	#sbl #stocklist .ver-zebra.stocklist {
		width:850px !important;
	}
	
	#sidebar-portamento h1 {
		font-size: 17px;
	}
	
	#its #AO-order img, #its #VCM img{
		width: 100%;
	}
	
	.breadcrumb-inner .advtags img{
		width:60%;
	}
	
	.breadcrumb-inner .advtags {
		text-align: center;
	}
	
	#ipo-offer-2018-main .breadcrumb.hasSide.clearfix{
		height:auto;
	}
	
	#contactus-form textarea{
		width:100%
	}
	
	.ifa_main {
		font-size: 14px !important;
        padding: 10px 10px 10px 10px !important;
    }
	
	
	.ifa_sub div img{
       width: 30px !important;
    }
	
	.ifa_sub div{
       padding:15px 0px !important;
    }
	
	.ifa_sub div span {
		padding-left: 5px !important;
	}
	
	.phillipmarkaccount {
		margin-left: 0px !important;
   }
   
   #PhillipMart iframe {
	   width:100% !important;
   }
   
   .pfafloatingdiv{
	   position: fixed;
	   left: calc(100% - 80px);
	   top: calc(100% * 0.4);
	}

	.pfafloatingdiv img {
	   width: 70px;
	}
	
	.pfafloatingdiv {
		z-index:99999999;
	}
   #courses-main .mobile_lession .advtags {
        display: none;
    }
	
	#platforms-download-main div.AppsItem {
		width: 44%;
		border: solid 0px #404040;
		float: left;
		margin-left: 9px;
		margin-bottom: 10px;
		margin-top: 4px;
		margin-right: 8px;
	}
	#platforms-download-main div.AppsIcon {
		width: 100%;
		text-align: center;
		border: solid 0px #fff;
		font-size: 16px;
		color: #808080;
		padding-bottom: 3px;
	}
	
	#platforms-download-main div.AppsBtn1, div.AppsBtn2 {
		width: 63%;
		border: solid 0px red;
		padding-left: 0px; 
		margin: auto;
		float: initial;
	}
	
	#platforms-download-main div.AppsBtn1 div {
		width: 100%;
		background-color: #4897f7;
		color: #fff;
		border-color: #074692;
	}
	
	#platforms-download-main div.AppsBtn2 {
		width: 100%;
		float: inherit; 
		padding-left: 0px;
		padding-right: 0px;
		text-align: center;
		padding-top: 5px;
	}
	
	#platforms-download-main div.AppsBtn2 div {
		width: 40%;
	}
	
	#platforms-download-main .box-inner table img {
		height: 100% !important;
		width: 50% !important;
	}
	
	#platforms-download-main .button4 {
		display: block;
		width: 100%;
	}
	
	#pats-mobile > div > div:nth-child(1) > div > div > div:nth-child(2) > img {
		width:100%;
	}
	
	#poems-app-30-main #contents .p3qrcode div, #contents #PHILLIP_HK_App .p3qrcode div{
		width:32.5%;
	}
	
	#poems-app-30-main #contents .p3qrcode, #contents #PHILLIP_HK_App .p3qrcode{
		text-align: center;
		display: inline;
		font-weight:800;
		font-size:12px;
	}
	
	
	#poems-app-30-main #contents #p3faq,  #contents #PHILLIP_HK_App #p3faq{
		font-size: 12px !important;
	}
	
	#poems-app-30-main #contents #p3pdf, #contents #PHILLIP_HK_App #p3pdf{
		font-size: 14px;
	}
	

	.p3faqtitle {
		font-size: 17px;
		color: #012049;
		font-weight: 900;
	}
}

/* End Of Mobile layout*/

@media only screen and (min-width:768px) {
    #header_mobile, #footer{
        display:none;
    }
	
	#mobileslides2 .homeslider2, #mobilephillipchannel {
		display: none;
	}
	/*section#mobileslider, */
	section#mobilephillipmart, #mobilertqpic {
		display: none;
	}
	#mobileslider .container, #mobileslider #slider_container img{
		max-width: 850px;
		min-width: 850px;
	}

	#slider1_container {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	.anythingSlider.anythingSlider-top-slider.activeSlider, .anythingSlider.anythingSlider-top-slider.activeSlider .anythingBase.horizontal, .anythingSlider.anythingSlider-top-slider.activeSlider .anythingBase.horizontal > .panel{
		width:728px !important;
	}
	
	.anythingSlider.anythingSlider-top-slider.activeSlider .anythingBase.horizontal > .panel > a > img{
		width:728px !important;
	}
	
	.slideshow.hasSide{
		width:960px !important;
	}
	
	#breadcrumbs {
		height: 26px;
	}
	
	#profiles {
		width:960px !important;
	}
	
	#careerinlinestaff, #careerinlinestaff .box.dotted-bottom, #careerpartner, #careerpartner .box.dotted-bottom{
		display: inline-table;
	}

	#careerinlinestaff .box.dotted-bottom,#careerpartner .box.dotted-bottom{
		width: 50%;
	}
	#careerinlinestaff .box-inner.text-align-center,#careerpartner .box-inner.text-align-center{
		text-align: left;
		padding-left: 70px;
	}

	#careerinlinestaff .box-inner.text-align-center:before {
		content:"*";
		vertical-align: text-top;
	}
	
	#careerpartner .dotted-bottom {
		border-bottom:none;
	}
}

@media only screen and (min-width:480px) {
	#product-info{
		min-width: 960px;
	}
}

@media only screen and (max-width: 415px) {
	#poemsLogo {
		margin: auto;
		width: 200px;
		padding-top: 18px;
	}
	.video-panel .video-box iframe {
		height:200px;
	}
	
	#pi-package .youtubevideo > iframe{
		height: 200px;
	}
	
}

@media only screen and (max-width: 325px) {
	#hong-kong-stock-margin-ratio .field-container input, #shhksc-stock-margin-ratio .field-container input{
		width:52px;
	}
	
	#header_mobile .header-login{
		font-size: 70%;
		line-height: 22px;
	}
}

#header-submenu{background-color:#003366;}
#header-submenu .navbar-nav li a{color:white;height:35px;padding:8px 8px;}
#header-submenu .navbar-toggle a{color:white;}
#header-submenu .navbar-nav li a:hover,#header-submenu .navbar-nav .open{background-color:#0094da;}
#header-submenu .navbar-nav li a.dd-login-toggle:hover{background-color:#61666c;}
#header-submenu .navbar-nav li a.dd-login-toggle{text-decoration:none;}
#header-submenu .navbar-form .form-control{margin-top:5px;height:25px;}
.navbar-toggle{float:none;margin-left:20px;}

/*nav#menu{display:none;}
#header_mobile #page{display:none;}*/

