@charset "utf-8";
*{padding:0;margin:0}
a:hover{text-decoration:none;}
body{background:#E0F2F2;font-family: "Arial","Helvetica","sans-serif","微軟正黑體","新細明體";}
ul{list-style:none}
.container{padding: 0 10px;}
.red{color:red;}
.uline{text-decoration:underline;}
.text{height: 28px; line-height: 28px;}
.input-25{width: 25px; text-align: center;}
.input-50{width: 50px;text-align: center;}
.input-x{width: 50px}
.input-2x{width: 100px}
.input-3x{width: 150px}
.input-4x{width: 100%; min-width: 200px;}
.input-6x{width: 100%;}
.input-7x{width: 100%;min-width: 320px;}
#btn-down{cursor: pointer;}
.form-radio{vertical-align: text-bottom;margin-bottom: 2px!important;margin-right: 2px!important;}
#cover{
	background:rgba(0,0,0,0.7);width: 100%;height: 100%;left: 0;top:0; position: fixed; z-index: 9999;
}
#global_win_alert{
	position: fixed; left:50%;margin-left: -45%; top: 10%; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); opacity: 0.95; width: 90%; z-index: 10000;box-shadow: 5px 5px 5px #888888;
}
#global_win_alert .err, #global_win_alert .success{display: none;}
#global_win_alert .title{text-align: center;font-size: 20px;line-height: 60px;font-weight: bold; height: 60px;overflow-y: auto; }
#global_win_alert .content{text-align: center; padding: 0 10px 20px; font-size: 16px;}
#global_win_alert .bottom{display: -webkit-box; height: 60px; text-align: center;font-weight: bold; font-size: 20px;-webkit-box-pack: center;}
#global_win_alert .btn-alert, #global_win_alert .btn-ok{-webkit-box-flex: 1; font-size: 16px;}
#global_win_alert .err_tips dl{display: flex;flex-wrap: wrap;margin-bottom: 5px; }
#global_win_alert .err_tips dl dt{width: 200px;text-align: left;line-height: 30px;}
#global_win_alert .err_tips dl dd{flex: 1;min-width: 300px;text-align: left;line-height: 30px;}
#global_win_alert .err_tips dl dd b{margin-right: 5px;}
#global_win_alert .success_tips li{text-align: left; line-height: 30px;}

#container{max-width:900px;width:100%;margin:0 auto;}
.header {width:100%; background:url(../images/bg_header.png); position:relative;}
.header .container {
	max-width: 800px;
}
#header_con {
	position: relative;
	height: 180px;
}
.header .logo {
	width:410px;
	max-width:90%;
	position:absolute;
	left: 10px;
	top:50%;
	margin-top:-65px;
	z-index: 10;
}
.header .pic {
	display: none;
}
@media (min-width: 768px) {
	.header .pic {
		display: block;
		width: 500px;
		position: absolute;
		right: 50px;
		top: 10px;
		z-index: 9;
	}
}
.header .btn-lang {
	width:50px;
	height:50px;
	background: rgba(255,129,129,0.5);
	display: block;
	position: absolute;
	right: 10px;
	bottom: 30px;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.header .btn-lang:hover{background: rgba(255,129,129,1);}

.content{max-width:800px;width:100%; margin:0 auto;}
.top10{margin-top: 10px;}

.btn {
	width:100px;
	height:100px;
	background-position:top;
	display:inline-block;
	border:none;
}
.btn:hover{background-position:bottom}
.btn.cur{background-position:bottom}
.btn.btn-01-hk{background-image:url(../images/btn_nav01_phone.png);}
.btn.btn-02-hk{background-image:url(../images/btn_nav02_phone.png);}
.btn.btn-03-hk{background-image:url(../images/btn_nav03_phone.png);}
.btn.btn-04-hk{background-image:url(../images/btn_nav04_phone.png);}
.btn.btn-01-en{background-image:url(../images/btn_nav01_phone_eng.png);}
.btn.btn-02-en{background-image:url(../images/btn_nav02_phone_eng.png);}
.btn.btn-03-en{background-image:url(../images/btn_nav03_phone_eng.png);}
.btn.btn-04-en{background-image:url(../images/btn_nav04_phone_eng.png);}

@media (min-width: 768px) {
	.btn {
		width: 220px;
		height: 60px;
	}
	.btn.btn-01-hk{background-image:url(../images/btn_nav01.png?v=1);}
	.btn.btn-02-hk{background-image:url(../images/btn_nav02.png);}
	.btn.btn-03-hk{background-image:url(../images/btn_nav03.png);}
	.btn.btn-04-hk{background-image:url(../images/btn_nav04.png);}
	.btn.btn-01-en{background-image:url(../images/btn_nav01_eng.png);}
	.btn.btn-02-en{background-image:url(../images/btn_nav02_eng.png);}
	.btn.btn-03-en{background-image:url(../images/btn_nav03_eng.png);}
	.btn.btn-04-en{background-image:url(../images/btn_nav04_eng.png);}
}

.con-button{width:95%;margin:0 auto;}
.con-button ul{display:flex;flex-wrap: wrap;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;}
.con-button li{flex:1; text-align:center;width: 100px;-webkit-box-flex: 1;-webkit-flex: 1;}

.con-detail{background-color: #fff;border-top: 1px solid #ccc;padding: 3% 5%;min-height: 400px; position: relative;}
.btn2{line-height: 30px;color: #fff;background: rgba(112,199,30,0.5);padding: 0 10px;border-radius: 8px;display: inline-block;font-size: 16px;margin: 0 5px 5px 0;}
.btn2:hover{background: rgba(112,199,30,1);color: #fff;}

.detail-button{background:#fff;}
.detail-button.fixed{position: fixed;top: 0;}

.detail-page{position: absolute;right: 10px; top: 10px;font-size: 16px;}

.detail-title{color: #fff; background:#00CCFF;font-size: 16px; line-height: 30px;display: inline-block;margin:20px 0 5px;padding: 0 2px;}
.detail-desc{line-height: 28px;margin-left: 15px;text-indent: -15px;text-align: justify;}
.detail-desc2{line-height: 28px;text-align: justify;}

.title1{text-align: center;font-size: 24px;line-height: 80px;}
.title1 span{display: inline-block;}
.title1 a{color: #C00000; }

.button1{text-align: center;margin-top: 20px;}
.btn1{cursor: pointer; color:#000;border:none; padding:0 20px;font-size: 24px; display: inline-block;background: rgba(255,153,51,0.5);line-height: 50px;border-radius: 8px;margin-bottom: 5px;}
.btn1:hover{background: rgba(255,153,51,1);}

.btn3{cursor: pointer; color:#000;border:none; padding:0 20px;font-size: 20px; display: inline-block;background: rgba(91,155,213,0.5);line-height: 30px;border-radius: 8px;}
.btn3:hover{background: rgba(91,155,213,1);}

.detail-user dl{display: flex; margin-bottom: 5px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;}
.detail-user dl dt{width: 140px;line-height: 30px;font-weight: normal;}
.detail-user dl dd{flex:1;-webkit-box-flex: 1;-webkit-flex: 1;}
.detail-user dl dd label{font-weight: normal;}
.detail-user dl dt.idcard{line-height: 20px;}

.detail-addbutton{position: relative; text-align: right;}
.detail-addbutton .btn3{position: absolute;top: 0;right: 10px;}

.detail-bottom{margin-top: 20px;}
.detail-bottom .left{width:120px;}
.detail-bottom .button{flex:1;text-align: center;margin-top: 10px;}
.detail-bottom .right{text-align: right;margin-top: 10px;}

.detail-parent{display: flex;flex-wrap: wrap;}
.parent-info{flex:1;}
.parent-info .title{font-weight: bold;}
.parent-info dl{display: flex;margin-bottom: 3px;}
.parent-info dl dt{width: 120px;line-height: 30px;font-weight: normal;}
.parent-info dl dd{flex:1;}
.parent-info dl dt.work{width: 100%;}

.detail-upload dl{display: flex;flex-wrap: wrap;margin-bottom: 5px;}
.detail-upload dl dt{width: 300px;line-height: 30px;font-weight: normal;}
.detail-upload dl dd{flex:1;}

.fileupload{position: relative;margin-left: 10px;}
.fileupload .imgList{margin-top:0;}
.fileupload .imgList li img{width:60px;height:60px;border-radius: 10px;}
.fileupload .btn_imgclick{width: 60px; height: 60px;position: absolute;left: 0; top:0;margin:5px;}
.fileupload .btn_imgclick .guanImg{display:block;width:20px;height:20px;background:url(../images/icon_jian.png) no-repeat 0 0;position:absolute;top: 0px;right: 0px;background-size: cover;background-position: center;}
.fileupload .imgList li{font-size: 24px; color: #9f9fa0;float:left;margin:5px;width:60px;height:60px;border-radius: 10px;}
.fileupload .imgList .inputF{position:relative;width:60px;height:60px;line-height:60px;text-align:center;overflow:hidden; background-color:#fff;background: url(../images/add_img.jpg) no-repeat center; }
.fileupload .imgList .inputF input{opacity:0;cursor:pointer;z-index:200;position:absolute;top:0;left:0;right:0;bottom:0; width: 60px;}
.fileupload .imgshow{position: relative;}
.fileupload .imgshow .guanImg{display:block;width:20px;height:20px;background:url(../images/icon_jian.png) no-repeat 0 0;position:absolute;top: 5px;right: 5px;background-size: cover;}
.fileupload li.txt{font-size: 0.8125rem;width: 100px; line-height: 60px; color: #212529;vertical-align:middle}


@media all and (min-width:760px){
	.input-4x{width: 200px}
	.input-6x{width: 300px}
	.input-7x{width: 320px}
	#global_win_alert{width: 700px;margin-left: -350px;}
	.detail-addbutton .btn3{position: absolute;top: -35px;right: 10px;}
}