@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url("/css/font-awesome.css");
@import url("/css/animate.css");
@import url("/css/bootstrap.css");
@import url("/css/hover.css");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

html, body { width:100%; height: auto;overflow-X:hidden; }
body { font-size:100%;}
iframe { display: ;}
*{transition:all .3s; -webkit-transition:all .3s;}

/*:before{ content:"\f146";font-family: 'FontAwesome'; }*/

.btnTop{ background: #CCC \9;background:rgba(0,0,0,.2); border-radius:50%; width:50px; height:50px; position: fixed;right:15px; bottom:15px;cursor:pointer; z-index:99; color:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase; font-size:13px ; letter-spacing:1px; display: none  ; z-index:999;}
.btnTop:before{content:"\f106";font-family: 'FontAwesome'; font-size:20px; color: #FFF ; display:block; padding-top:6px;}
.btnTop:hover{background:rgba(0,0,0,.4);}

.img-response{ max-width:100%; height:auto;}

/*------------item-inline-block------------*/
.item-inline-block{ letter-spacing:-5px;}
.item-inline-block > *{display: inline-block !important; letter-spacing:1px;vertical-align: top;}

/*------------item-table-cell------------*/
.item-table-cell{ display:table;}
.item-table-cell > *{display: table-cell !important; vertical-align: top;}


/*------------item-flex------------*/
.item-flex{ display:flex !important;display:-webkit-flex !important;}
.item-flex > *{flex:1;-webkit-flex:1 }

@media screen and (max-width: 640px) {
	
.vertical-xs{ display:block !important;	}
.vertical-xs  > *{  display:block !important; width:100% !important ;float:none !important; }

}


.show{ display:block !important;}
.hide{ display:none !important;}

@media screen and (max-width: 640px) {	

	.hide-xs{ display:none !important; }
	.show-xs{ display:block !important;}

}





.wrap{width:100%;height:auto;position:relative; font-family:"微軟正黑體",Microsoft Yahei;line-height:1.6; padding-bottom:100px; background:#fff;}
		



/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 版頭 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.wrap .header {width:100%; position:relative; height: auto; overflow:hidden; background: #00bb84;}
.wrap .header span img{ width:100%; height:auto;}

.wrap .header .center{width:100%;max-width:900px;position:relative; margin:0 auto; z-index:1;}
.wrap .header .center img{ width:100%; height:auto;}


.wrap .header .logo{ position:absolute; left:8px; top:8px; z-index:6; width:182px;}
.wrap .header .logo img{width:100%; height:auto;max-width:200px;min-width:100px;}





/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 內容 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/



.wrap .container { max-width:980px;width:100%; margin:0 auto; }

.intro{ font-size:17px; line-height:1.8; margin-bottom:20px; padding:10px ;margin-top: 20px;}

.intro span{ padding:2px 5px; background: #FF3; }


.title{ font-size:40px; font-family:"Microsoft YaHei"; font-weight:bold; color:#00b47f;}
.title .small{ font-size:18px; font-weight:bold;}


.item{ width:50%; padding:10px;}

.item .box{position: relative; background: #80e2c5;padding: 15px;} 

.location{margin-bottom: 15px;font-size: 16px;padding-left: 5px;}

.process{}

.icon{ position:absolute; right:10px; top:10px; background:#fff; border:1px solid #ff9000; color:#ff9000; font-size:22px; padding:2px 6px ; border-radius:4px; line-height:1; cursor:pointer;
transition:none; -webkit-transition:none;}
.icon:hover{ color:#fff; background:#ff9000;}

.table{ width:100%; font-size:15px;}
	

	.table th{ background:#ffd200; color:#000000; padding:4px 8px; text-align:left; font-weight:bold; }
	.table td{ background:#fff; padding:4px 8px; position:relative;}
	
	.table.line tr:not(:last-child){ border-bottom:1px solid #e0e0e0;}
	.table.line td{ }
	
	@media screen and (max-width: 640px) {	
	
	.table.line td{ padding:10px 5px; font-size:13.5px;}

	
	}
	
	
	
	.btns {margin:50px auto;text-align:center;}
	
	.btns .btn{ border-radius:50px; font-weight:bold;font-size:26px; text-decoration:none; width:45%; max-width:280px; margin:4px; height:70px; line-height:70px; vertical-align:middle;
	box-shadow:2px 1px 4px 2px rgba(0,0,0,.15);
	 }
	
	.btns .btn1{ background:#fff; color:#ff5a00; border:1px solid #ff5a00;  line-height:1; padding-top:8px; }
	.btns .btn1 p{ font-size:16px; font-weight:normal; line-height:1; margin-bottom:5px;}
	
	.btns .btn2{background:#ff5a00; color:#fff;}
	
	
@media screen and (max-width: 640px) {	

	.btns {margin:30px auto;}

.btns .btn{font-size:20px;border-radius:10px;height:60px; line-height:60px;}
.btns .btn1{ line-height:1; padding-top:8px; }
.btns .btn1 p{  line-height:1; }

}



.strong{font-weight: bold;font-size: 105%;color: #f06d00;}


.tel{ text-align:center; margin:20px; font-size:20px; color:#787878; font-weight:bold;}





/*----------------------------- 注意事項文字 -----------------------------------  */

/*.wrap ul { width:80%; margin:0 auto; color:#a3a3a3; list-style:decimal; padding-left:30px;}
.wrap ul li{ margin-bottom:10px; font-size:15px; color:#333333; line-height:1.5;}
*/