/*-----------------naive娜艾菩 090716 event---------------------
 *--------------建構首日2009/07/16 by Roni----------------------
 標準綠：#3E7E53
 標準黃：#fcf9d0
 *--------------------------------Final date 2009/10/13 Roni. */
body{background-color:#fff;color:#3E7E53;margin:0;padding:0;font:0.8em Verdana, Arial, Helvetica, sans-serif;overflow-y:scroll;_overflow-y:visible;*overflow-y:visible;}
img{border:none;}
h3{font-size:13px;}
a{color:#3E7E53;text-decoration:none;}
a:hover{text-decoration:underline;}
ul{list-style:none;}
input,textarea{background: #fff;border: 1px solid #B5AD59;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{background:#3E7E53;border:2px solid #B5AD59;padding:5px;*padding:5px 5px 0 5px;color:#fff;cursor:pointer;margin:5px 0 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 ;}
.center{text-align:center;}

/* * * head * */ 
.header{padding:0;clear:both;} 
.header h1,.header h2,.header h3,.header h4,.header h5,.header h6{border-bottom:1px solid #bcd;}
.header ul,.header ol{font-weight:bold;list-style:none;margin:0 auto;padding:8px 0;}
.header li{display:inline;padding:0;} 
.header li a{float:left;text-align:center;display:block;background:url(img/btn.gif) left center no-repeat;width:106px;padding:26px 2px 22px 2px;text-decoration:none;} 
html:root .header li a,html:root .header li a:hover{padding:20px 2px 22px 2px;}
.header a:hover{background:url(img/btn_o.gif) left center no-repeat;width:106px;padding:26px 2px 22px 2px;color:#fff;}

.menu {float:left;margin:0 0 0 147px;_margin:0 0 0 75px;position:relative;top:-7px;}
.menu1{float:left;margin:0 0 0 50px;_margin:0 0 0 25px;position:relative;top:-7px;}
.footer{border-top:1px dotted #bbb;clear:both;font-size:12px;line-height:17px;text-align:center;padding:3px 0 7px;}
.footer a:hover{text-decoration:none;color:#666;}
.footer img{vertical-align:-8px;text-decoration:none;padding:0 12px 0 0;}
.footer p{margin:0;text-align:right;}


.container{ margin:0 auto;text-align:justify;width:950px;line-height:1.6em;letter-spacing:0.1em;}
.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:6px 0;}
.column_100 ul img{vertical-align:middle;}
.column_100 li{display:inline;margin:0 3px 0 0;}
.column_img{float:left;width:100%;background:#FFFCD1;border:1px solid #DADC79;padding:20px 0;}
.column_swf{float:left;width:100%;background:#FFFCD1 url(img/bg4.jpg) center center no-repeat;border:1px solid #DADC79;padding:50px 0;}

/* * * 得獎名單 * */
.column_prize{float:left;width:100%;height:300px;background:#FFFCD1 url(img/5.jpg) center center no-repeat;border:1px solid #DADC79;margin:0 0 10px;position:relative;}
.column_prize ul{position:absolute;margin:0;padding:0;top:79px;left:126px;font: bold 127%/1em Arial, Helvetica, sans-serif;}*:first-child+html .column_prize ul{top:79px;}.column_prize ul:first-child{top:85px;}html:root .column_prize ul{top:73px;}
.column_prize li{background:#FFFCD1;border:1px solid #DADC79;margin:0 0 6px;}
.column_prize li p{margin:0;padding:0;font: normal 82% Arial, Helvetica, sans-serif;color:#8C8C8C;}
.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:#3E7E53;color:#fff;text-decoration:none;}html:root .column_prize li a{padding:13px 0;}

.column_prize2{float:left;width:100%;height:500px;background:#FFFCD1 url(img/6.jpg) center center no-repeat;border:1px solid #DADC79;margin:0 0 10px;position:relative;}
.column_prize2 ul{position:absolute;top:74px;right:40px;width:417px;display:inline-block;overflow:hidden;margin:0;padding:0;}
.column_prize2 li{background:#FFFCD1;border:1px solid #DADC79;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,.column_prize2 li a:hover p{background:#3E7E53;color:#fff;text-decoration:none;}


.column_100 .banner{position:relative;}
.column_30{background:#FFFCD1;float:left;width:447px;height:365px;overflow:hidden;}
.column_70{background:#FFFCD1;float:left;width:503px;height:365px;}

.column_70 .content {border:1px solid #EFE9B1;height:342px;}
.column_70 .content a.good{text-decoration:none;display:block;height:342px;}
.column_70 div.copy{width:240px;margin:20px 0 0 0;float:left;}
div.copy ul{letter-spacing:normal;line-height:16px;padding-right:10px;}
.column_70 input.btn{background:#3E7E53;border:1px solid #DADC79;cursor:pointer;color:#fff;margin:20px 0 0 0;width:170px;height:28px;padding-top:3px;}
html:root .column_70 input.btn{padding:0 22px;}
div.copy textarea{height:188px;padding:6px;border:1px solid #DADC79;font:12px normal Arial, Helvetica, sans-serif;margin:36px 0 0 0;width:210px;color:#3E7E53;}
.column_70 .content ul {padding:10px 30px;*padding:10px 30px 0 0;}
.column_70 .content ul.part1{padding:120px 30px 0 125px;*padding:120px 30px 0 87px;}
.column_70 h3{font-size:13px;}

/* * * 會員登入區 * */
.log{width:750px;height:276px;margin:77px 0 0 0;*margin:0;background:url(img/3.jpg) no-repeat center top;position:relative;}
.log .ddf{position:absolute;top:103px;*top:120px;left:12px;}
.log .ddf span{padding:0 30px 0 0;}
.log .ddf li.cen,.log1 .ddf li.cen{text-align:center;}
/* * * 新會員填表格區 * */
.log1{width:750px;height:680px;margin:77px 0 0 0;*margin:0;background:#FAFAFA url(img/4.jpg) no-repeat center top;position:relative;}
.log1 .ddf{position:absolute;top:103px;*top:120px;left:10px;}
.log1 .ddf li{height:34px;}
.log1 .ddf li.left {display:block;float:left;text-align:right;width:90px;padding:0 5px 0 0;}
.log1 .ddf li.right {display:block;float:left;width:537px;_width:570px;}
.log1 .ddf .rest {clear:both;margin:0 auto;padding:28px 0 0;*padding:60px 0 0 0;_padding:0;width:135px;*width:180px;}
.log1 .ddf i{color:#be0000;padding:0 3px 0 0;}
.log1 .ddf span{padding:0 30px 0 0;}
.log1 .ddf input.none{border:none;}
.log1 .ddf select.kk{vertical-align:middle;background: #fff;border: 1px solid #B5AD59;padding:0;}

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

/* * *  box class * */
.box{clear:both;margin:0;padding:0.75em;}

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


#lightbox{background:#eee;padding:10px;}
#lightbox img{border:3px solid #fff;clear: both;}
#overlay img{border:3px solid #fff;}

#lightboxDetails{font-size: 12px;color:#fff;padding-top: 0.4em;}	
#lightboxCaption{ float: left;}
#keyboardMsg{ float: right;font-size:12px;}
#closeButton{ top: 5px; right: 5px; }
#overlay{background:url(img/overlay.png);}

* html #overlay{background-color: #333;background-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");}