/* CSS Document */

/****************************************
/*images
****************************************/
.regimg{background:url(../images/regicon.png); background-repeat:no-repeat; cursor:pointer;}
.reg_triangle{background-position:-0px -0px; width:45px; height:45px;}
.reg_fblogin{background-position:-46px -0px; width:255px; height:49px; display:block;}
.reg_fbreg{background-position:-46px -53px; width:255px; height:49px; display:block;}
.reg_face{background-position:-0px -200px; width:80px; height:80px; display:block;} /*home*/

.regbtn_login{width:160px; height:50px; text-indent:-9999em; background:url(../images/btn_login.png) no-repeat; border:0px; margin-left:80px;}
.regbtn_register{width:250px; height:55px; text-indent:-9999em; background:url(../images/btn_reg.png) no-repeat; border:0px; margin-left:40px;}
.regbtn_skip{width:160px; height:55px; text-indent:-9999em; background:url(../images/regbtn_skip.png) no-repeat; border:0px; margin-left:40px; }
.regbtn_update{width:160px; height:55px; text-indent:-9999em; background:url(../images/regbtn_update.png) no-repeat; border:0px; margin-left:40px;}
.regbtn_remail{width:160px; height:55px; text-indent:-9999em; background:url(../images/regbtn_remail.png) no-repeat; border:0px; margin-left:40px;}
.regbtn_remailcode{width:160px; height:55px; text-indent:-9999em; background:url(../images/regbtn_remailcode.png) no-repeat; border:0px; margin-left:40px;}
.regbtn_forget{width:160px; height:55px; text-indent:-9999em; background:url(../images/regbtn_forget.png) no-repeat; border:0px; margin-left:40px;}


.regicon_01{background-position:-153px -250px; width:28px; height:28px; display:block;} /*home*/
.regicon_02{background-position:-310px -250px; width:28px; height:28px; display:block;} /*man*/
.regicon_03{background-position:-186px -250px; width:28px; height:28px; display:block;} /*start*/
.regicon_04{background-position:-90px -250px; width:28px; height:28px; display:block;}	/*favorite*/
.regicon_05{background-position:-246px -250px; width:28px; height:28px; display:block;}	/*point*/
.regicon_06{background-position:-217px -250px; width:28px; height:28px; display:block;}	/*order*/
.regicon_07{background-position:-278px -250px; width:28px; height:28px; display:block;}	/*movie*/
.regicon_08{background-position:-121px -250px; width:28px; height:28px; display:block;}	/*??*/




/****************************************
/*register
****************************************/
.reg_container{width:100%; min-height:500px; background:url(../images/reg_bg.jpg) repeat;}
.box_header{width:100%;}
.box_header .reg_maintitle {float:left;}
.box_header .reg_maintitle div,h1{float:left; font-size:30px;}
.box_header .reg_maintitle h1{margin:0px; padding:15px 0px;}
.box_header .fb_plugin{float:right;}
.box_header .fb_plugin div{float:left;}
.box_main{width:100%; padding-top:10px;}
.box_main .box_center .regRow{margin:10px 0px 10px 0px;}
.box_main .box_center .reglabel{display:block; width:100%; margin-bottom:10px; font-size:15px; font-family:"微軟正黑體", Arial, Tahoma; font-weight:600; letter-spacing:.1em;}
.box_main .box_center .reginput{height:40px; background-color: #fff; border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); 
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s;padding-left:5px;}
.box_main .box_center .reginput.disable{background:#e3e3e3; color:#999;}
.box_main .box_center .regselect{height:43px; background-color: #fff; border: 1px solid #ccc; padding: 4px 10px; min-width:100px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.box_main .box_center .regtextarea{height: auto; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s;}
.box_main .box_center .btn_right{position:absolute; right:10px; bottom:10px;}
.box_main .box_center .btn_center{width:245px; margin:0px auto;}
.box_main .box_center .checkbox{font-size:12px; color:#4c4c4c; line-height:1.8em; letter-spacing:.1em;}
.box_main .box_center .error{display:block; clear:both; font-size:13px; color:#f00;}

.box_main .box_right .btn_link{margin:10px 0px;}
.box_main .box_right .btn_link a{color:#fff; font-size:15px; text-decoration:none; }
.box_main .box_right .btn_link a:hover{color:#c9c9c9;}
.box_main .box_right .btn_link .txt{float:left; margin:8px 0px 0px 5px; letter-spacing:.1em;}

.box_main .box_right .btn_sublink{margin-left:48px; letter-spacing:.1em;}
.box_main .box_right .btn_sublink li{margin:8px 0px; padding:0px; letter-spacing:.1em; font-weight:normal;}
.box_main .box_right .btn_sublink li a{font-size:13px;}
.box_main .box_right .btn_sublink li a:hover{color:#c9c9c9;}

/****************************************
/*register - login+reg
****************************************/
.reg_loginbox {width:650px; padding:50px; margin:0px auto;}
.reg_loginbox .box_main .reg_fbbtn{margin:20px auto;}
.reg_loginbox .box_main .reg_separat{width:590px; margin:10px auto;}
.reg_loginbox .box_main .reg_bg01{background:url(../images/regbg01.png) no-repeat; width:600px; height:310px; margin:0px auto; position:relative;}
.reg_loginbox .box_main .reg_bg02{background:url(../images/regbg02.png) no-repeat; width:600px; height:520px; margin:0px auto; position:relative;}
.reg_loginbox .box_main .box_left{width:60px; min-height:290px; float:left; font-size:32px; font-family:"Arial Rounded MT Bold", "Arial Black", Arial; color:#fff; text-align:left }
.reg_loginbox .box_main .box_center{width:340px; min-height:270px; float:left; padding:20px 0px 0px 10px; position:relative;}
.reg_loginbox .box_main .box_right{float:right; width:180px; padding:20px 0px 0px 0px;}
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}


/****************************************
/*register - member
****************************************/
.reg_memberbox{width:1040px; padding:50px 0px; margin:0px auto;}
.reg_memberbox .box_header{width:1000px; padding:20px;}
.reg_memberbox .box_main .reg_bg03{background:url(../images/regbg03.png) no-repeat; width:1040px; height:710px; margin:0px auto; position:relative; clear:both;}
.reg_memberbox .box_main .box_left{width:60px; min-height:700px; float:left; font-size:32px; font-family:"Arial Rounded MT Bold", "Arial Black", Arial; color:#fff; text-align:left }
.reg_memberbox .box_main .box_center{width:745px; min-height:660px; float:left; padding:20px; position:relative;}
.reg_memberbox .box_main .box_right{float:right; width:180px; padding:20px 0px 0px 0px;}
.reg_memberbox .box_main .box_center .reg_facebox{margin-right:50px;}
.reg_memberbox .box_main .box_center .regRow span{color:#8c8c8c; font-size:13px;}
.reg_memberbox .box_main .box_center .upface{width:80px; text-align:center;}


/****************************************
/*register - privacy
****************************************/
.privacy_box{width:745px; height:680px; overflow:scroll;}
.privacy_row{font-size:13px; color:#4c4c4c; line-height:1.8em;}
.privacy_row h2{font-size:17px; margin:10px 0px; padding:0px; color:#4c4c4c; line-height:1.8em;}
.privacy_row ul{margin:15px;}
.privacy_row li{margin:0px; padding:0px;}


/****************************************
/*point center - getrecord 
****************************************/
.reg_memberbox .box_main .reg_bg04{background:url(../images/regbg04.png) no-repeat; width:1040px; height:810px; margin:0px auto; position:relative;}


/****************************************************
task
*****************************************************/
.box_main .task_box{padding:0px 10px 20px 10px; margin:5px 0px;}
.box_main .task_box h1{width:100%; font-size:17px; color:#f13e18; margin:10px 5px;}
.box_main .task_box h1 span{float:right; font-size:13px; color:#222;}
.box_main .task_box h1 span a{color:#06F;}
.box_main .task_box .task_table{color: #666; width:100%; margin-bottom:20px; border:1px solid #bfbfbf; }
.task_table tr{display: table-row; vertical-align: inherit; color: #666;}
.task_table th{padding:15px 5px 15px 5px; font-size:15px; text-align:center; border-bottom:1px solid #bfbfbf;}
.task_table td{padding:10px 5px 10px 5px; font-size:13px; text-align:left; line-height:1.5em; border-bottom:1px solid #bfbfbf;}
.task_table tr.last td{border:0px;}

.task_table .table_tasktitle{width:70%;}
.task_table .table_tasktitle .task_title{width:70%; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}
.task_table .table_tasktitle .task_title a{color:#06F; text-decoration:underline;}
.task_table .table_tasktitle .task_desc{line-height:1.8em; color:#666; margin-top:10px;}
.task_table .table_tasktitle .task_desc input{height:40px; color:#4c4c4c;}
.task_table .table_reward{padding:0px; margin:0px; width:15%; text-align:center; font-size:19px; color:#67b131; font-weight:bold;}
.task_table .table_done{padding:0px; margin:0px; width:15%; text-align:center;}
.task_table .table_done .undone a{color:#06F; }
.task_table .separate{display:block; clear:both; margin:2px 0px;}

.task_table.special .table_tasktitle{width:45%;}
.task_table.special .table_tasktitle .task_title{width:45%; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}


#task-tabs{position:relative;}
#task-tabs .tab_btn{width:780px; height:45px; clear:both; margin-left:70px;  z-index:-99; }
#task-tabs .tab_btn li{float:left; text-align:center; width:140px; height:40px; overflow:hidden; margin-left:-18px; margin-top:6px; }
#task-tabs .tab_btn li a{text-decoration:none;}
#task-tabs .tab_btn li a span{ color:#fff; font-size:13px; padding-top:18px; text-shadow: 2px 2px 3px #666; filter: dropshadow(color=#666, offx=2, offy=2);}
#task-tabs .tab_btn li a span.active{color:#333;}