@charset 'utf-8';
@import url("/common/style/reset.css");
@import url("/common/style/common.css");

/*----------------------------------------------------------
	Company Name
	Index

	Build:2000.00.00
----------------------------------------------------------*/

/*======================================
	Color Glossary
	
	=>#
	=>#
	=>#
	=>#
	=>#
	=>#
	=>#
======================================*/

/*--------------------------------------
	Layout
--------------------------------------*/
body{
	background:url(img/bg.jpg) center top repeat-x;
}
#gnav{
	margin-bottom:2px;
}
#contents{
	width:900px;
	margin:0 auto;padding:6px 0 20px;
}


/*--------------------------------------
	Cover
--------------------------------------*/
#cover{
	width:900px;
	background:url(img/cover_bg.gif) center top no-repeat;
	margin:0 auto;padding:0 10px;
}

#imgnav {
	float:left;
	width:240px;
	padding:40px 0 0 10px;
}
#imgnav li{
	margin-bottom:7px;
}
#imgnav a{
	display:block;
	width:230px;height:50px;
	background-image:url(img/imgnav.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#imgnav a.pillinfo{background-position:left top;}
#imgnav a.report{background-position:left -57px;}
#imgnav a.makelife{background-position:left -114px;}
#imgnav a.faq{background-position:left -171px;}
#imgnav a.pillinfo:hover{background-position:-230px top;}
#imgnav a.report:hover{background-position:-230px -57px;}
#imgnav a.makelife:hover{background-position:-230px -114px;}
#imgnav a.faq:hover{background-position:-230px -171px;}

#coverimg {
	float:right;
	width:650px;
}


/*--------------------------------------
	unit
--------------------------------------*/
.unit{
	clear:both;
}


/*--------------------------------------
	Pick Up
--------------------------------------*/
#pickup {
	float:left;
	width:418px;
	background:url(img/pickup_bg.gif) right top repeat-y;
	margin:7px 12px 0 0;
}
#pickup .pickupbody{
	background:url(img/pickup_bg_btm.gif) right bottom no-repeat;
	padding-bottom:7px;
	
}
#pickup .sectbody{
	background:url(img/pickup_bg_top.gif) right top no-repeat;
	padding-right:15px;
}

#pickup .details{
	float:left;
	width:255px;
	
}
#pickup h3{
	float:left;
	margin-right:5px;
}
#pickup h4{
	margin-bottom:15px;padding-top:17px;
}
#pickup .note{
	padding-left:30px;
}
#pickup .note p{
	font-size:78%;line-height:140%;
	margin-bottom:1em;
}
#pickup .note p.linebtm{
	margin-bottom:0;
}

#pickup .options{
	float:right;
	width:136px;
}
#pickup .image{
	margin:0 0 10px 0;
}
#pickup .jump{
	text-align:right;
}


/*--------------------------------------
	News
--------------------------------------*/
#ratestnews {
	float:left;
	width:235px;
	padding-top:17px;
}
#ratestnews .more a{
	background:url(/common/img/icon_arrow_blue.gif) left center no-repeat;
	padding-left:10px;
	font-size:78%;
}
#ratestnews .more{
	float:right;
	height:24px;
	line-height:24px;
}
#ratestnews h3{
	float:left;
	margin-bottom:8px;
}

#ratestnews .newslist{
	clear:both;
	width:100%;
	background:url(/common/img/line_dot_gray.gif) left top repeat-x;
}
#ratestnews .newslist tr{
	background:url(/common/img/line_dot_gray.gif) left bottom repeat-x;
}
#ratestnews .newslist th{
	width:30%;
	padding:8px 0 8px 2px;
}
#ratestnews .newslist td{
	width:70%;
	padding:8px 2px 8px 7px;
}
#ratestnews .newslist th,
#ratestnews .newslist td{
	font-size:78%;
}


/*--------------------------------------
	Mobile
--------------------------------------*/
#mobile {
	float:right;
	width:220px;
	background:#E9ECF2;
	padding-top:4px;
}
#mobile h3 img{
	display:block;
}
#mobile .sectbody{
	background:url(img/mobile_bg_top.gif) center top no-repeat;
}
#mobile .note{
	padding:5px 12px 7px;
	line-height:150%;
	color:#666;
}
#mobile .qrcode{
	background:url(img/mobile_bg_btm.gif) center bottom no-repeat;
	padding-bottom:10px;
	text-align:center;
}


/*--------------------------------------
	Intro,Hot,Twitter
--------------------------------------*/
#intro,
#hot,
#twitter{
	margin-top:10px;
}


/*--------------------------------------
	Intro
--------------------------------------*/
#intro {
	float:left;
	width:400px;
	background:url(img/intro_bg.gif) right top repeat-y;
	margin-right:15px;padding-left:15px;
}
#intro .sectbody{
	background:url(img/intro_bg_top.gif) center top no-repeat;
	padding:18px 15px 0;
}
#intro h3{
	margin-bottom:10px;
}
#intro .more{
	background:url(img/intro_bg_btm.gif) center bottom no-repeat;
	padding:0 15px 15px;
	text-align:right;
}


/*--------------------------------------
	Hot
--------------------------------------*/
#hot {
	float:left;
	width:235px;
}


/*--------------------------------------
	Column
--------------------------------------*/
#column {
	margin-bottom:20px;
}
#column h3{
	margin-bottom:5px;
}
#column .note{
	margin-bottom:5px;
	font-size:78%;
}
#column .theme{
	background:url(img/column_theme.gif) center center no-repeat;
	height:25px;
	padding:0 4px 0 25px;
	text-align:center;
	line-height:25px;
	font-weight:bold;
	color:#B8AD92;
}


/*--------------------------------------
	Hot Keyword
--------------------------------------*/
#keyword .keylist li{
	list-style:decimal;
	margin-left:20px;
	font-size:78%;
}
#keyword h3{
	margin-bottom:5px;
}
#keyword {
	
}
#keyword {
	
}
#keyword {
	
}
#keyword {
	
}


/*--------------------------------------
	Twitter
--------------------------------------*/
#twitter {
	float:right;
}
#twitter {
	
}
#twitter {
	
}
#twitter {
	
}
#twitter {
	
}
#twitter {
	
}
#twitter {
	
}


/*--------------------------------------
	Clear Fix
--------------------------------------*/
#cover,
#contents,
#pickup .sectbody{
	_height:1%;
}
html>body #cover,
html>body #contents,
html>body #pickup .sectbody{
	overflow:hidden;
}
#cover:after,
#contents:after,
#pickup .sectbody:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}