/*************************pages_register.css***********************************/
/* 個人檔案*/
.register{padding:50px 50px;}
.register ul{}
.register li { border-bottom:1px dotted #CCC; padding:15px 10px 15px 10px; line-height:1.6em;color:#348f8c}
/*.register li.bgColor{ background:#e9f3f5}*/
.register li:nth-child(odd){ background:#e9f3f5}
.register ul ul li:nth-child(odd) { background:none !important;}

.register li label{float:left;color:#4e483b; font-size:13px;padding:0px 20px 0px 0px; font-weight:bold;}
.register li input { padding:6px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}
.register li select{padding:4px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}
.register li input.choi { width:30px; margin:0px 5px}
.register li textarea{ margin-top:5px;width:800px; padding:5px 5px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}

.register li label.labeltip { float:none; color:#348f8c; width:inherit; font-size:13px;padding:0px 10px 0 0; font-weight:normal;}

ul.property{ margin-left:0px; }
ul.property li{ padding:10px 0px; line-height:2.2em;}

ul.personality li label { float:none; color:#348f8c; width:inherit; font-size:13px;padding:0px 10px 0 0; font-weight:normal;}

.grid_16 .updates{ text-align:center; margin-top:50px}

/*1020新增*/
.present li input.assets {width:150px; margin:0px 5px}
.bgColor ul.property{ margin-left:60px; margin-top:-12px }
.bgColor ul.property li{ padding:6px 0px;line-height:2.6em;}
.bgColor ul.property li.range{margin-left:80px;border:none; margin-top:-5px}
.bgColor ul.property li input.distance{ margin-left:78px;}
.bgColor textarea{ margin-top:5px;width:410px; padding:5px 5px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}
ul.personality{ margin-left:50px; margin-top:0px}
ul.personality li {float:left; width:160px; padding:0px 10px 5px 10px; list-style:none; margin:0px 5px 5px 0px; background:none  !important; }
ul.personality li input { margin-right:5px;}

/*1104新增*/
.register .proposal{ text-align:center; border:#eeb5c8 1px dotted; padding:10px 10px; background:#fff7f9}


/*************************file_user_safe.htm***********************************/
.distancesafe { margin-bottom:50px}
.distancesafe2 { margin-bottom:100px}
.safe{ padding:50px 50px; line-height:1.6em; font-size:13px}
.safe ul{ margin-bottom:30px}
.safe li{list-style-type: cjk-ideographic; margin:15px 0px 20px 40px}
.safe .updates{text-align:center; margin:20px; line-height:2.4em}
.safe .privacy{height:140px;border:5px solid #9cdedf; padding:20px 10px 20px 15px;overflow:auto;background-color:#e9f3f5; margin:30px 0px 0px 0px}
.safe .privacy ul{}
.safe .privacy li{/*list-style-type: cjk-ideographic*/margin:0px 10px 8px 36px; list-style-type:decimal}
.safe .privacy span{font-size:16px;font-weight:bold;}
.safe .privacy p { line-height:1.8em; margin-bottom:15px}


/*************************file_photo_upload.htm***********************************/
.photo{ margin-bottom:100px}
.photo .grid_16{position:relative; padding:50px 20px 20px 20px;width: 900px;}
.photo .grid_16 ul.picture{}
.photo .grid_16 ul.picture li{float:left;margin-left:20px; margin-bottom:10px; position:relative}
.photoIcon{position:absolute;z-index:99; height:145px; width:145px;}
.photoIcon .pickA{position:absolute; right: 47px; bottom: 5px;}
.photoIcon .pickB{position:absolute; right: 5px; bottom: 5px;}
.picBox{ margin:0 auto 5px; width:100px; height:100px; text-align:center; padding:25px;background:#dceef1}
/*.picLoading{ margin:0 auto 5px;width:90px; height:90px; padding:60px;text-align:center; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/loadingicon.gif) no-repeat center #dceef1 }
*/

.photo .grid_16 ul.picture .medSizePic { width:150px; height:150px;}
.photo .grid_16 ul.picture .mainPhoto .buzzTip { position: absolute; top: 10px; left: -5px; background: #e580a7; padding: 5px 10px; color: #ffffff;}
.photo .grid_16 ul.picture .mainPhoto .medSizePic { width:200px; height:200px;}
.photo .grid_16 ul.picture .mainPhoto .photoIcon {height:195px; width:195px;}

.buzzBox { background: #e9f3f5; padding: 10px 10px 10px 20px; line-height: 2em; margin-top: 10px;}
.buzzBox .buzzAct { float: right;}
.buzzBox label { color:#4e483b; font-size:13px; margin-right:10px; line-height:2em;}
.buzzBox label.tall { color:#4e483b; font-size:13px;padding:4px 20px 0px 0px; font-weight:bold;}
.buzzBox input {padding:6px 4px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}

.addPhoto { box-sizing:border-box; display:block;}
.addPhoto img { width:100%;}

.photo .grid_16 .updates{ margin-top:30px; text-align:center}
.photo .grid_16 .updates ul.array{ margin:0px auto; padding:40px 120px 30px 120px;color:#868686; text-align:left;}
.photo .grid_16 .updates ul.array li{line-height:1.6em;list-style-type: decimal}


a.delete {width:42px; height:42px; display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -10px -725px no-repeat; visibility: hidden; opacity: 0;transition: visibility .1s,opacity .1s;}
a.delete.show { visibility: visible;opacity: 1;}
a.delete:hover { background-position:-10px -776px;}
a.delete.active { background-position:-10px -776px; cursor:default;}

a.dePreset { width:42px; height:42px; display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -10px -827px no-repeat; visibility: hidden; opacity: 0;transition: visibility .1s,opacity .1s;}
a.dePreset.show { visibility: visible;opacity: 1;}
a.dePreset:hover { background-position:-10px -878px;}
a.dePreset.active { background-position:-10px -878px; cursor:default;}

a.plus { width:100px; height:100px; display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -129px no-repeat; }
a.plus.show { visibility: visible;}
a.plus:hover { background-position:-195px -129px}
a.plus.active { background-position:-195px -129px; cursor:default;}

/********************pages_register.css***************************/
.container_16 .grid_4{ width:210px; margin-bottom: 20px;}
.container_16 .grid_12{ padding:30px 25px 30px 25px;width: 650px;min-height:500px;}

.container_16 .grid_4 ul {margin:10px 0px}
.container_16 .grid_4 ul li {}
.container_16 .grid_4 ul li.typeA a { padding:10px; color:#868686; display:block; text-decoration:none; font-size:15px}
.container_16 .grid_4 ul li.typeA a:hover { background: #EDEAE7; }
.container_16 .grid_4 ul li.typeA a.active { background:#e1d8cd; color:#FFF;}
.container_16 .grid_4 ul li.typeB { padding:10px; background:#f7f7f7; font-size:12px; color:#666; display:block; text-decoration:none; border-bottom:#ffffff 1px solid;}
.container_16 .grid_4 ul li.typeB.active { background:#d21e50; color:#FFF; font-weight:bold;}
.container_16 .grid_4 ul li.typeC {margin-left:30px;}
.container_16 .grid_4 ul li.typeC a { padding:5px 10px 5px 0px; color:#C03; text-decoration:none; display:block;}
.container_16 .grid_4 ul li.typeC a:hover { text-decoration:underline;}

.container_16 .grid_12 h1 { font-size:22px; font-weight:normal; padding-bottom:10px; margin-bottom:10px; border-bottom:#6cc9c8 1px solid; color:#6cc9c8}
.container_16 .grid_12 h1 span.eng { font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#d0d0d0; padding-left:10px;}
.container_16 .grid_12 p { line-height:1.8em; margin-bottom:15px}
.container_16 .grid_12 ul{ line-height:1.4em}
.container_16 .grid_12 ul li{ margin:0px 10px 8px 36px; list-style-type:decimal}

/************************rules_contact_us.htm*********************/

.contact{ padding:10px 20px 50px 0px}
.contact .remind{color:#e580a7; margin-bottom:50px;}
.contact .contactBox{ clear:both; padding:8px 0;}
.contact .contactBox label {font-size:13px;float: none;line-height: 25px;margin-right: 10px;text-align: left; color: #3E434A;cursor: pointer;display: block;margin-bottom: 3px;}
.contact .contactBox textarea {margin-top:5px;width:400px; padding:5px 5px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}
.contact .contactBox input{padding:6px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}
.contact .cut{margin:5px}
.contact .cut a{text-decoration:underline}
.contact .updates{ text-align:left; margin:30px 0px 0px 0px}

.errormsg { color: #e580a7; padding: 10px 0;}

/************************mission.htm*********************/
.missionBox {
	padding:30px;
	border-width: 1px 1px 4px 1px;
	border-style: solid;
	border-color: #e5e6e9 #dfe0e4 #eeeeee;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:20px;
}
.missionTitle {
	font-size: 22px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
	border-bottom: #6cc9c8 1px solid;
	color: #6cc9c8;

}
.missionTitle .new { display:inline-block; vertical-align:text-top; font-size:13px; margin-left:10px;}
.missionContent { line-height:1.8em; font-size:15px; margin-bottom:20px;}
.missionContent a { color: #e99fb8;}
.missionContent a:hover { text-decoration:underline;}
.missionAction { text-align:center;}


/****************error404.htm 11/05新增*************/
.errorBox{ height:400px; position:relative}
.errorBox .error{text-align:center;width:940px;height:20px;position:absolute;left:50%;top:30px;margin-top:-10px;margin-left:-470px;font-size: 36px;}
.errorBox .error .reply{ font-size:13px; padding-top:30px; background:none;}
.errorBox .error .reply a{text-decoration:underline; margin:0 5px;}

/****************csr_record.htm *************/
.record{ margin:0px 50px 50px}
.record h1 { font-size:22px; font-weight:bold; padding:50px 0px 10px 0px; margin-bottom:10px; border-bottom:#6cc9c8 1px solid; color:#6cc9c8}
.csr_record  thead  tr td { background:#6cc9c8; color:#FFF; padding:5px; font-size:15px; text-align:center;}
.record_date { width:20%; text-align:center; border:#6cc9c8 1px solid;}
.record_class { width:13%; text-align:center; border:#6cc9c8 1px solid;}
.record_content { line-height:1.6em; padding:5px 10px; border:#6cc9c8 1px solid;}
.record_status { width:22%; text-align:center; border:#6cc9c8 1px solid;}
.reply { padding:5px; background:#dceef1; color:#333;}
.replycontent { padding:8px; background:#f3f3f3;}


/************************rules_autopay_cancel.htm 12/31新增*********************/

.autopay{ padding:10px 0 70px 0}
.autopay .remind{color:#e580a7; margin-bottom:50px;}
.autopay .autopayBox{ clear:both; padding:6px 6px 6px 0px; *padding:4px}
.autopay .autopayBox label {font-size:13px;float: left;line-height: 25px;margin-right: 10px;text-align: right;width: 100px;color: #3E434A;cursor: pointer;display: block;margin-bottom: 3px;}
.autopay .autopayBox input{padding:6px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686;}
.autopay .autopayBox .detail{float:left; padding:5px 0px}
.autopay .updates{ text-align:center; margin:60px 0px 0px 0px}

/* 404 */
.page404 { padding: 100px 20px; max-width: 960px; width: 100%; margin: 0 auto; text-align: center;}
.page404 h1 { font-size: 190px; color: rgba(0,0,0,.2);}
.page404 h2 { font-size: 20px; color: rgba(0,0,0,.3)!important; letter-spacing: -.04em; line-height: 1.6em;}
.page404 h2 a { color: rgba(0,0,0,.3)!important;}
.page404 h2 a:hover { color: rgba(0,0,0,.6)!important;}