/*-----------------JuJu 百陸達 091022 event---------------------
 *--------------final 2010/02/11 by Roni----------------------
 標準藍：#003894
 標準粉紅：#ef94aa
 *----------------------------------------------------------- */
body{background:#fff url(img/bg.jpg) no-repeat center top;color:#003894;font:83%/1.5em Verdana, Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6,p,body,.header,.header .list ul,.column_r .body .point ul,.log li.small{margin:0;padding:0;}
img,table{border:none;}
h3{font-size:120%;}
h5{font-size:82%;font-weight:normal;}
a{color:#003894;text-decoration:none;outline: none;hlbr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:underline;}
ul{list-style:none;}
input,textarea{background: #fff;border: 1px solid #ef94aa;padding:5px;margin:0 0 3px 0;font-family:Arial, Helvetica, sans-serif;}
html:root textarea{font-size:1em;line-height:1.3em;overflow-x:hidden;overflow-y:scroll;}
input.login{border:none;padding:5px;*padding:5px 5px 0 5px;color:#fff;margin:5px 0 0 0;background:url(img/column_l.gif) repeat-y -20px -5px;cursor:pointer;}*+html input.login{margin:20px 0 0;}
html:root small{font-size:11px;}
#profileDiaryFlash{padding:0;width:500px;height:350px;overflow: hidden;position:relative;clear:both;margin:0 auto;}/*-----game-----*/

.float-l{float:left;padding:0 14px 5px 0;}
.float-r{float:right;padding:0 0 5px 14px ;}
.pad1{padding:15px 0 0;}
.center{text-align:center;}
.red{color:#cc6699;}
img.pointimg{vertical-align:-5px;}
.hr {border-top:1px dotted #ef94aa;overflow:hidden;width:95%;height:10px;margin-top:10px;}

/* * * head + menu * */ 
a.logo{background:url(img/juju_logo.gif) no-repeat 0 0;width:398px;height:55px;display:block;}
.headertop{background:url(img/container_top.gif) no-repeat 0 0;padding-top:11px;}
.header{background:#fff;} 
.header img{width:800px;padding:0 25px;}

.header .list{clear:both;padding:2px 21px 0;}
.header .list ul {height:58px;}
.header .list li{float:left;display:inline;margin:0;}
.header .list li a{display:block;}
.header .list li.choice1 a{background:url(img/list.jpg) no-repeat 0 0;width:106px;height:57px;}
.header .list li.choice1 a:hover{background:url(img/list.jpg) no-repeat 0 -58px;width:106px;height:57px;}
.header .list li.choice2 a{background:url(img/list.jpg) no-repeat -106px 0;width:117px;height:57px;}
.header .list li.choice2 a:hover{background:url(img/list.jpg) no-repeat -106px -58px;width:117px;height:57px;}
.header .list li.choice3 a{background:url(img/list.jpg) no-repeat -223px 0;width:116px;height:57px;}
.header .list li.choice3 a:hover{background:url(img/list.jpg) no-repeat -223px -58px;width:116px;height:57px;}
.header .list li.choice4 a{background:url(img/list.jpg) no-repeat -339px 0;width:117px;height:57px;}
.header .list li.choice4 a:hover{background:url(img/list.jpg) no-repeat -339px -58px;width:117px;height:57px;}
.header .list li.choice5 a{background:url(img/list.jpg) no-repeat -456px 0;width:114px;height:57px;}
.header .list li.choice5 a:hover{background:url(img/list.jpg) no-repeat -456px -58px;width:114px;height:57px;}
.header .list li.choice6 a{background:url(img/list.jpg) no-repeat -570px 0;width:121px;height:57px;}
.header .list li.choice6 a:hover{background:url(img/list.jpg) no-repeat -570px -58px;width:121px;height:57px;}
.header .list li.choice7 a{background:url(img/list.jpg) no-repeat -691px 0;width:117px;height:57px;}
.header .list li.choice7 a:hover{background:url(img/list.jpg) no-repeat -691px -58px;width:117px;height:57px;}

.footer {border-top:1px dotted #bbb;clear:both;font-size:80%;height:28px;padding:4px 0 0;text-align:center;}* html .footer{height:20px;}
.footer center{font-size:83%;color:#666;}html:root .footer center{font-size:100%;}
.footer a:hover{text-decoration:none;color:#666;}
.footer img{vertical-align:middle;text-decoration:none;padding:0 2px 0 0;}
.footer p{margin:0;text-align:right;}


.container{ margin:0 auto;width:850px;letter-spacing:0.1em;padding:13px 0;}* html .container{padding:13px 0 3px;}
.content_container{ margin:0 auto;text-align:justify;width:750px;line-height:1.6em;letter-spacing:0.1em;}
.container_30{margin:0 auto;text-align:justify;width:30%;}
.container_70{margin:0 auto;text-align:justify;width:70%;}

/* * * video 雙欄位 * */
.column_100{float:left;width:100%;}
.column_100 ul {margin:0 auto;padding:6px 0;width:auto;}
.column_100 ul img{vertical-align:middle;}
.column_100 li{display:inline;margin:0 2px 0 0;}
.column_img{float:left;width:100%;background:#FFFCD1;border:1px solid #DADC79;padding:20px 0;}
.column_swf{width:410px;height:323px;padding:18px 0 0;}

/* * * 首頁好禮二重送 * */
img.bnr{padding:20px 0 15px 7px;}* html img.bnr{padding:15px 0 12px 16px;}
.column_part2{float:left;width:833px;background:url(img/bg5.jpg) no-repeat 0 0;margin:0 0 0 7px;}
.column_30 .content ul.part1{margin:0;padding:161px 48px 0 25px;}
.column_part2 .pad1,.column_part2 .pad2{float:left;height:319px;overflow:hidden;}
.column_part2 .pad1 {padding:26px 0 0 29px;width:403px;}
.column_part2 .pad1 p{padding:2px 17px 0 0;font:normal 112%/1.6em Arial, Helvetica, sans-serif;}
.column_part2 .pad2 {padding:26px 0 0 16px;width:360px;}

/* * * Products * */
img.product_title{vertical-align:-4px;padding:0 8px 0 0;}
.column_r {float:left;width:570px;margin:10px 0 0;padding:0 0 0 13px;overflow:hidden;}* html .column_r{padding:0 0 0 10px;}
.column_r .top{background:url(img/column_r.gif) no-repeat 0 0;width:570px;height:37px;}
.column_r .body{background:url(img/column_rbody.gif) repeat-y 0 0;width:570px;}
.column_r .body img.step{padding:0 0 0 2px;}
.column_r .body a{cursor:pointer;display:block;width:100%;}
.column_r .body a:hover{text-decoration:none;color:#ef94aa;}
.column_r .body .image{float:left;width:100px;}
.column_r .body .text{float:left;width:430px;padding:0 0 9px;}* html .column_r .body .text{padding:0;}*+html .column_r .body .text{padding:0;}
.column_r .bottom{background:url(img/column_r.gif) no-repeat 0 bottom;width:570px;}

.column_l{float:left;width:250px;margin:10px 0 0 8px;padding:0;overflow:hidden;}
.column_l .top{background:url(img/column_l.gif) no-repeat 0 0;width:250px;height:37px;}
.column_l .body{background:url(img/column_lbody.gif) repeat-y 0 0;width:250px;padding:0 10px 0 10px;}
.column_l .body ul{margin:0 20px 0 0;padding:0;}
.column_l .body li{text-align:center;}
.column_l .body li a{padding:0;text-decoration:none;display:block;}
.column_l .body li a:hover{color:#ef94aa;}
.column_l .body li img{border:1px solid #ccc;margin:7px 0 0;}

.column_l .body p{width:230px;}
.column_l .body p s{text-decoration:none;background:#e1ecf6;padding:3px 0 0;}html>/**/body .column_l .body p s{padding:1px 1px 2px;}
.column_l .bottom{background:url(img/column_l.gif) no-repeat 0 bottom;width:250px;}

.column_r .top,.column_l .top{color:#fff;font:bold 112% Arial, Helvetica, sans-serif;padding:11px 0 0 10px;}
.column_r .body{height:auto;padding:0 16px;width:538px;}
.column_r .bottom,.column_l .bottom{height:12px;}

/* * * 產 品 要 點 * */
.column_r .body .point{background:url(img/ttl_point.gif) no-repeat 0 0;padding:44px 0 0;}
.column_r .body .point p{padding:0 0 0 11px;}
.column_r .body .pointbtm{background:url(img/bg_more_btm.gif) no-repeat 0 bottom;height:10px;}* html .column_r .body .pointbtm{background:url(img/bg_more_btm.gif) no-repeat 0 0;}
.column_r .body .point,.column_r .body .pointbtm{width:530px;margin:0 0 0 2px;}
.column_r .body .point ul{padding:0 0 0 11px;}
.column_r .body .point li{}
.column_r .body .point li.line{padding:0 27px 0 29px;}

/* * * 美 肌 秘 密 * */
.beautify{background:url(img/beautify.gif) no-repeat 0 0;padding:507px 0 0;height:75px;width:595px;margin:0 auto;}html>/**/body .beautify{background:url(img/beautify.gif) no-repeat 0 15px;padding:514px 0 0;height:83px;}

/* * * 贈 品 圖 * */
img.gift{width:500px;padding:8px 0 0 19px;}


/* * * 得獎名單 * */
.column_prize{float:left;width:100%;height:363px;background:url(img/prize_2.jpg) no-repeat right bottom;margin:0;position:relative;}html:root .column_prize{height:400px;background-position:right 0;}
.column_prize ul{position:absolute;margin:0;padding:0;top:37px;left:42px;font: normal 115%/1em Arial, Helvetica, sans-serif;width:300px;}
.column_prize li {background:url(img/bg5.jpg) no-repeat -20px -102px;border:1px solid #c0e6f0;display:inline-block;float:left;margin:0 3px 6px;}
.column_prize li p{margin:0;padding:0;font: normal 82% Arial, Helvetica, sans-serif;color:#ef94aa;}
.column_prize li a {display:block;padding:13px 0 7px;width:130px;text-align:center;}
.column_prize li a:hover,.column_prize li a:hover p{background:url(img/bg5.jpg) no-repeat -20px -168px;text-decoration:none;color:#003894;}html:root .column_prize li a{padding:13px 0;}

.column_prize2{float:left;width:100%;height:470px;background: url(img/prize_1.jpg) no-repeat 0 0;margin:0 0 10px;position:relative;}html:root .column_prize2{height:480px;}
.column_prize2 ul{position:absolute;top:37px;right:40px;width:417px;display:inline-block;overflow:hidden;margin:0;padding:0;}
.column_prize2 li{background:#FFFCD1;border:1px solid #c0e6f0;margin:0 3px 6px;width:130px;float:left;}
.column_prize2 li p{margin:0;padding:0;font-size:86%;color:#8C8C8C;}
.column_prize2 li a {display:block;padding:2px 0 0;width:130px;text-align:center;line-height:110%;}html:root .column_prize2 li a{padding:2px 0;}
.column_prize2 li a:hover p{color:#a8ddea;}
.column_prize2 li a:hover{color:#fff;text-decoration:none;background:url(img/column_l.gif) no-repeat -20px -2px;}


.column_30{float:left;width:417px;height:345px;overflow:hidden;margin:0 0 0 7px;}* html .column_30{width:413px;margin:0 0 0 8px;}
.column_70{float:left;width:425px;height:345px;}

.column_30 .content {height:342px;background:url(img/bg1.jpg) no-repeat 0 14px;}
.column_30 .content ul.botton{float:right;padding:20px 47px 10px;}* html .column_30 .content ul.botton{padding:30px 47px 0;margin:0;}*+html .column_30 .content ul.botton{padding:30px 47px 0;margin:0;}
div.good ul.botton li{display:block;}

/* * * 會員登入區 * */
.log {width:570px;margin:0 auto;padding:10px 0 0 13px;overflow:hidden;font:bold 112% Arial, Helvetica, sans-serif;}* html .log{padding:0 0 0 10px;}
.log .top{background:url(img/column_r.gif) no-repeat 0 0;width:570px;height:37px;}
.log .top p{color:#fff;padding:11px 0 0 18px;}
.log .body{background:url(img/column_rbody.gif) repeat-y 0 0;width:570px;padding:10px 0 0 10px;}
.log .body li{font-weight:normal;}
.log .body img.step{padding:0 0 0 2px;}
.log .bottom{background:url(img/column_r.gif) no-repeat 0 bottom;width:570px;height:10px;}

.log li{display:block;}
.log span{padding:0 12px 0 0;}
.log li.cen,.log1 li.cen{text-align:center;}

/* * * 新會員填表格區 * */
.log table{border-collapse:collapse;font-weight:normal;}
.log table s{font-size:82%;color:#ef94aa;text-decoration:none;overflow:hidden;}
.log table td{height:28px;}
td.left {font-size:83%;overflow:hidden;padding:0 5px 0 0;text-align:right;width:77px;}
td.right {overflow:hidden;width:465px;}
.log li{height:34px;display:inline-block;}
.log li.small{font-size:82%;color:#ef94aa;clear:both;padding:0 0 0 110px;}
.log .rest {clear:both;padding:7px 0;}
.log i{color:#be0000;padding:0 3px 0 0;}
.log select.kk{vertical-align:middle;background: #fff;border: 1px solid #B5AD59;padding:0;}


/*-----------注意事項------------*/
.column_att{width:100%;padding:7px 0 0;}
.column_att li{display:list-item;*display:block;line-height:20px;}


/* * *  inner class * */
.inner{clear:both;margin:0;}

/*-----------索code------------*/
.copy {float:left;margin:20px 0 0;width:170px;}
.copy h3{padding:0 0 8px;}
.copy ul{padding:0 10px 0 0;margin:0;line-height:1.3em;}
.pad2 input.sendout{background:url(img/column_l.gif) no-repeat -5px -8px;color:#fff;margin:5px 0 0 0;width:163px;height:28px;padding-top:8px;border:none;cursor:pointer;}html:root .pad2 input.sendout{padding-top:2px;}
.copy textarea{height:188px;padding:6px;border:1px solid #ccc;font:12px normal Arial, Helvetica, sans-serif;margin:36px 0 0 0;width:150px;color:#003894;}