@charset "utf-8";
/* 整體結構
---------------------------------------------------- */
* {

}
html, body {
	height: 100%;
	text-align: center;
	font: 12px/1.4 Verdana, sans-serif, Arial, Helvetica, sans-serif, "新細明體";
}
a {
	text-decoration:none;
	color:#626262;
	border:none;
}
a:hover {
    color:#000;
	text-decoration:underline;
	border:none;
}
.wrapper {
	min-height: 100%;
	background: #ccc;
	margin: auto;
	text-align: left;
	font: 12px Verdana, sans-serif, Arial, Helvetica, sans-serif, "新細明體";
	width: 1005px;
	background-color: #0033CC;
}
/*header nav
------------------------------------------ */
.headbox{
	width:auto;
	height:55px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif,"新細明體";
	background-color: #FFF;
	}
.logo{
	height:28px;
	width: 97px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	margin-left:19px;
	margin-top: 15px;
	float: left;
	}
.menu{
	margin-top: 29px;
	float:left;
	letter-spacing:1px;
	vertical-align: text-bottom;
	white-space: nowrap;
	}
.em_01{
	margin-top: 26px;
	height:18px;
	width:42px;
	float:left;
	}
.vsline{
	width:1px;
	float:left;
	margin-left: 5px;
	margin-right: 8px;
	background-color: #000;
	height: 10px;
	margin-top: 32px;
	}
.infoquota{
	width:155px;
	height:26px;
	float: right;
    }
.quotabox{
	width:150px;
	height:10px;
	float:left;
	overflow:hidden;
	border:#C7C7C7 1px solid;
}
.quotabox_inner{
	height:10px;
	float:left;
	background:#00FF00;
}
.logout{
	width: 41px;
	height: 15px;
	float:right;
	margin-right: 5px;
	}
#login_btn{
	width: 41px;
	height: 15px;
	margin-top:9px;
	margin-right:12px;
	float:right;
	}
.box02{
    width:100px;
	height:10px;
	float:left;
	background-color:#000;
	}
.infobox{ /*--登入後的--*/
	width:283px;
	color:#999999;
	margin-right:5px;
	float: right;
	margin-top: 0px;
	height: 42px;
	}
.line01{
	width:1px;
	height: 25px;
	float:left;
	margin-left: 3px;
	margin-right: 5px;
	margin-top: 3px;
	background-color: #000;
	}
.hline02{
	float:left;
	background-color: #000;
	width:116px;
	height:5px;
	margin-top: 3px;
	margin-left:0px;
	}
.hline03{
	height:1px;
	background-color: #000;
	float:left;
	width: 889px;
	margin-top:5px;
	}
.hline04{
	height:1px;
	background-color: #000;
	float:left;
	width: 718px;
	margin-top:5px;
	overflow:hidden;
	}
.hline05{
	height:5px;
	background-color: #000;
	float:left;
	width:287px;
	margin-top: 3px;
	overflow:hidden;
	}
/* mainContent
-------------------------------------------------------*/
.mbtnbox{
	width:1005px;
	float: left;
	}
.mbtnbox1{
	float: left;
	width: 718px;
	margin-left:0px;
	}
.mbtnbox1_album{
	float: left;
	width: 718px;
	}
.mbtnbox2{
	float: left;
	width: 278px;
	height: 600px;
	}
/* 左側選單
-------------------------------------------------------*/
.arrowlistmenu{
	width: 116px; /*width of menu*/
	float: left;
	padding-top: 10px;
	font-size:12px;
	}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
	}
.arrowlistmenu ul li a{
color: #000;
background: url(../images/sdot.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 6px 0;
padding-left: 40px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
	}
.arrowlistmenu ul li a:visited{
color: #000;
	}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #0066CC;
background-color: #F3F3F3;
	}
/*我的相簿
------------------------------------------ */	
.content01{
	width: 887px;
	width: 887px;
	float: left;
	margin-left: 2px;
	}
.title01{
	padding-top: 5px;
	padding-bottm: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
	}
.disIcon01{
	float:left;
	margin-left: 16px;
	}
.disIcon02{
	float:left;
	margin-left: 11px;
	}
.disIcon03{
	float:left;
	margin-left: 11px;
	}
.turn_album{
	width:250px;
	overflow:hidden;
}
.btnfloat{
	float:left;
	margin-top: 1px;
	}
.btnbox01{
	float: left;
	padding: 10px 0 10px 15px;
	width: 870px;
	border-top: 2px solid #fff;
	height:20px;

	}
.cbox01{
	float: left;
	padding: 14px 0px 0px 15px;
	width: 870px;
	border-top:solid 2px #FFFFFF;
	margin-bottom: 5px;
	}
.numbox{
	height: 15px;
	font-size: 10px;
	float: left;
	width: 33px;
	background-color: #FFF;
	}
.cbox2{
	width: 119px;
	float: left;
	margin-left: 12px;
	}
.cbox2-1{
	float: left;
	}
.cbox2-2{
	border: 1px solid #dadada;
	width: 119px;
	float: left;
	background-color: #FFFFFF;
	margin-left: 18.5px;
	margin-top: 14px;
	height:100px;
	}
.index_pic{
	float:left;
}
.upload{
	float:left;
	margin-top:7px;
	}
.del{
	float:right;
	margin-top:7px;
	}
.cbox3{
	float: left;
	margin-left: 12px;
	width: 400px;
	font-size: 11px;
	}
.albumTitle{
	background-color: #FFF;
	border: 1px solid #ededed;
	height: 20px;
	width: 325px;
	float: left;
	padding: 1px 2px;
	color: #5a5a5a;
	font: 11px Arial, "Arial Black";
	}
.albumTitle:hover{
	background-color: #FFF;
	border: 1px solid #CBCACA;
	height: 20px;
	width: 325px;
	float: left;
	padding: 1px 2px;
	font: 11px Arial, "Arial Black";
	}
.spacing1{
	height:11px;
	width: 20px;
	float: left;
  	}
.spacing2{
	height:11px;
	width: 1005px;
  	}
.albumDescription{
	background-color: #FFF;
	border: 1px solid #ededed;
	height: 37px;
	width: 325px;
	float: left;
	padding: 1px 2px;
	color: #5a5a5a;
	font: 11px Arial, "Arial Black";
	overflow:visible;
	}
.albumDescription:hover{
	background-color: #FFF;
	border: 1px solid #CBCACA;
	height: 37px;
	width: 325px;
	float: left;
	padding: 1px 2px;
	font-family: Arial, "Arial Black";
	}
.spacing2{
	height:20px;
	width: 10px;
	float: left;
	padding-right: 1px;
  	}
.cbox4{
	float: left;
	margin-left: 10px;
	width: 200px;
	}
.spicbox{
	float:left;
	border:1px solid #ededed;
	height:65px;
	width:257px;
	background-color: #FFFFFF;
	margin-top: 5px;
	padding: 2px 0px 2px 5px;
	}
.spic {
	height:55px;
	width:55px;
	float:left;
	border-width: 1px;
	padding: 4px 4px 4px 4px;
	background-color: #FFFFFF;
}
/*我的相片
------------------------------------------ */
.cbox5{
	float: left;
	padding: 14px 14px 0px 15px;
	width: 120px;
	border-top:solid 2px #FFFFFF;
	}
.cbox6{
	float: right;
	padding: 14px 0 0 10px;
	width: 724px;
	border-top:solid 2px #FFF;
	border-left: solid 2px #FFF;
	padding-bottom: 14px;
	}
.cbox7{
	float: left;
	margin-left: 12px;
	width: 500px;
	font-size: 11px;
	}
.fotoName{
	background-color: #FFF;
	border: 1px solid #ededed;
	height: 18px;
	width: 300px;
	float: left;
	padding: 1px 2px;
	color: #5a5a5a;
	font: 11px Arial, "Arial Black";
	}
.fotoName:hover{
	background-color: #FFF;
	border: 1px solid #CBCACA;
	height: 18px;
	width: 300px;
	float: left;
	padding: 1px 2px;
	font: 11px Arial, "Arial Black";
	}
.fotoDescription{
	background-color: #FFF;
	border: 1px solid #ededed;
	height: 37px;
	width: 300px;
	float: left;
	padding: 1px 2px;
	color: #5a5a5a;
	font: 11px Arial, "Arial Black";
	overflow:visible;
	}
.fotoDescription:hover{
	background-color: #FFF;
	border: 1px solid #CBCACA;
	height: 37px;
	width: 300px;
	float: left;
	padding: 1px 2px;
	font: 11px Arial, "Arial Black";
	}
.fotofunctionbox{
	float: right;
	padding: 5px 0 0 10px;
	width: 724px;
	border-top:solid 2px #FFF;
	border-left: solid 2px #FFF;
	}
.displaybox{
	padding: 7px 0 0 6px;
	width: 130px;
	height:25px;

	}
.cbox8{
	float: left;
	border-top:solid 2px #FFFFFF;
}
	
/*footer
------------------------------------------ */	
#theader{
	width: 1005px;
	float: center;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	}
#tbody{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-image: url(/mcc/images/contentbkline.jpg);
	}
.footertxt{
	margin-left:30px;
	padding-top:4px;
	width: 500px;
	float: left;
	}
#tfooter{
	width: 1005px;
	height: 25px;
	color:#FFF;
	font-size: 12px;
	background-color: #000;
	float:left;
	}
.footertxt2 {
	margin-right:30px;
	padding-top:4px;
	width: 300px;
	float: right;
	text-decoration:none;
	font-size:11px;
	color:#FFF;
	}
a.class020 {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	}
a:hover.class020 {
	color:#FFFFFF;
	font-size:12px;
	text-decoration: underline;
	}
a.yiman {
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	}
a:hover.yiman {
	color:#FFFFFF;
	font-size:11px;
	text-decoration: underline;
	}

/*共用區 
------------------------------------------ */	
.txt01{ /*--灰色字 | 歡迎光臨--*/
	float:left;
	font-size:12px;
	letter-spacing:0.5px;
	color:#999;
	}
.txt02_1{ /*--黑色字 | 歡迎光臨--*/
	float:left;
	font-size:11px;
	letter-spacing:0.5px;
	color:#000;
	}
.txt02_2{ /*--黑色字 | 暱稱--*/
	float:left;
	font-size:11px;
	letter-spacing:0.5px;
	color:#000;
	margin-left: 10px;
	}
.txt02_3{ /*--灰色字 | 最後更新/上次來訪--*/
	float:left;
	font-size:11px;
	letter-spacing:0.5px;
	color:#999;
	}
.txt02_4{ /*--灰色字 | 日期--*/
	float:left;
	font-size:11px;
	letter-spacing:0.5px;
	color:#999;
	margin-left: 10px;
	}
.txt02{ /*--灰色字 | 歡迎光臨--*/
	float:left;
	font-size:11px;
	letter-spacing:0.5px;
	color:#999;
	}
.txt03{
	float:left;
	font-size:11px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	}
.txt03_open{
	float:left;
	font-size:11px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	vertical-align: baseline;
	margin-left:3px;
}
.txt03_radio{
	float:left;
	font-size:9px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	margin-left:5px;
	margin-right:5px;
	margin-top:-2px;
	}
.txt04{
	float:left;
	font-size:11px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	}
.txt05{
	float:left;
	font-size:11px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	}
.txt06{
	float:left;
	font-size:11px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	}
.txt07{ /*帳號登入*/
	float:left;
	font-size:12px;
	letter-spacing:0.5px;
	color: #626262;
	margin-left:3px;
	margin-top:2px;
	}
.txt07_2{ /*帳號登入*/
	float:left;
	letter-spacing:0.3px;
	color: #626262;
	margin-left:37px;
	margin-top:5px;
	vertical-align: middle;
	}
.txt08{ /*inputbox*/
	float:left;
	letter-spacing:0.5px;
	color:#000;
	height: 20px;
	margin-right: 5px;
	width: 92px;
	font: 11px Arial, Helvetica, sans-serif;
	}
.txt09{ /*記住密碼 | 忘記密碼 | 加入會員*/
	float:left;
	font-size:11px;
	letter-spacing:0.5px;
	color:#999;
	margin-top: 5px;
	}
.txt10{
	float:left;
	font-size:12px;
	letter-spacing:0.5px;
	color:#999;
	padding: 2px 0px 1px 1px;
	width: 116px;
	overflow:hidden;
	font-type:Verdana, sans-serif, Arial, Helvetica, sans-serif, "新細明體";
	height: 20px;
	}
.txt11{
	float:left;
	font-size:12px;
	letter-spacing:0.5px;
	color:#4F4F4F;
	padding: 10px 20px 10px 20px;
	line-height:1.8;
	width: 240px;
	}
.txt12{
	float:left;
	font-size:12px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	margin-top: 3px;
	}
.txtttile{
	margin: 10px 0px 10px 20px;
	}
.v-line{
	width:1px;
	float:left;
	background-color: #000;
	margin: 3px 5px;
	}
.picDate{
	float:left;
	font-size:11px;
	letter-spacing:0.2px;
	color:#5A5A5A;
	height: 15px;
	}
.picNum{
	float:left;
	font-size:11px;
	letter-spacing:0.2px;
	color:#5A5A5A;
	width: 30px;
	height: 15px;
	}
.sortNum{
	float:left;
	letter-spacing:0.2px;
	width: 33px;
	border: 1px solid #ededed;
	background-color: #FFF;
	height: 15px;
	color: #5a5a5a;
	text-align:center;
	font: 11px Arial, "Arial Black";
	}
.sortNum:hover{
	float:left;
	font-size:11px;
	letter-spacing:0.2px;
	width: 33px;
	border: 1px solid #CBCACA;
	background-color: #474745;
	color:#FFFFFF;
	height: 15px;
	}
.pageturn {
	height:25px;
	font-size: 11px;
	width: 400px;
	float: right;
	margin-right: 20px;
	color: #5a5a5a;
	}
a.class019 {
text-decoration:none;
font-size:11px;
	}
a:hover.class019 {
color:#000;
font-size:11px;
	}
input.radio {
  border-style: none;
  color: #000000;
  background: transparent;
}
.ps {
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	vertical-align: middle;
	color: #696969;
}
.chkbox{
	float:left;
	margin-right:5px;
	}
.chkbox_all{
	float:left;
	margin-right: 5px;
	margin-top: 4px;
	}
.chkbox01{
	float:left;
	margin-right: 5px;
	margin-left: 33px;
	margin-top: 4px;
	}
.btnfloat01{
	float:left;
	margin: 3px 10px 0;
	}
#jump_page{
	font: 11px Arial, "Arial Black";
	width: 40px;
}
#turn_album{
	font: 11px Arial, "Arial Black";
}
#moveto{
	font: 11px Arial, "Arial Black";
}
/*upload
------------------------------------------ */
.wrapperUpload {
	margin: auto;
	text-align: left;
	font: 12px Verdana, sans-serif, Arial, Helvetica, sans-serif, "新細明體";
	width: 500px;
	height: auto;
	border: 1px solid #dadada;
	padding: 0 0 10px 0;
}
.img01{
	background-color:#4F4F4F;
	margin:15px 15px 15px 15px;
	padding: 10px 0 10px 0;
	}
.uploadbox{
	width:500px;
	height:400px;
	}
.uptxt01{
	margin:20px 30px 0px;
	}
.uptxt02{
	float:left;
	margin:0px 30px 5px 60px;
	}
.uptxt03{
	float:right;
	margin:0px 60px 5px 0px;
	font-size:10px;
	}
.uptxt04{
	float:right;
	margin:0px 60px 5px 0px;
	font-size:10px;
	}
.upquota{
	border:1px solid #999999;
	margin: 0px 60px 5px 60px;
	height:10px;
	}
.filebox{
	border:1px solid #999;
	margin: 10px 60px 5px 60px;
	height:200px;
	width: 367px;
	padding: 5px;
	overflow: auto;
	}
.filebox_bar{
	margin-top:5px;
	background:#333333;
	height:30px;
	float:left;
	margin-left:60px;
	width:379px;
}
.filebox_name{
	float:left;
	color:#FFFFFF;
	margin-top:9px;
	margin-left:50px;
}
.filebox_del{
	float:right;
	color:#FFFFFF;
	margin-top:9px;
	margin-right:11px;
}
#warning{
	font-size: 16px;
	color: #FF0000;
	float: left;
	font-weight: bold;
	background: #CCCCCC;
	border: 1px solid #999999;
	margin-left:120px;
	margin-top:-20px;
	visibility: hidden;
}
.start_upload{
	border-width: 1px;
	border-color: #777 #777 #777#777;
	width: 70px;
	color: #fff;
	background: #777;
	font-size: 11px;
	padding-top:1.5px;
	float:right;
	margin-right: 60px;
}
#submit input {
	margin-left: 6px;
	border-width: 1px;
	border-color: #777 #777 #777#777;
	width: 70px;
	vertical-align: text-bottom;
	color: #fff;
	background: #777;
	font-size: 11px;
	padding-top:1.5px;
	}
#submit {
	width: 82px;
	margin: 0px 0 5px 54px;
	float: left;
	}
#submit1 input {
	margin-left: 6px;
	border-width: 1px;
	border-color: #777 #777 #777#777;
	width: 70px;
	vertical-align: text-bottom;
	color: #fff;
	background: #777;
	font-size: 11px;
	padding-top:1.5px;
	}
#submit1 {
	width: 82px;
	float: left;
	}
/*frame
------------------------------------------ */	
#framecontent{
    position:static;
	top: 70px;
	bottom: 0;
	left: 0;
	width: 116px; /*Width of frame div*/
	height: 100%;
	/*overflow: hidden; Disable scrollbars. Set to "scroll" to enable*/
	background: navy;
	color: white;
	}
#maincontent{
position: fixed;
top: 0; 
left: 200px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background: #fff;
	}
.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
	}
	
.message_panel {
	vertical-align: middle;
	height: 150px;
	width: 300px;
	top: 50%;
	right: 50%;
	border: 1px solid #999999;
	position: absolute;
	visibility: hidden;
}


/* 以下是 Elna 製作
---------------------------------------------------- */

/*-----會員註冊同意條款-------*/

.r_content01{
	width: 1005px;
	float: left;
	}
.r_title01{
	float: left;
	padding: 16px 0px 21px 28px;
	width: 977px;
	border-top:solid 2px #FFFFFF;
	}
.titlebox01{
	float: left;
	padding: 0px 0px 15px 28px;
	width: 977px;
	}
.titlebox02{
    float: left;
	padding: 10px 0px 15px 28px;
	width: 977px;
	border-top: 2px solid #fff;
	}
.contentbox01{
    float: left;
	padding: 15px 0 0px 28px;
	width: 977px;
	border-top: 2px solid #fff;
	height: 350px;
	}
.contentboxin{
	height: 242px;
	width: 600px;
	padding: 1px 2px;
	color: #5a5a5a;
	font: 12px Arial, "新細明體";
	border: 1px solid #ededed;
    scrollbar-face-color: #C8C8C8;
    scrollbar-highlight-color: #C8C8C8;
    scrollbar-3dlight-color: #C8C8C8;
    scrollbar-shadow-color: #C8C8C8;
    scrollbar-darkshadow-color: #C8C8C8;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-track-color: #F7F7F7;
    overflow: auto;
	}
.scrollbar{
    border: 1px solid #ededed;
    scrollbar-face-color: #C8C8C8;
    scrollbar-highlight-color: #C8C8C8;
    scrollbar-3dlight-color: #C8C8C8;
    scrollbar-shadow-color: #C8C8C8;
    scrollbar-darkshadow-color: #C8C8C8;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-track-color: #F7F7F7;
    }
.accept_btnout{
    width: 200px;
	margin-left:180px;
	margin-top:15px;
	}
.accept_btn{
    float: left;
    width: 61px;
    margin-left:25px;
	}
.notaccept_btn{
	float: left;
	width: 61px;
	margin-left:15px;
	}
.ps_txt{
	font-size:12px;
	color:#747474;
	}

/*-----會員註冊填寫表單-------*/

.form_txt{
    float: left;
	font-size:12px;
	color:#000000;
	margin-top:5px;
	}
.form_txt02_g{
	font-size:11px;
	color:#99999B;
	margin-top:5px;
	}
.form_txt02_g_2{
	font-size:11px;
	color:#99999B;
	margin-top:5px;
	}
.form_txt02_g_pop{
	color:#000000;
	}
.form_txt02_b{
	float: left;
	font-size:11px;
	color:#000000;
	}
.form_name{
    float: left;
    width: 100px;
    height: 30px;
	padding: 10px 0px 10px 25px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	}
.form_name_2{
    float: left;
    width: 100px;
    height: 45px;
	padding: 10px 0px 13px 25px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	}
.form_inputbox{
    width: 265px;
	float: left;
	height: 30px;
	padding: 10px 10px 10px 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	}
.form_boxcolor{
	margin-top:3px;
    border: 1px solid #ededed;
    font-family: Arial, "Arial Black";
    font-size:12px;
	}
.form_boxcolor:hover{
	margin-top:3px;
    border: 1px solid #CBCACA;
	}
.form_box_code{
	margin-top:8px;
    border: 1px solid #ededed;
    font-family: Arial, "Arial Black";
	}
.form_box_code:hover{
	margin-top:8px;
    border: 1px solid #CBCACA;
	}
.form_selectcolor{
	margin-top:8px;
	margin-left:3px;
    border: 1px solid #ededed;
    font-family: Arial, "Arial Black";
	}
.form_info{
    float: left;
    width: 580px;
    height: 30px;
    padding: 10px 0 10px 10px;
	border-top: 2px solid #fff;
	}
.form_info_2{
    float: left;
    width: 580px;
    height: 30px;
    padding: 20px 0px 10px 10px;
	border-top: 2px solid #fff;
	}
.form_bottom{
    float: left;
	padding: 22px 0 22px 200px;
	width: 977px;
	border-top: 2px solid #fff;
	}
.ok_btn{
    float: left;
    width: 61px;
	margin-right:30px;
	}
	
/*-----會員註冊帳號啟動-------*/	
	
.register_mail{
	float: left;
	padding: 0px 0 35px 28px;
	width: 977px;
	height: 500px;
	}
.start_txt{
    font-size:12px;
	color:#747474;
	text-decoration:none;
	}
/*-----個人資料設定-------*/	

.satting_name{
    width: 120px;
	float: left;
	padding: 10px 0px 10px 27px;
	border-top: 2px solid #fff;
	}
.satting_inputbox{
	font: 12px Arial, "新細明體";
	color:#000000;
	width: 717px;
	float: left;
	padding: 8px 0px 10px 20px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	height:25px;
	}
.satting_footer{
	font: 12px Arial, "新細明體";
	color:#000000;
	width:710px;
	float: left;
	padding: 8px 0px 8px 25px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}
.satting_select{
	font: 12px Arial, "新細明體";
	color:#000000;
	width: 717px;
	float: left;
	padding: 8px 0px 8px 20px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	height:25px;
}
.satting_self{
    width: 120px;
	float: left;
	padding: 19px 0px 68px 27px;
	border-top: 2px solid #fff;
	}
.satting_intro{
	font: 12px Arial, "新細明體";
	color:#000000;
	width: 717px;
	float: left;
	padding: 8px 0px 10px 20px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	height:90px;
	}
.satting_cover{
	font: 12px Arial, "新細明體";
	color:#000000;
	width: 717px;
	float: left;
	padding: 8px 0px 10px 20px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	}
.radio_box{
    float: left;
    width: 40px;
    font-size:12px;
	color:#000000;
	margin-right:15px;
	margin-top:8px;
	}
.looking_btn{
    float: left;
    width: 41px;
	margin-top:3px;
    margin-left:15px;
	}
.looking_pic{
    width: 156px;
	margin-top:3px;
	}
.satting_logo{
    width: 120px;
	float: left;
	padding: 14px 0px 0px 27px;
	border-top: 2px solid #fff;
	}
.update_btn{
	margin-top:10px;
	margin-bottom:10px;
}

/*-----會員註冊帳號啟動-------*/	
	
.register_mail{
	float: left;
	width: 1005px;
	height: 500px;
	}
.mail_line{
    font-size:12px;
	color:#747474;
    padding: 0px 0px 10px 28px;
	border-bottom: 2px solid #fff;
	float:left;
	width:1033px;
	margin-left:-28px;
	}

/*-----會員註冊完成登入框-------*/	

.register_in{
	float: left;
	padding: 30px 0px 0px 10px;
	}
.register_inin{
    width: 298px;
	height:157px;
	float: left;
	padding: 34px 0px 0px 56px;
	background-image:url(/mcc/images/register_bg.gif);
	background-repeat:no-repeat;
	}
.username{
    float: left;
	margin-top:3px;
    color: #747474;
	font: 12px Arial, "新細明體";
	}
.username_box{
    float: left;
    width: 200px;
	}
* html .username{        /*--fot ie6--*/
    float: left;
	margin-top:5px;
    color: #747474;
	font: 12px Arial, "新細明體";
	}
.cipher{
    float: left;
	margin-top:13px;
    color: #747474;
	font: 12px Arial, "新細明體";
	}
.cipher_box{
    float: left;
	margin-top:10px;
    width: 200px;
	}
* html .cipher{             /*--fot ie6--*/
    float: left;
	margin-top:-14px;
    color: #747474;
	font: 12px Arial, "新細明體";
	}
* html .cipher_box{        /*--fot ie6--*/
    float: left;
	margin-top:-20px;
    width: 200px;
	}
.register_boxcolor{
    border: 1px solid #E6E6E6;
	}
.info_bbox{
    float: left;
	margin-top:18px;
	margin-left:3px;
	color: #747474;
	font: 12px Arial, "新細明體";
	}
.info_bbox2{
    float: left;
	margin-top:16px;
	margin-left:3px;
	color: #747474;
	font: 12px Arial, "新細明體";
	}	
.info_bbox3{
    float: left;
	margin-top:14px;
	margin-left:15px;
	}
.album_box{
	width:100%;
	float:left;
}
.foto_box{	
	float:left;
}
.turn_box{
	float:right;
	height:32px;
	border-left:solid 2px #FFFFFF;
	padding-left:5px;
	padding-right:5px;
	margin-top:-5px;
}
/*----------------類別搜尋--------------------*/

.classify_content{
	float: left;
	padding: 0px 0 35px 0;
	width: 1005px;
	height: 501px;
	}
.des_class{
	font-size:12px;
	color:#747474;
	padding: 6px 0px 10px 28px;
	width: 450px;
	float: left;
	}
.des_class2{
	font-size:12px;
	color:#747474;
	padding: 3px 0px 10px 0px;
	width: 450px;
	float: left;
	}
.back_search_btn{
	float:left;
	margin-right:80px;
	margin-left:-10px;
	width:61px;
	height:23px;
}
.search_input_text{
	float:left;
	margin-top:2px;
}
.search_input{
	float:left;
	margin-left:170px;
	margin-top:-23px;
}
.search_btn{
	margin-top: 2px;
	margin-left:-30px;
	width:61px;
	float: left;
}

.search_prw_text{
	color:#5A5A5A;
	font: 12px Arial, "新細明體";
	float:left;
}
.search_prw_box{
	float:left;
	background:#FFFFFF;
	border: 1px solid #BBBBBB;
	padding: 0px 5px 0px 5px;
	height:75px;
	margin-top:20px;
	margin-left:-82px;
}
.search_prw{
	float:left;
	margin-right:5px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:10px;
}
.st_close_message{
	float:left;
	margin-left:25px;
	color:#444444;
	font: 16px Arial, "新細明體";
	font-weight: bolder;
	margin-top:30px;
}
.classifyTbox_Left{/*右邊有白框的*/
	float:left;
	width: 480px;
	height: auto;
}
.classifyTbox_right{
	float:left;
	width: 480px;
	height: auto;
}
.ctbox_01{
	width:100%;
	padding: 10px 0 10px 0;
	color:#0192B5;
	font: 16px Arial, "新細明體";
	font-weight:700;
}
.cticon{
	padding: 0px 0 0px 28px;
}
.cgbox_01{
	color:#4475B0;
	width:430px;
	padding: 10px 30px 10px 41px;
	height: auto;
	float: left;
	word-break:break-all;
	font-size:12px;
}
.cglink_02{
	letter-spacing:0.3px;
	line-height:22px;
	text-decoration:none;
	width:420px;
	padding: 0px 0px 0px 0px;
	color:#000000;
	border:none;
	font-size:12px;
}
.cglink_01{
	letter-spacing:0.3px;
	line-height:22px;
	text-decoration:none;
	width:420px;
	padding: 0px 0px 0px 0px;
	color:#0192B5;
	border:none;
	font-size:12px;
}
.cglink_01:hover{
	text-decoration:underline;
	border:none;
	width:420px;
	padding: 0px 0px 0px 0px;
	color:#0192B5;
	border:none;
	font-size:12px;
}
.surch_btn{
	margin-top: 2px;
	width:61px;
	float: left;
	}
.surchback_btn{
	margin-top: 2px;
	margin-left: 20px;
	width:61px;
	float: left;
	}
.sindex_titlebox{
	font-size:12px;
	color:#747474;
	width: 1005px;
	border-bottom: 2px solid #fff;
	float:left;
	}
	
/*-- search restuled --*/
.profile_pic{ /*--大頭照--*/
	float: left;
	margin-left: 12px;
	border: 1px solid #B8B7B7;
	width:50px;
	height:50px;
	background-color:#FFFFFF;
	padding: 4px 4px 4px 4px;
}	
.rs_txt1{
	float: left;
	height: 20px;
	width: 220px;
	padding: 0px 2px;
	color: #0192B5;
	font: 12px Arial, "Arial Black";
}
.rs_txt2{
	float:left;
	font-size:12px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	width: 62px;
	}
.rs_txt3{
	float: left;
	height: 20px;
	width: 100px;
	padding: 0px 2px;
	color: #0192B5;
	font: 12px Arial, "Arial Black";
}
.spacing2{
	height:5px;
	width: 20px;
	float: left;
  	}
.search_intro_box{
	float:left;
	width:225px;
	font: 12px Arial, "Arial Black";
	word-wrap:break-word;
	overflow:auto;
	margin-top:-5px;
	}
.search_intro{
	float:left;
	width:225px;
	font: 12px Arial, "Arial Black";
	margin-top: 5px;
	word-wrap:break-word;
	overflow:auto;
	color: #0192B5;
	}
.search_intro_text{
	float:left;
	width:225px;
	font: 12px Arial, "Arial Black";
	margin-top: 5px;
	word-wrap:break-word;
	overflow:auto;
	color:#5A5A5A;	
	}
.resutlNum{
	height: 15px;
	font-size: 10px;
	float: left;
	width: 33px;
	font: 12px Arial, "Arial Black";
	}
.resBox{
	float: left;
	padding: 14px 0px 10px 15px;
	width: 100%;
	border-bottom: 2px solid #fff;
	}
.resmidbox{
	float: left;
	margin-left: 12px;
	width: 300px;
	font-size: 11px;
	}
.resTxtout{
	font-weight:700;
	color:	#000;
	font: 12px Arial, "Arial Black";
	padding: 7px 0px 6px 28px;
	border-bottom: 2px solid #fff;
	}
.resTxtout2{
	font-weight:bolder;
	color:	#0192B5;
	font: 16px Arial, "Arial Black";
	}
.no_data{
	margin-left:50px;
	margin-top:30px;
	font-weight: bolder;
	font-size:16px;
}

/*-- 忘記密碼頁面 --*/
.forget_bbox3{
	float:right;
	margin-right:40px;
	margin-top:15px;
}
.forget_inin{
    width: 298px;
	height:121px;
	float: left;
	padding: 34px 0px 0px 20px;
	background-image:url(/mcc/images/register_bg2.gif);
	background-repeat:no-repeat;
}

/*-- 相片列表中相簿狀態 --*/
.AB_Open_title{
	float:left;
	font-size:11px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	vertical-align: baseline;
	margin-top:25px;
	}
.AB_Open_pic{
	float:left;
	font-size:11px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	vertical-align: baseline;
	margin-top:43px;
	margin-left:-55px;
}
.AB_Open_text{
	float:right;
	font-size:11px;
	letter-spacing:0.1px;
	color:#5A5A5A;
	margin-top:5px;
	margin-right:40px;
	}
	
/*--------------訊息通告--------------*/

.message_tittle{
    float: left;
    padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	}
cc
.message_bbox{
    width: 837px;
	float: left;
	padding: 5px 25px 25px 25px;
	}
.message_sbox{      
    width: 812px;
	float: left;
	padding: 10px 10px 10px 15px;
	background-color:#FFFFFF;
	}
.Q_box{
    width: 812px;
	float: left;
	background-color:#FFFFFF;
	}
.Q_txt{
    font: 12px Arial, "新細明體";
	color:#4376AD;
	padding-bottom: 10px;
	}
.Q_txt2{
    font: 12px Arial, "新細明體";
	color:#000000;
	padding-bottom: 10px;
	}

/*-------   關於follio  ---------*/
	
.about_content{
	float: left;
	padding: 0px 0 35px 0;
	width: 1005px;
	}
.about_titlebox{
	font: 12px Arial, "新細明體";
	color:#747474;
	line-height:2.5;
	width: 1005px;
	border-top: 2px solid #fff;
	padding: 20px 0px 20px 28px;
	}
.about_txtb{
	font: 12px Arial, "新細明體";
	color:#747474;
	line-height:2.5;
	font-weight:600;
	}

/*--------------NEW!! 版型設定--------------*/

.tp_title{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-bottom: 2px solid #fff;
	}
.tp_btnbar{
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left:2px;
	height:40px;
	margin-top:13px;
	}
.tp_btn{
    float:left;
    margin-left:10px;
	width:97px;
	height:24px;
	}
.tp_box{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left:2px;
	}
.tp_tpbox{
    float:left;
    padding: 0px 8px 8px 16px;
	width:180px;
	margin-left:2px;
	margin-top:10px;	
	}
.tp_tpbox_in{
    float:left;
    padding: 3px 3px 3px 3px;
	width:180px;
	}
.tp_tpbox_name{
    float:left;
	height:20px;
	width:160px;
	background-color:#EAEAEA;
	font: 16px Arial, "新細明體";
	color:#5E5E5E;
	font-weight:bold;
	padding: 12px 10px 10px 10px;	
	}
.tp_tpbox_pic{
    float:left;
	width:180px;
	background-color:#EAEAEA;
	}
.tp_tpbox_content{
    float:left;
	width:160px;
	background-color:#ffffff;
	font: 12px Arial, "新細明體";
	color:#5E5E5E;
	line-height:1.7;
	padding: 5px 10px 5px 10px;
	}
.tp_tbox_btn{
    float:left;
	width:90px;
	}

.tp_loading{
	width:550px;
	height:500px;
	vertical-align: baseline;
	text-align: center;
}
/*--------------NEW!! 版型設定-進階設定 --------------*/

.tp_advbox{
    float:left;
    padding: 10px 0px 8px 18px;	
	}
.tp_advbox_txt{
	float:left;
	font: 12px Arial, "新細明體";
	height: 10px;
	width:125px;
	margin-top:10px;
	margin-bottom:10px;
	}
.tp_color_box{
	float:left;
	margin-top:-2px;
	margin-left:5px;
	margin-bottom:10px;
	}
.tp_color_input{
	float:left;
	margin-top:9px;
	margin-left:3px;
	margin-bottom:5px;
	width:90px;
	height:20px;
    border: 1px solid #ededed;
    font-family: Arial, "Arial Black";
	}
.tp_bgpic_box{
	float:left;
	margin-top:8px;
	margin-left:2px;
	margin-bottom:10px;
	}
.tp_bgpic_input{
    border: 1px solid #ededed;
    font-family: Arial, "Arial Black";
    }
.tp_looking_pic{
	float:left;
	margin-top:-5px;
	margin-left:5px;
	margin-bottom:10px;
    width: 300px;
	}
.tp_bgpic_file{
    float: left;
	width: 150px;
	font: 12px Arial, "新細明體";
	color:#000000;
	margin-top:5px;
	}
.tp_bgpic_btn_box{
	float:left;
	margin-left:15px;
	}
.tp_bgpic_btn{
	margin-top:3px;
    border: 1px solid #ededed;
    font-family: Arial, "Arial Black";
	}
.repeat_type_box{
	float:left;
	}
.repeat_type{
	float:left;
	width:80px;
	font: 12px Arial, "新細明體";	
	}
.repeat_radio{
	float:left;
	margin-top:10px;
	}
.repeat_text{
	float:left;
	margin-top:2px;
	margin-left:15px;
	}
.tp_prw_inner{
	float: left;
	width: 221px;
	height: 135px;
	margin: 25px 10px 10px 37px;
	background-color:#00FF66;
	}
.tp_prw_outter{
	float: left;
	width: 300px;
	height: 180px;
	padding-bottom: 5px;
	margin-top:20px;
	margin-left:2px;
	background-color:#990000;
	}
.tp_advbox_btnbox{
    float: left;
	width: 86px;
	margin-right:10px;
	margin-top:20px;
	height:40px;
	}

/*-------------- 版型設定-共用 --------------*/
.save_message{
	border: 1px solid #ededed;
	width:200px;
	height:30px;
	vertical-align: baseline;
	padding-left:50px;
	float:left;
}

/*-------  new 常見問題  ---------*/
.Q_txt{
	font: 12px Arial, "新細明體";
	font-weight:bold;
	color:#0192B5;
	line-height:2.5;
	text-decoration:none;
	}
.Q_txt:hover{
	font: 12px Arial, "新細明體";
	font-weight:bold;
	color:#12BEE7;
	line-height:2.5;
	text-decoration:none;
	}
.Q_box{
	width: 1006px;
	border-top: 2px solid #fff;
	padding: 20px 0px 20px 28px;
	background: url(/mcc/images/contentbkline.jpg) repeat-y;
	}
.Q_mtitle{
	width:950px;
	font: 12px Arial, "新細明體";
	font-weight:bold;
	color:#0192B5;
	line-height:2.5;
	text-decoration:none;
	float:left;
	margin-top:10px;
	}
.Q_mtitle:hover{
	width:950px;
	font: 12px Arial, "新細明體";
	font-weight:bold;
	color:#12BEE7;
	line-height:2.5;
	text-decoration:none;
	float:left;
	margin-top:10px;
	}
.Q_title{
	width:950px;
	font: 12px Arial, "新細明體";
	font-weight:bold;
	color:#12BEE7;
	line-height:1.7;
	padding: 5px 0px 0px 5px;
	}
.Q_content{
	width:950px;
	font: 12px Arial, "新細明體";
	line-height:1.7;
	color:#111111;
	padding: 0px 0px 0px 10px;
	}