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


/* #Media Queries
================================================== */
p { font-size:14px; letter-spacing:1px; line-height:24px;}
a { color:#3378df; font-size:14px;}
.wrapper { width:100%; margin:0;}
.header_area { background-color:#01b3cd; height:56px; padding-top:15px;}
.header_area img { float:left;}
.header_area p { float:left; color:#fff; margin-left:22px; margin-top:12px; font-size:16px;}
.logo { width:257px; margin: 0 auto; }
.phone { width:48px; height:42px; text-align:center; padding-top:6px; background: #fc6000; /* Old browsers */
background: -moz-linear-gradient(top, #fc6000 0%, #cc6200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc6000), color-stop(100%,#cc6200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fc6000 0%,#cc6200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fc6000 0%,#cc6200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fc6000 0%,#cc6200 100%); /* IE10+ */
background: linear-gradient(to bottom, #fc6000 0%,#cc6200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6000', endColorstr='#cc6200',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.phone a img { width:36px; }
.content { margin:34px auto; width:960px;}
.content h1 { font-size:18px;}
.report_type { margin-top:30px; float:left; font-size:12px;}
.report_type p { margin-bottom:5px; color:#3c887c; }
.report_type span { color:#666;}
.share_icon { float:right; margin-top:25px;}
.share_icon div { float:left; margin:0 5px;}
.share_icon img { width:48px;}
.content_text { margin-top:20px;}
.content_pic { margin-top:20px;}
.content_video { margin-top:20px; height:550px;}
.shopping_link { width:100%; padding:10px 0; background-color:#eee;}
.button { width:960px; margin:0 auto; }
.s_phone { background-color:#C33; padding:10px 0; text-align:center; width:123px; float:right; margin:0 5px; color:#FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.s_qa { background-color:#85b770; padding:10px 0; text-align:center; width:123px; float:right; margin:0 5px; color:#FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.s_offer {background-color:#e69a68; padding:10px 0; text-align:center; width:123px; float:right; margin:0 5px;color:#FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.s_link {background-color:#6c9ccc; padding:10px 0; text-align:center; width:123px; float:right; margin:0 0 0 5px;;color:#FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.news_related { width:960px; margin:20px auto;} 
.news_related h1 { font-size:14px; padding-bottom:20px; border-bottom:1px #ccc solid;}
.news_related ul li { padding:20px; border-bottom:1px #ccc solid;}
.news_related ul li p { color:#3c887c; margin-top:10px;}
.news_related ul li span { color:#999999; }
	/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.content { margin:34px auto; width:720px;}
		.button { width:720px;  }
		.news_related { width:720px;}
		.content_video {  height:500px;}
}

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */
	@media only screen and (max-width: 767px) {
		.content { margin:34px auto; width:300px;}
		.button { width:300px;  }
		.s_phone {  width:90px;  float:left;  font-size:14px; }
		.s_qa {  width:90px;  float:left;  font-size:14px; }
		.s_offer { width:90px; float:left; font-size:14px; }
		.s_link {width:90px;  float:left;  font-size:14px;}
		.news_related { width:300px;}
		.content_video {  height:205px;}
}
/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */
   @media only screen and (min-width: 480px) and (max-width: 767px) {
.content { margin:34px auto; width:440px;}
.button { width:440px;  }
.s_phone {  width:130px;  float:left;  font-size:14px; }
.s_qa {  width:130px;  float:left;  font-size:14px; }
		.s_offer { width:130px; float:left; font-size:14px; }
		.s_link {width:130px;  float:left;  font-size:14px;}
.news_related { width:440px;}
.content_video {  height:305px;}
}