@charset "utf-8";
/* CSS Document */
body { padding: 0px; margin: 0px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; background: url(images/bg.jpg) top center no-repeat;}
a { color: #000; }
#wrapper { margin: 0px auto 0px auto; width: 960px; padding: 0px; }
#wrapper_index { background: url(images/bg_index_s1.jpg) top center no-repeat; height: 700px; margin: 0px auto 0px auto; width: 960px; padding: 0px;}
#header { position: relative; margin: 10px 0px 10px 0px; float: left; }
#logo { width: 166px; margin: 0px; padding: 0px; float: left; }
#nav { width: 754px; float: left; margin: 25px 0px 0px 15px; padding: 0px; }
#content { float: left; width: 880px; min-height: 500px; margin: 10px 40px 10px 40px; }
#footer { width: 950px; margin: 0px; padding: 5px; border-top: 10px solid #000; float: left; position: relative; background: #FCE148; }

/* backgrounds */
.bghistory { background: url(images/bg_history.jpg) top center no-repeat; }
.bgresult { background: url(images/bg_result.jpg) top center no-repeat; }
.bgcoupon { background: url(images/bg_coupon.jpg) top center no-repeat; }
.bgerror { background: url(images/bg_error.jpg) top center no-repeat; }
.bgproduct { background: url(images/bg_product2.jpg) top center no-repeat; }

/* nav */
#nav ul, #nav li { display: inline; list-style: none; margin: 0px; padding: 0px; float: left; }
#nav li { margin-right: 8px; }
#nav1 { width: 97px; height: 45px; display: block; background: url(images/nav1_s1.png) no-repeat; }
#nav1:hover { background: url(images/nav1_s2.png) no-repeat; }
#nav2 { width: 108px; height: 45px; display: block; background: url(images/nav2_s1.png) no-repeat; }
#nav2:hover { background: url(images/nav2_s2.png) no-repeat; }
#nav3 { width: 132px; height: 45px; display: block; background: url(images/nav3_s1.png) no-repeat; }
#nav3:hover { background: url(images/nav3_s2.png) no-repeat; }
#nav4 { width: 137px; height: 45px; display: block; background: url(images/nav4_s1.png) no-repeat; }
#nav4:hover { background: url(images/nav4_s2.png) no-repeat; }
#nav5 { width: 97px; height: 45px; display: block; background: url(images/nav5_s1.png) no-repeat; }
#nav5:hover { background: url(images/nav5_s2.png) no-repeat; }
#nav6 { width: 108px; height: 45px; display: block; background: url(images/nav6_s1.png) no-repeat; }
#nav6:hover { background: url(images/nav6_s2.png) no-repeat; }

/* sub nav */
.sub-nav { padding: 10px 0px 10px 0px; margin: 0px; width: 132px; white-space: nowrap; font-size: 12px; visibility: hidden; position: relative; top: 0px; list-style: none; left: 5px; z-index: 597; }
.sub-nav li a { width: 100px; display: block; background: #DADC84; padding: 8px 5px 8px 15px; border-bottom: 1px solid #B3D352; color: #666; text-decoration: none; }
.sub-nav li a:hover { color: #005534; background: #B3D352; }
#nav3:hover > ul { visibility: visible; }

/* footer */
#fb { background: url(images/icon_fb.png) left no-repeat; display: block; float: left; padding: 5px 15px 5px 25px; margin-left: 10px; font-size: 12px; font-weight: bold; text-decoration: none; color: #000; border-right: 1px solid #000; }
#comvita { background: url(images/icon_comvita.png) left no-repeat; display: block; float: left; padding: 5px 5px 5px 45px; margin-left: 10px; font-size: 12px; font-weight: bold; text-decoration: none; color: #000; }
#comvita:hover, #fb:hover { text-decoration: underline; }
#copyright { float: right; text-align: right; font-size: 11px; line-height: 16px; }

/* content */
#heading { width: 880px; height: 50px; margin: 10px 0px 10px 0px; padding: 0px; clear: both; }
.subtitle { padding: 0px 0px 10px 0px; }
.pic_diabetes { padding: 20px 0px 0px 35px; }
.hr { background: url(images/hr_dot_s1.png) repeat-x ; height: 8px; width: 880px; display: block; clear: both; margin: 10px 0px 0px 0px; }
.note { font-size: 11px; line-height: 16px; }

/* 臨床實證 */
th { text-align: left; }
#prove_result { width: 400px;  border-radius: 10px; background: #FCE148; float: left; margin: 20px 0px 20px 0px; padding: 10px; }
.press { background: #C7C074; font-size: 11px; font-style: italic; line-height: 16px; padding: 20px; }
.press strong { font-style: normal; }


/* test form */
.btn { background: #000; color: #FFF; padding: 5px 10px 5px 10px; font-weight: bold; text-decoration: none; }
.btn:hover { background: #FFF; color: #000; }
#test_result { border-radius: 10px; background: #C7C074; width: 250px; height: 30px; padding: 20px; margin: 10px 0px 20px 290px; float: left; display: block; text-align: center; font-size: 36px; font-weight: bold; position: relative; }
#result_details { padding: 0px; float: left; width: 880px; margin-bottom: 20px; }

/* product */
.buy { background: #FCE148; color: #000; padding: 5px 10px 5px 10px; font-weight: bold; border-radius: 8px; text-decoration: none; }
.buy:hover { background: #000; color: #FCE148; }
.hr_product { background: url(images/hr_dot_s1.png) repeat-y top center; }
#subtitle_new0a { background: #C7C074; border-radius: 10px; width: 860px; float: left; position: relative; padding: 10px; font-size: 15px; margin-bottom: 10px; }
#subtitle_new0b { background: #FCE148; border-radius: 10px; width: 870px; float: left; position: relative; margin: 10px 0px 10px 0px; padding: 5px; }
#product_new_detail { clear: both; width: 880px; margin-bottom: 10px; }
.product_vol { background: url(images/bullet_leaf_s1.png) 5px 10px no-repeat;padding: 10px 10px 0px 25px; font-size: 15px; }
.bullet_tick { list-style-image: url(images/bullet_tick_s1.png); padding-left: 20px; }
#coupon_detail { width: 480px; }
#coupon_form { width: 440px; height: 330px; margin: 20px 0px 20px 0px; background: #FFC; padding: 20px 0px 0px 20px; }