@charset "utf-8";
/*	CSS Document
		1.commmon
		2.top
		3.list
		4.detail
-------------------*/


/* -------------------------------------------------------------------------------
	1.common
------------------------------------------------------------------------------- */
/* ================ body =================== */
body {
/*	background: url(../img/common/bg_bottom.png) repeat-x center bottom;*/
}
#wrap {
	background:#F8E5A2 url(../img/common/bg_top.png) repeat-x center top;	
}
.p-bg #wrap {
	background:#FFE78C url(../img/product/product_bg.jpg) no-repeat center 30px;	
}
.light-top {
	background: url(../img/common/bg_light.png) repeat-x center top;
}
.light {
	background: url(../img/common/bg_light2.png) repeat-x center top;
}


/* ================ header =================== */
header {
	position: fixed;
	width: 100%;
	top:0;
	left:0;
	height:125px;
	background: url(../img/common/header_bg.png) no-repeat center top;
	z-index: 100;
}
header .inner {
	position: relative;
	width: 980px;
	margin: 0 auto
}
header h1 {
	position: absolute;
	left: 0;
	top:30px;
}
header nav {
	position: absolute;
	top:12px;
	right: 0;
}
header nav ul li {
	display: inline;
}
header .social-btn {
	position: absolute;
	top:75px;
	right: 0;
}

/* ================ contents ================ */
#main {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 60px;
	padding-top: 120px;
	position: relative;
}
#to-page-top {
	position: fixed;
	bottom:160px;
	display: inline;
	margin-left: 990px;
}
#to-page-top a {
	width:79px;
}

/* ================ footer ================ */
footer {
	background: url(../img/common/footer_bg.png) repeat-x center bottom;
	height: 69px;
}
footer .inner {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding-top:0px;
}
footer h2 {
	padding-top: 13px;
}
.footer-nav {
	position: absolute;
	right: 0;
	top:5px;
}
.footer-nav li {
	display: inline;
}
.footer-link {
	padding-top: 52px;
}
.b-site {
	width: 360px;
	float: left;
	margin-right: 40px;
}
.s-site {
	width: 560px;
	float:left;
}
footer h3 {
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: url(../img/common/footer_border.gif) repeat-x center bottom;
}
.f-link ul {
	float: left;
	font-size: 82%;
	margin-right: 10px;
}
.f-link ul li {
	margin-bottom: 10px;
	line-height: 1.6em;
	background: url(../img/common/footer_mark.png) no-repeat left center;
	padding-left: 10px;
}
.f-link a {
	color: #CCC;
}
.f-link a:hover {
	color:#CCC;
}
footer .cr {
	position: absolute;
	text-align: center;
	color: #737373;
	width: 980px;
	padding-top: 20px;
	font-size: 75%;
}


/* -------------------------------------------------------------------------------
	2.top
------------------------------------------------------------------------------- */
.top .cover {
	position: relative;
	margin-left: -7px;
	margin-bottom: 20px;
	height: 465px;
}
.top .cover > div {
	position: absolute;
}

ul.col-3 {
	width:1100px;
	margin-left: -7px;
}
.top ul.col-3>li {
	width: 351px;
	float:left;
	margin-right: 4px;
}
.top ul.col-3>li:last-child {
	width:276px;
}
.top ul.vertical-3 {
	width:276px;
}
.top ul.vertical-3 li {
	margin-bottom: 4px;
}

/* -------------------------------------------------------------------------------
	3.page
------------------------------------------------------------------------------- */
article {
	padding-top: 30px;
}
article section {
	margin-bottom: 50px;
}
article hgroup {
	margin-bottom: 50px;
}
article hgroup h1 {
	text-align: center;
	margin-bottom: 20px;
}
article h2 {
	margin-bottom: 20px;
}
article hgroup p {
	width:795px;
	padding-left: 85px;
}
article p {
	line-height: 1.7em;
	margin-bottom: 1em;
}


/* -------------------------------------------------------------------------------
	4.bihada
------------------------------------------------------------------------------- */
.bihada .intro {
	background: url(../img/common/section_bg-p1.png) repeat center top;
	padding: 50px;
	height:380px;
}
.bihada-shop {
	position: relative;
	background: url(../img/bihada/bihada_img_2.png) no-repeat right 65px; 
	width: 1050px;
}
.bihada-shop h2 {
	margin-bottom: 40px;
}
.bihada-shop div {
	margin-bottom: 60px;
	width: 980px;
}
.bihada-shop-info {
	margin: 1em 0;
	padding-left:60px;
	
}

/* -------------------------------------------------------------------------------
	5.product
------------------------------------------------------------------------------- */

.product article hgroup p {
	width:825px;
	padding-left: 85px;
}
.product-line {
	width:1105px;
	margin-left: -35px;
}
.product-line section {
	margin:0 !important;
	font-size:85%;

}
.product-line .step1 {
	background: url(../img/product/product_1.png) no-repeat left top;
	height:539px;
}
.product-line .step1 .inner {
	padding:82px 0 0 505px;
}
.product-line .step2 {
	background: url(../img/product/product_2.png) no-repeat left top;
	height:573px;
}
.product-line .step2 .inner {
	padding:110px 0 0 105px;
}
.product-line .step3 {
	background: url(../img/product/product_3.png) no-repeat left top;
	height:546px;
}
.product-line .step3 .inner {
	padding:82px 0 0 530px;
}
.product-line .step4 {
	background: url(../img/product/product_4.png) no-repeat left top;
	height:598px;
}
.product-line .step4 .inner {
	padding:145px 0 0 100px;
}
.spec-detail {
	position: relative;
	height:50px;
	width:485px;
}
.spec-detail p {
	position: absolute;
	left:0;
	font-size: 90%;
	font-family: serif !important;
	padding-top: 5px;
}
.spec-detail img {
	position: absolute;
	right:0;
}

.product-point {
	background: url(../img/common/section_bg-p1.png) repeat center top;
}
.product-point div{
	padding-right:440px;
	background: url(../img/product/product_img_point.png) no-repeat right center;
	padding-bottom: 1em;
}
.choice2-banner {
	width:1100px;
	margin-left: -4px;
}
.choice2-banner li {
	width:484px;
	float:left;
	margin-right: 22px;
}

/* -------------------------------------------------------------------------------
	6.report
------------------------------------------------------------------------------- */
.report-base section {
	margin: 0;
}
.report-nav {
	position: relative;
	background: url(../img/report/report_nav_bg.png) no-repeat center top;
	height: 450px;
}
.report-nav ol {
	list-style: none;
}
.report-nav h2 {
	position: absolute;
	top:45px;
	left:358px;
}
.report-nav .report1 {
	position: absolute;
	top:173px;
	left:42px;
}
.report-nav .report2 {
	position: absolute;
	top:278px;
	left:42px;
}
.report-nav .report3 {
	position: absolute;
	top:173px;
	left:684px;
}
.report-nav .report4 {
	position: absolute;
	top:278px;
	left:684px;
}

.report-content {
	position: relative;
	height:1210px;
	background-image: url(../img/report/report_contents_bg.png) ;
	background-repeat: no-repeat;
	baclground-position:center center;
	width:990px;
	margin-left: -5px;
}
.report-content .inner {
	padding:80px;
	padding-bottom: 0;
}

.report-content .inner section {
	margin-bottom: 30px;
}

.report-content h2 {
	text-align: center;
}
.report-content h3 {
	margin-bottom: 15px;
}
.report1-1,
.report2-1,
.report3-1,
.report4-1 {
	width:880px;
	height:430px;
	padding-top: 50px;
}
.report3-1 {
	height:580px;
	padding-top: 20px;
}
.report1-1 {
	background: url(../img/report/report1-1_bg.png) no-repeat right top;
}
.report2-1 {
	background: url(../img/report/report2-1_bg.png) no-repeat right top;
}
.report3-1 {
	background: url(../img/report/report3-1_bg.png) no-repeat right top;
}
.report4-1 {
	background: url(../img/report/report4-1_bg.png) no-repeat right top;
}

.report1-1 p,
.report2-1 p,
.report3-1 p,
.report4-1 p {
	width:335px;
}
.report1-1 p span,
.report2-1 p span,
.report3-1 p span,
.report4-1 p span{
	color:#C4270A;
	font-weight: bold;
}
.report1-1 li,
.report2-1 li,
.report3-1 li,
.report4-1 li {
	margin-bottom: 1em;
	color:#C4270A;
	font-weight: bold;
}

.blogger-list {
	width:1000px;
}
.blogger-list li{
	width:410px;
	float:left;
	margin-right: 25px;
}
.blogger-list .img-area {
	width:170px;
	float: left;
}
.blogger-list .img-area img {
	margin-bottom: 15px;
}
.blogger-list .text-area {
	float: right;
	width: 220px;
}
.checkmore {
	position: absolute;
	bottom:40px;
	left:30px;
}
.checkmore ul {
	text-align: center;
}
.checkmore li {
	float:left;
}

.report-s {
	background: url(../img/report/report-s_bg.png) no-repeat center top;
	height: 2355px;
	width: 1018px;
	margin-left: -10px;
	position: relative;
}
.report-s h3 {
	margin-bottom: 15px;
}
.report-s .s1 {
	position: absolute;
	top:86px;
	left:77px;
	width: 390px;
}
.report-s .s2 {
	position: absolute;
	top:486px;
	left:498px;
	width: 415px;
}
.report-s .s3 {
	position: absolute;
	top:760px;
	left:68px;
	width: 390px;
}
.report-s .s4 {
	position: absolute;
	top:1107px;
	left:507px;
	width: 425px;
}
.report-s .s5 {
	position: absolute;
	top:1350px;
	left:70px;
	width: 500px;
}
.s5 p {
	padding-left: 15px;
}
.report-s .banner {
	position: absolute;
	bottom:20px;
	padding-left: 260px;
	text-align: center;
}

/* -------------------------------------------------------------------------------
	99.common class
------------------------------------------------------------------------------- */
.f-l {
	float: left;
}
.f-r {
	float: right;
}

.ta-c {
	text-align: center;
}

.mt30 {
	margin-top: 30px;
}
.mb30 {
	margin-bottom: 30px;
}

/*---bg---*/
.bg-p1 {
	background: url(../img/common/section_bg-p1.png) repeat center top;
}
.pdg50 {
	padding: 50px;
}