@charset "utf-8";

/* CSS Document */



h1 {

	font-weight: bold;

	color: #000;

	margin-top: 0px

}



body {

	font-family: "微軟正黑體", Arial;

	line-height: 28px;

	font-size: 18px;

	position: relative;

	color: #333;

	background: #fa5c28;



	overflow-x: hidden



	

}

h2 {

	line-height: 60px;

	font-weight: bold;



	color: #000;

	font-size: 32pt;

	margin-bottom: 15px;

}

h3 {

	margin-top: 0px;

	font-size: 20pt;

	line-height: 36px;

	font-weight:bold

}

hr {

	margin-top: 15px;

	border-top:1px solid #ccc;

	margin-bottom: 15px

}

.row{position: relative;}

.delay2 {

	-webkit-animation-delay: 0.2s; /* Chrome, Safari, Opera */

	animation-delay: 0.2s;

}

.delay4 {

	-webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */

	animation-delay: 0.4s;

}

.delay6 {

	-webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */

	animation-delay: 0.6s;

}

.clear {

	clear: both

}

.top30 {

	padding-top: 30px

}

h4 {

	line-height: 28px;

	font-size: 20px;

	color: #000;

	font-weight: bold

}

.blue {

	color: #122a88

}



.areabox{padding-top: 80px; padding-bottom: 0px }

.box {

	overflow: hidden;

	padding: 60px 30px;



	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */

	   /* background: rgb(255,255,255);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0 );

    border-bottom: 1px solid #ccc;*/

}

.logo {

	margin-top:10vh;margin-left: auto; margin-right: auto



}

.foot {

	padding: 70px 0px 0px 0px

}

.topbg {

	background-image: url(../images/top.jpg);

	background-position: center center;

	background-size: cover; background-repeat:no-repeat;	

	height:100vh;

}

.img60 {

	margin-top: 60px

}

.img30 {

	margin-top: 30px

}

.bg1 {

	background-size: cover;

	background-image: url(../images/topbg.jpg);

	background-position: center center;

	background-attachment: fixed;

	border-bottom: 0px

}

.bg2 {

	background-size: cover;

	background-image: url(../images/topbg.jpg);

	background-position: center center;

	background-attachment: fixed;

	border-bottom: 0px

}

.b2 {

	padding-top: 50px;



}

.toparea {

	height: 66px

}

.man {

	margin-bottom: -50px

}

.downc {

	padding: 5px 15px;

	background-color: #C00;

	color: #FFF;

	font-weight: bold;

	font-size: 24px

}

.b3 {

	background-color: #efefef;

	overflow: hidden;

	margin: 30px 15px;

	border: 1px #CCCCCC solid;

}

.b4 {

	border: 1px solid rgba(0,0,0,0.35);

	padding: 15px;

	margin: 15px;

	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);

	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.4);

	box-shadow: 0 2px 2px rgba(0,0,0,0.4);

	background-color: rgba(0,0,0,0.5);

	color: #fff

}

.b4 h4 {

	color: #FFF;

	font-weight: normal

}

.b4 img {

	margin: auto;

	width: 85%

}

.slick-slide {

}

.b5 {

	padding-top: 30px

}

.map {

	margin-top:15px;

	height: 230px;

	width: 100%

}



.linebox{ padding:15px; border:1px solid #efefef}

.sublogo{ text-align:center}

.sublogo img{ max-width:320px; margin:auto}





.last{ margin-top:15px}

.last a { 

    display: block;}

.vedio{ padding:50px 0px 0px 0px; height:100vh}

.arrd{ margin-top:30px; color:#FFF; font-size:36px}

.replay{animation-iteration-count: infinite}

.col-sm-13{ width:20%; float:left}

.img15{ margin-top:15px}

.data{ margin-top:50px}

.dataimg{ padding-top:50px; padding-bottom:50px; text-align:center}

.dataimg img{ width:70%;margin:auto;}









.fullbg{ background-size: cover; background-position: center center}

.imgbox{height:360px}



.p0 div{padding: 0px}



.r30{text-align: right; margin-right: 30px}

.best{width: 320px}

.babtn{ margin-bottom: 30px }

.babtn a{ padding: 35px 45px; font-size: 28px; margin-left: 15px; margin-right: 15px; border-radius: 0px}



.bestnum{background: #fff; background-size: 40px 40px; background-position: 95% 10%; background-repeat: no-repeat; height: 245px}

.bestbg{background-size: cover; background-position: center center; height: 245px}



.bestnum h3{ margin-top: 80px; margin-left: 60px; }



#b1,#b2,#b3,#b4,#b5,#b6,#b7,#b8{border: 1px solid #ccc; border-left: 0px; border-right: 0px}





.form-control{    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);

    box-shadow:inset 0 0px 0px rgba(0,0,0,.075) }



.stl{text-align: right}

.p15{padding-left: 15px;padding-right: 15px}







.topsub{ padding: 15px; background-color: rgba(0,0,0,0.2); color: #fff; text-align: center; width: 50%;margin-left: auto; margin-right: auto }



.topbg .box{padding-top: 20vh}





















.wtext{position: absolute; font-size: 13px; font-weight: bold;right: 30px; bottom: 5px; color: #fff; text-shadow: black 0.1em 0.1em 0.2em;

}



.wtext1{position: absolute; font-size: 13px; font-weight: bold;right: 30px; bottom: 40px; color: #fff; text-shadow: black 0.1em 0.1em 0.2em;

}

.btext{padding-top: 5px}



.col-md-13{width: 50%; float: left;padding: 15px; }

.col-md-13 div{  border: 1px solid #ccc; padding: 15px}





.t1{position: absolute; right: 10px; margin-top: -770px; max-width: 320px}









.tel {

    position: absolute;

    left: 50%;

    transform: translate(-50%, 0);width:100%; margin-top: -950px

}

@media (max-width:1200px){

	.tel { margin-top: -780px

}}

@media (max-width:992px){

	.tel { margin-top: -600px

}}

 @media (max-width:767px) {

	

	 

	 

	 

	 .sbg{background-size: cover;height:500px}

	 .sbig{ overflow: hidden;margin-left: -20px; margin-right: -40px}

 .sbig img{ }

	 

	 

	 .t1{position: static; max-width:100%; margin-top: 30px; margin-left:30px; margin-right: 30px; padding-bottom: 30px}

	 

	 .tel { margin-top: -78vw}

	 

	 .slr15{padding-left: 15px; padding-right: 15px; padding-top: 15px}

	 .col-md-13{width: 100%; float: none;padding: 15px; padding-bottom: 0px }

	 .btext{padding-top: 5px; position: static; }

	 

	 .wtext1{position: static; font-size: 13px; font-weight: bold; color: #fff; text-shadow: black 0.1em 0.1em 0.2em; margin-top: -35px;float: right;margin-right: 15px

	 }



	 

	 

	 

	 .topbg { height: auto; }

	 



	 

	 h1{font-size:28px; line-height: 36px}

	 

	 .sp0{padding: 0px}

	 .box{padding: 30px 15px}

	 .sl0{padding-left: 0px}

	 .sr0{padding-right: 0px}

	 .p15{padding-left: 0px;padding-right: 0px}

	 .bestnum{background: #fff; background-size: 30px 30px; background-position: 90% 15%; background-repeat: no-repeat; height:150px}

.bestbg{background-size: cover; background-position: center center; height:150px}



.bestnum h3{ margin-top: 0px; margin-left: 15px; padding-top: 45px }

	 

	 

	 

	 .simg15{margin-top: 15px}

	 

	 .best{width: 250px; margin-left: auto; margin-right: auto}

	 .babtn{ text-align: center }

	 .babtn a{ padding: 10px 20px; font-size: 18px; margin-left: 5px !important; margin-right: 5px !important; border-radius: 0px; margin-bottom: 10px}

	 .r30{ margin-right: 0px; text-align: center !important; margin-left: 0px}

	

	 .p-15{margin-left: -15px; margin-right: -15px}

	 .imgbox{ height: 18vh}

	 .data{ margin-top:15px; padding-bottom:50px}.dataimg{ width:100%}

	 .col-sm-13{ width:100%; float: none; padding:15px; padding-bottom:0px}

	  .vedio{ padding:15px 0px 15px 0px; height: auto}

.arrd{ display:none}

	 .last{ margin-top:30px}

	 .tel{ font-size:18px}

	 .sublogo img{ max-width:100%; margin:auto}

	

.slick-slide {

	

}

.sublogo {

	width: 55%;

	margin: auto; margin-bottom:15px

}

.green {

	padding: 0px;

	margin-bottom: 30px

}

.b5 {

	padding-top: 15px;

}

.b2 {

	padding-top: 0px

}

.downc {

	display: block;

	margin: auto;

	text-align: center

}

.man {

	margin-bottom: -15px

}

.toparea {

	height: 50px

}

.bg2 {



	background-size: cover

}

.bg1 {



	background-position: center top;

	background-repeat: no-repeat;





}

.topmark {

	position: fixed;

	z-index: 9999;

	top: 5px;

	left: 15px

}

.img60 {

	margin-top: 15px

}

.img30 {

	margin-top: 15px

}

	 .topbg .img15{margin-top: 15px}

	 .img15 {

	margin-top: 15px

}

.toptel {

	width: 90%;

	margin: auto;

	text-align: center

}

.y1 {

	padding-top: 0px

}

.logo {



	margin: auto;padding-left: 15px;

	width:85%;margin-bottom: 30px; margin-top: 15px



}

.topbg {padding: 15px

}

	 

	 

.topbg h1 {font-size: 22px; line-height: 28px

}

.b1 {

	background-image: none;

	height: auto;

}

.cbottom {

	width: 100%

}

.areabox {

	padding-top: 30px; padding-bottom: 0px

}

h2 {

	font-size: 22px;

	

	margin-bottom: 10px;

	line-height:36px;

}

h3 {

	font-size: 16px;

	line-height: 24px

}

body {

	font-size: 15px

}

.top30 {

	padding-top: 15px

}

.scenter {

	text-align: center;

	margin: auto

}

.scenter img {

	text-align: center;

	margin: auto

}

	 .stl{text-align: left}

.t2{ }

.foot {

	padding: 40px 0px 0px 0px

}

	 h4{ font-size: 16px}

hr{ margin-top:15px; margin-bottom:15px}

.map{ margin-top:0px}

}



@media (max-width:460px){

	 .sbg{background-size: cover;height: 330px}

	

}

.top-img, .top-img img{ width:100%;}
	.top-img span{ float:left; width:100%; z-index:1; position:relative;}
	.top-img h2, .top-img h3{ width:60%; left:8%; z-index:3; position:absolute;}
		.top-img h2{ top:2.5%;}
		.top-img h3{ top:6.2%;}
	.top-img h4, .top-img h5{ width:86%; left:7%; z-index:5; position:absolute;}
		.top-img h4{ top:11%;}
		.top-img h5{ top:15.5%;}
		
@media (max-width:800px){
	.top-img h2, .top-img h3{ width:55%; left:9%; z-index:3; position:absolute;}
		.top-img h2{ top:1.5%;}
		.top-img h3{ top:4.8%;}
	.top-img h4, .top-img h5{ width:84%; left:8%; z-index:5; position:absolute;}
		.top-img h4{ top:10%;}
		.top-img h5{ top:14.5%;}
}
		
@media (max-width:760px){
	.top-img h2, .top-img h3{ width:55%; left:9%; z-index:3; position:absolute;}
		.top-img h2{ top:1%;}
		.top-img h3{ top:4%;}
	.top-img h4, .top-img h5{ width:84%; left:8%; z-index:5; position:absolute;}
		.top-img h4{ top:8%;}
		.top-img h5{ top:11.5%;}
}
		
@media (max-width:400px){
	.top-img h2, .top-img h3{ width:55%; left:9%; z-index:3; position:absolute;}
		.top-img h2{ top:1.5%;}
		.top-img h3{ top:4.5%;}
	.top-img h4, .top-img h5{ width:90%; left:5%; z-index:5; position:absolute;}
		.top-img h4{ top:7%;}
		.top-img h5{ top:10.5%;}
}