@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
/* noto-sans-tc-regular - latin_chinese-traditional */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src: url('images/fonts/noto-sans-tc-v11-latin_chinese-traditional-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../images/fonts/noto-sans-tc-v11-latin_chinese-traditional-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../images/fonts/noto-sans-tc-v11-latin_chinese-traditional-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../images/fonts/noto-sans-tc-v11-latin_chinese-traditional-regular.woff') format('woff'), /* Modern Browsers */
       url('../images/fonts/noto-sans-tc-v11-latin_chinese-traditional-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../images/fonts/noto-sans-tc-v11-latin_chinese-traditional-regular.svg#NotoSansTC') format('svg'); /* Legacy iOS */
}

.black_overlay2{ 
	
            display: none; 
            position: absolute; 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 150%; 
            background-color: black; 
            z-index:9999998; 
            -moz-opacity: 0.8; 
            opacity:.70; 
            filter: alpha(opacity=70); 
        } 
.white_content2{ 
            display: none; 
            position: absolute; 
            top: 35%; 
            left: 45%; 
            width: 138px; 
            height: 138px; 
            z-index:9999999; 
            overflow: auto;
			background:none;
        } 


/* ==============================
   Page loader
   ============================== */
.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 9999999;	
}

.loader{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0,0,0, 0.5);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
    z-index: 1;
}

.loader2{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -13px;
  font-size: 10px;
  z-index: 9999999;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ==============================
   Page loader
   ============================== */

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
body {
	-webkit-text-size-adjust:none; 
	margin: 0;
	padding: 0;
	background: #ffffff;
}
samp {font-family: "Noto Sans TC","Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif;}

html {
	 font-family: "Noto Sans TC","Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
    background: #ffffff;
	-webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img {
	border-style: none;
}
#wrapper{
		width: 100%;
	float: left;
}

	
article{
	width: 100%;
	float: left;
	background: #f5f5f5;
	
}

.bakegr{
	background:url("images/about/bg1.png") repeat;
}

@media screen and (min-width: 1920px)  {/*針對超大桌機*/
	.g-recaptcha {
	float: left;
        transform:scale(0.9);
        -webkit-transform:scale(0.9);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
		margin: 10px 0 10px 5%;
    }
	
	.ico1 {		
		border: solid 2px #333333;
		-webkit-transition: all 1s ease-out;
		
		}
	.ico1 a:hover{
		-webkit-transform:perspective(340px) translate3d( 0px, 150px, 0px);

		
	}
	
	.tab1{
		padding: 0 1% 0 0%;
		position: absolute;
		left:50%;
		top:100%;
		transform: translate(-50%,-50%);
		bottom:-30px;
		border-radius:15px;
		box-shadow: 2px 2px 8px #929292;
		background:url("images/index/icon1.jpg") #ffffff no-repeat 25px 13px;
		text-indent: 60px;
		text-align: left;
		font-size:17px;
		color: #511212;
		height: 60px;
		line-height: 60px;
		letter-spacing: 1px;
		z-index: 1;
	}
	.tab1-2{
		padding: 0 1% 0 0%;
		position: absolute;
		left:50%;
		top:100%;
		transform: translate(-50%,-50%);
		bottom:-30px;
		border-radius:15px;
		box-shadow: 2px 2px 8px #929292;
		background:url("images/index/icon1.jpg") #ffffff no-repeat 25px 13px;
		text-indent: 60px;
		text-align: left;
		font-size:17px;
		color: #511212;
		height: 60px;
		line-height: 60px;
		letter-spacing: 1px;
		z-index:1;
	}
		.top{
    width: 96%;
    float: left;
    margin-top: 20px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 20px;
		
	}
	.logo{
		width: 380px;
		height: 106px;
		float: left;
	}
	.button{
    width: 55%;
    float: right;
    margin-top: 30px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
	}
	.txt100{
	 position: absolute;
	 top:0px;
	 right: 0%;		
	 left: 80%;
	 font-size: 18px;
	 transition: all 0.5s ease 0s;
	 display:block; 
}

.txt100:hover{
	top:2px;
	 transform: rotate(180deg);
}
	.banner{
		width: 100%;
		float: left;
		position: relative;
	}
	.banner img{
		width: 100%;
		height: auto;
		float: left;
	}
	
	.nav1{
		width: 76%;
		margin: 100px 12% 0 12%;
		
	}
	.nav1 h1{
		font-family: "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		margin: 0;
		float: left;
		font-size: 32px;
		color: #181818;
		text-align: left;
		padding: 0;
		width: 100%;
		font-weight: normal;
	}
	.nav1 samp{
		font-size: 18px;
		color: #181818;
		text-align: left;
		margin-left: 10px;
	}
	.nav1-2{
		width: 100%;
		float: left;
		margin: 30px 0 30px 0;
	}
	.nav1-3{
		width: 23%;
		float: left;
		margin: 0px 2% 30px 0;
			
		
	}
	.nav1-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav1-4{	
		width: 100%;
		float: left;
		position: relative;
		overflow: hidden;
		
		display: inline;
		
	}
	.nav1-4 img {
		width: 100%;
		float: left;
		height: auto;
	}
	.nav1-4 img a{	
		width: 100%;
		float: left;
		height: auto;
		overflow: hidden;
	 transition: all 0.5s ease 0s;
	}
	
	.nav1-4 img :hover{	
		transform: scale(1.5) rotate(360deg); 
	}
	.nav1-4 h1{	
		
	   position: absolute;
		bottom: 0;
		color: #ffffff;
		font-size: 22px;
		text-decoration: none;
		background: #020202;
		text-align: center;
		height: 50px;
		line-height: 50px;
		opacity: 0.6;
	}	
	.nav1-4 h1 a{	
		margin: 0;
		padding: 0;
		float: left;		
		z-index: 2;
		background: #020202;
		text-align: center;
		height: 50px;
		line-height: 50px;
		opacity: 0.6;
		color: #ffffff;
		font-size: 22px;
		display: block;
		text-decoration: none;
	}
	.nav1-4 h1:hover{
		width: 100%;
		text-decoration: none;
		float: left;		
		z-index: 2;
		background: #ffffff;
		opacity: 0.6;
		color: #1f1f1f;
		font-size: 22px;
		height: 50px;
		line-height: 50px;
	}
	.nav2{
		float: left;
		width: 100%;
		background: url("images/index/bg1.png") repeat-x;
		margin: 0px;
		
	}
	.nav2-1{
    width: 60%;
    float: left;
    margin-top: 25px;
    margin-right: 20%;
    margin-left: 20%;
    margin-bottom: 15px;
		
	}
	.nav2-2{
		width: 301px;
		float: left;
	}
	.nav2-3{
    width: 60%;
    float: right;
    margin-top: 50px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
	}
	.nav2-3 h1{
		width: 100%;
		float: left;
		color: #ffffff;
		font-size: 32px;
		font-family: "Times New Roman", Arial, "serif";
		text-align: left;
		padding: 0;
		margin: 0;
		text-transform:uppercase;
		font-weight: normal;
	}
	.nav2-3 samp{
		color: #ffffff;
		font-size: 18px;
		text-align: left;
		margin: 0 0 0 10px;
	}
	.nav2-3 p{
		color: #ffffff;
		width: 100%;
		float: left;
		margin: 35px 0 35px 0;
		padding: 0;
		text-align: left;
		font-size: 16px;
		line-height: 24px;
	}
	.nav2-4{
		
		
	}
	.nav2-4 a{	
		width: 30%;
		float: left;
		color: #ffffff;
		text-decoration: none;
		font-size: 16px; 
		background: url("images/index/icon2.png") no-repeat 88px 5px;
	}
	.nav2-4 a:hover{
		color: #fff10a;
		text-decoration: none;
		font-size: 16px; 
		background: url("images/index/icon2-2.png") no-repeat 98px 5px;
	}
	.nav3{
		float: left;
		width: 100%;
		background: url("images/index/bg2.png")  repeat-x;
		margin: 0px;
		
	}
	.nav3-1 h1{
    font-weight: normal;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #800000;
    line-height: 36px;
	}	
	.nav3-1 samp{
		font-family:  "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		width: 100%;
		float: left;
		text-align: center;
	    color: #181818;
		font-size: 32px;
		line-height: 22px;
	}
	.nav3-1{
    width: 76%;
    float: left;
    margin-top: 30px;
    margin-right: 12%;
    margin-left: 12%;
    margin-bottom: 30px;
		
	}
	.nav3-2{
	
    width: 31%;
    float: left;
    margin-top: 30px;
    margin-right: 2%;
    margin-left: 0%;
    margin-bottom: 0px;
		
	}
	.nav3-3{
    width: 92%;
    float: left;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
	position: relative;	
	}
	.nav3-3 img{
		width: 100%;
		float: left;
		height: auto;
		
	}
	.nav3-4{
		 width: 80%;
		position: absolute;
		 bottom: -8%;   
		z-index: 10;
		left: 27%;
		
	}
	.nav3-4 a{
		color: #181818;
		text-decoration: none;
		font-size: 22px;
		display: block;		
    height: 56px;
    line-height: 56px;
    border: solid 1px #bcbbbb;
    background: #ffffff url("images/index/icon3.png") no-repeat 94% center;
		
    
		}
	.nav3-4 :hover{
		background: #1b1b1b url("images/index/icon3-2.png") no-repeat 94% center;;
		border: solid 1px #ffffff;
		color: #FFFFFF;
		
		
	}
	.txt1{
		width: 80%;
		float: left;
		margin: 0 10% 0 5%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.txt1:hover{
		border: none;
		background: none;
	}
	.nav3-5{
    width: 24%;
    margin-top: 80px;
    margin-right: 38%;
    margin-left: 38%;
    margin-bottom: 0;
    float: left;
		
	}
	.nav3-5 a{
		display: block;
		text-decoration: none;
		line-height: 44px;
		height: 44px;
		background: #511212;
		color: #FFFFFF;
		font-size: 22px;
		text-align: center;
		border-radius: 30px;
	}
	.nav3-5 a:hover{
		background: #19789b;
		border-radius: 30px;
		
	}
	.nav4{
		float: left;
		width: 100%;
		background: url("images/index/bg3.png") repeat;
		margin: 0px;
		
	}
	.nav4-1{
    width: 70%;
    float: left;
    margin-top: 40px;
    margin-right: 15%;
    margin-left: 15%;
    margin-bottom: 30px;
	}
	.nav4-2{
    background: #ffffff;
    width: 48%;
    float: left;
    margin-top: 0px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0px;
	}
	.tab2{
    width: 90%;
    margin-top: 20px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    float: left;
    background: #f3f3f3;
    text-align: center;
    line-height: 100px;
    height: 100px;
    color: #d30909;
    font-size: 60px;
    font-weight: bold;
	}
	.tab3{
    width: 82%;
    margin-top: 20px;
    margin-right: 9%;
    margin-left: 9%;
    margin-bottom: 0;
    float: left;
	
	}
	.tab3 a{
		display: block;
			border-radius: 50px;
    background: #871e1e;
		box-shadow: 3px 3px 6px #431b0b;
    text-align: center;
    line-height: 100px;
    height: 100px;
    color: #ffffff;
    font-size: 35px;
    font-weight: bold;
		text-decoration: none;
	}
	.tab3 a:hover{
		background: #1084a1;
			box-shadow: 3px 3px 6px #064757;
		
	}
	.txt2{
		text-align: center;
		height: 58px;
		line-height: 58px;
		font-size: 18px;
		color: #222222;
		width: 100%;
		float: left;
	}
	.nav5{
		float: left;
		width: 100%;
		margin: 0px;
		
	}
	.nav5-1 h1{
    font-weight: normal;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #800000;
    line-height: 36px;
	}	
	.nav5-1 samp{
		font-family:  "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		width: 100%;
		float: left;
		text-align: center;
	    color: #181818;
		font-size: 32px;
		line-height: 22px;
	}
	.nav5-1{
    width: 60%;
    float: left;
    margin-top: 30px;
    margin-right: 20%;
    margin-left: 20%;
    margin-bottom: 30px;
		
	}
	.nav5-2{
		margin: 0;
		padding: 0;
		list-style: none;
    width: 98%;
    float: left;
    margin-top: 30px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0px;
		
	}
	.nav5-3{
		width: 48%;
		margin-right: 1%;
    margin-left: 1%;
		float: left;
		border-bottom: dashed 1px #bcbbbb;
	}
	.txt3{
		width: 30%;
		float: left;
		text-align: center;
		line-height: 60px;
		height: 60px;
		color: #181818;
		font-size: 20px;
	}
	.txt4{
		width: 60%;
		float: left;
	}
	.txt4 a{
		line-height: 60px;
		height: 60px;
		overflow: hidden;
		text-align: left;
		text-decoration: none;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 20px;
		color: #4b4b4b;
	}
	.txt4 a:hover{
		color: #127b92;
		
	}
	.bottom{
		width: 100%;
		float: left;
		background: #800000;
	}
	.bottom2{
    width: 78%;
    margin-top: 30px;
    margin-right: 11%;
    margin-left: 11%;
    margin-bottom: 30px;
    float: left;
	}
	.logo2{
		width: 24%;
		float: left;
		margin: 70px 0 0 0 ;
		
	}
	.logo2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav6{
    width: 49%;
    padding: 0 0 0 4%;
    float: left;
    border-left: solid 2px #FFFFFF;
    margin-top: 0;
    margin-right: 0;
    margin-left: 3%;
    margin-bottom: 0;
		
	}
	.txt5{
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
	}
	.txt5 samp{
		width: 100%;
		float: left;
		line-height: 26px;
		text-align: left;
		font-size: 18px;
		color: #FFFFFF;
	}
	.nav7{
    width: 13%;
    float: left;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 5%;
    margin-bottom: 0px;
		
	}
	.nav7 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.footer{
		width: 100%;
		float: left;
		text-align: center;
		color: #FFFFFF;
		background: #511212;
		font-size:15px;
		line-height: 36px;
	}
	#gotop{
	display:block;
	width:69px;
	height:67px;
    position: fixed;
    right: 15px;
    bottom: 150px;    
    cursor: pointer;
}
	.tit{
    width: 82%;
    float: right;
    text-align: right;
    margin-top: 50px;
    margin-right: 12%;
    margin-left: 0%;
    margin-bottom: 0;
    color: #898585;
    font-size: 20px;
	}
	
	.txt6{
		color: #511212;
		font-size: 18px;
		text-align: right;
	}
	.tit samp{
		margin: 0;		
		font-size: 18px;
		
	}
	.tit samp a{
		font-size: 18px;
		color: #898585;
		
		text-decoration: none;
		
	}
	.tit samp a:hover{
		color: #511212;
	}
	
	.nav8{
		width: 88%;
		float: right;
		margin: 34px 0 0 0 ;
	}
	.nav8-2{
		width: 70%;
		float: right;
		background:url("images/about/bg3.jpg") repeat;
		position: relative;
	}
	.nav8-2 h1{
		font-family:  "Times New Roman", Arial, "serif";
		margin: 10% 0 0 8%;
		padding: 0;
		width: 80%;
		font-size: 32px;
		color: #ffffff;
		font-weight: normal;
	}
	.nav8-2 samp{
		color: #ffffff;
		font-size: 20px;
		margin: 0 0 0 13px;
		
	}
	.nav8-2 p{
    padding: 0;
    width: 69%;
    float: left;
    margin: 35px 0 6% 8%;
    color: #ffffff;
    font-size: 18px;
    line-height: 36px;
	}
	.nav8-3{
    z-index: 3;
    width: 38%;		
    position: absolute;
    left: -36%;
    top: 10%;
    border: solid 1px #8b8b8b;
	}
	.nav8-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav9{
    width: 100%;
    float: left;
    margin-top: 120px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0;
		
	}
	.nav9-1{
		width:60%;
		margin: 0 20% 0 20%;
		float: left;
		height: auto;
	}
	.nav9-2{
		width: 100%;
		float: right;
		background:url("images/about/bg4.jpg") no-repeat right top;
		height: 40px;
		
	}
	.nav9-3{
		border-right: solid 40px #2d2d2d;
		width: 78%;
		margin: 0 0 0 0;
		background:#ffffff url("images/about/bg2.png") no-repeat right -150px;
		float: left;
		
	}
	.nav9-4{
    width: 77%;
    float: left;
    margin-top: 0px;
    margin-right: 5%;

    margin-left: 18%;
    margin-bottom: 50px;
    padding: 40px 0 0px 0;
	}
	.nav9-4 h1{
		font-family:  "Times New Roman", Arial, "serif";
		margin:0 0 30px 0;
		padding: 0;
		width: 80%;
		font-size: 32px;
		color: #ed1d25;
		font-weight: normal;
	}
	.nav9-4 samp{
		color: #ed1d25;
		font-size: 20px;
		margin: 0 0 0 13px;
	}
	.nav9-4 p{
		padding: 0;
    width: 100%;
    float: left;
    margin: 0px;
    color: #161616;
    font-size: 18px;
    line-height: 36px;
		
	}
	.nav10{
    width: 72%;
    float: left;
    margin-top: 60px;
    margin-right: 14%;
    margin-left: 14%;
    margin-bottom: 60px;
    text-align: center;
	}
	.nav10-1 {
		width: 70%;
		margin: 0 15% 0 15%;
		float: left;
		height: auto;
	}
	.nav10-1 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav10-2{
		width: 100%;
		float: left;
		margin: 0px 0% 30px 0%;
	}
	.nav10-2 h1{
		text-align: left;
		font-family:"Times New Roman", Arial, "serif";
		margin: 0% 0 0 0%;
		padding: 0;
		width: 30%;
		float: left;
		font-size: 32px;
		color: #ed1d25;
		font-weight: normal;
	}
	.nav10-2 samp{
		text-align: left;
		color: #ed1d25;
		font-size: 20px;
		margin: 0 0 0 13px;
		}
	.nav11{
    width: 68%;
    float: left;
    margin-top: 15px;
    margin-right: 16%;
    margin-left: 16%;
    margin-bottom: 0;
		
	}
	.nav11 h1{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 22px;
		color: #ed1d25;
		text-align: center;
		line-height: 30px;
	}
	.nav11 samp{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 18px;
		color: #8c8c8c;
		text-align: center;
		line-height: 24px;
		font-family: "Times New Roman", Arial, "serif";
		float: left;
		
	}
	.nav11-1{
		width: 100%;
		float: left;
		margin: 35px 0 0 0;
		position: relative;
		
	}
	.nav11-1 img{
		width: 100%;
		float: left;
		height: auto;
		
	}
	.nav11-2{
		z-index: 5;
		text-align: center;
		background: #000000;
		color: #bf955a;
		font-size: 34px;
		padding: 10px 40px 10px 40px;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 50%;
        transform: translate(-50%, 0);
	}
	.nav11-2b{
		z-index: 5;
		text-align: center;
		background: #000000;
		color: #bf955a;
		font-size: 36px;
		padding: 10px 40px 10px 40px;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 50%;
        transform: translate(-50%, 0);
	}
	.nav11-3{
		width: 100%;
		float: left;
		background:#000000 ;
		margin-bottom: 27px;
	}
	
	.text1{
		width: 98%;
		float: left;
		margin: 1%;
		color: #FFFFFF;
		font-size: 20px;
		line-height: 32px;
		text-align: left;
	}
	.nav11-4{
    width: 70%;
    float: left;
    margin-top: 0px;
    margin-right: 14%;
    margin-left: 16%;
    margin-bottom: 30px;
		
	}
	.tab4{
    width: 31.2%;
    float: left;
    margin-top: 0;
    margin-right: 1.9%;
    margin-left: 0;
    margin-bottom: 0;
	}
	.tab4 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12{
    width: 78%;
    float: left;
    margin-top: 15px;
    margin-right: 10%;
    margin-left: 12%;
    margin-bottom: 30px;
	
		
	}
	.nav12-1{
		position: relative;
		width: 31%;
		float: left;
		margin: 0 2% 80px 0;
	}
	.nav12-2{
		width: 86%;
		float: left;		
		border: solid 1px #b5b5b5;
	}
	.nav12-2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12-3{
		width: 95%;
		position: absolute;
		left:5%;
		bottom: -10%;
		z-index: 10;
		border: solid 1px #bf955a;
		background: #FFFFFF;
	}
	.nav12-4{
		width: 96%;
		float: left;
		border-bottom:dotted 1px #bf955a;
		margin: 10px 2% 0 2%;
	}
	.nav12-4 samp{
		width: 96%;
		float: left;
		overflow: hidden;
		color: #393939;
		font-size: 22px;
		line-height: 32px;
		text-align: left;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav12-5{
		width: 96%;
		float: left;
		
		margin: 5px 2% 5px 2%;
	}
	.nav12-5 img{
		width: 10%;
		float: left;
		height: auto;
		margin: 10px 5px 0 0;
		transition: all 0.6s ease-out;
	}
	.nav12-5 img:hover{
		transform: translateY(-10px);
	}
	.nav12-6{
		width: 100%;
		float: left;
		text-align: center;
		margin: 20px 0 0 0;
	}
	.img1{
		vertical-align: middle;
		margin: 0px 5px  0 0;
	}
	.img2{
		margin: 0px 0 0 5px;
		vertical-align: middle;
	}
	.txt7{
		margin: 0px 10px 0 10px;
	}
	.txt7 a{
		
		background: #bf955a;
		padding: 6px 12px 6px 12px;
		text-align: center;
		font-size: 20px;
		color: #ffffff;
		text-decoration: none;
	}
	.txt7 a:hover{
		background: #800000;
		color: #ffffff;
		text-decoration: none;
		
	}
	
		.txt7-2{
		margin: 0px 10px 0 10px;
	}
	.txt7-2 a{
		
		background: #800000;
		padding: 6px 12px 6px 12px;
		text-align: center;
		font-size: 20px;
		color: #ffffff;
		text-decoration: none;
	}
	.txt7-2 a:hover{
		background: #800000;
		color: #ffffff;
		text-decoration: none;
		
	}
	
	
	
	
	.nav13{
    width: 76%;
    float: left;
    margin-top: 15px;
    margin-right: 12%;
    margin-left: 12%;
    margin-bottom: 0;
		
	}
	.nav13-1{
		width: 98%;
		float: left;
		background: url("images/planner/bg1.png") no-repeat center top;
		margin: 0 2% 30px 0;
		background-size: cover;
	}
	.nav13-1 h1{
    font-size: 21px;
    color: #FFFFFF;
    background: url("images/planner/icon1.png") no-repeat left center;
    text-indent: 25px;
    line-height: 30px;
    margin-top: 20px;
		letter-spacing: 0;
    margin-right: 0%;
    margin-left: 2%;
    margin-bottom: 10px;
    padding: 0;
    white: 90%;
    float: left;
    font-weight: normal;
		
	}
	.text2{
    width: 92%;
    float: left;
    margin-top: 0px;
    margin-right: 4%;
    margin-left: 50px;
    margin-bottom: 15px;
    text-align: left;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 30px;
		letter-spacing: 1px;
	}
	.nav13-2{
		width: 100%;
		float: left;
		margin: 0 0 30px 0;
	}
	.nav13-3{
    width: 48%;
    float: left;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 0;
    margin-bottom: 30px;
	}
	.nav13-4{display: none;}
	.nav14{
    width: 76%;
    float: left;
    margin-top: 15px;
    margin-right: 12%;
    margin-left: 12%;
    margin-bottom: 30px;
		text-align: center;
		
	}
	.tab5{
		margin: 0 30px 0 30px;
		text-align: center;
		
	}
	.tab5 a{
		text-decoration: none;
		
		padding: 15px 68px 15px 68px;		
		border: solid 1px #800000;
		border-radius: 10px;
		color: #800000;
		font-size:22px; 
		background: #ffffff;
	}
	.tab5 a:hover{
		text-decoration: none;
		background: #800000;
		color: #ffffff;
	}
	.tab6{
		margin: 0 30px 0 30px;
		text-align: center;
		
		
	}
	.tab6 a{
		text-decoration: none;
		
		padding: 15px 68px 15px 68px;
		
		border: solid 1px #800000;
		border-radius: 10px;
		color: #ffffff;
		font-size:22px; 
		background: #800000;
	}
	.tab6 a:hover{
		text-decoration: none;
		background: #800000;
		color: #ffffff;
		
	}
	.nav14-1{
    width: 90%;
    float: left;
    margin-top: 50px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0px;
		
		
	}
	.nav15-1{
    width: 100%;
    float: left;
    margin-top: 60px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
		
	}
	.nav15-2{	
		display: block;
		border: solid 1px #e4e4e4;
		box-shadow: 2px 2px 6px #7e7e7e;
    width: 44.2%;
    float: left;
    margin-top: 0px;
    margin-right: 3.5%;
    margin-left: 2%;
    margin-bottom: 30px;	
		background: #ffffff;
		transition: all 0.6s ease-out;
	}
	.nav15-2 a{
		display: block;
		background: #800000;
		text-decoration: none;
		
	}
	.nav15-2:hover{
		display: block;
		background: #ececec;
		
	}
	.txt8{
		width: 22%;
		font-size: 20px;
		color: #4b4b4b;
		float: left;
		text-align: center;
		border-right:solid 1px #444444;
		margin: 30px 0 30px 0;
		line-height: 20px;
	}
	.txt9{
		width: 68%;
		font-size: 20px;
		color: #4b4b4b;
		float: left;
		margin: 30px 0 30px 5%;
		line-height: 20px;
		text-align: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav16{
    width: 74%;
    float: left;
    margin-top: 15px;
    margin-right: 13%;
    margin-left: 13%;
    margin-bottom: 30px;
		
	}
	.nav16-1{
		width: 100%;
		float: left;
		margin: 0 0 30px 0;
	}
	.nav16-2{
    width: 58%;
    float: left;
    margin: 27px 0 0px 0;
	}
	.nav16-2 samp{
		width: 100%;
		float:left;
		font-size: 18px;
		line-height: 34px;
		text-align: left;
	}
	.nav16-3{
    width: 37%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 2%;
    margin-bottom: 0;
    border: solid 1px #bcbbbb;
    background: #FFFFFF url("images/contact/icon1.jpg") no-repeat 7% center;
    height: 108px;
    line-height: 108px;
    text-align: left;
		text-indent: 120px;
    color: #800000;
    font-size: 28px;
    letter-spacing: 1px;
		text-align: left;
	}
	.nav16-4{
		width: 100%;
		float: left;
		margin: 0px 0 30px 0;
	}
	.nav16-5{
    border: solid 1px #dcdcdc;
    width: 52%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
		height: 536px;
	}
	.nav16-6{
		width: 43%;
		float: left;
		margin: 0 0 0 5%;
		padding: 0;
		list-style: none;
	}
	.tab7{
		margin-bottom: 10px;
		width: 100%;
		float: left;
		border-bottom: solid 1px #dddddd;
		padding-bottom: 5px;
	}
	.txt10{
		width: 19%;
		float: left;
		text-align: right;
		line-height: 36px;
		height: 36px;
		font-size: 18px;
		color: #2a3537;
	}
	.txt11{
		width: 19%;
		float: left;
		text-align: right;
		line-height: 86px;
		height: 86px;
		font-size: 18px;
		color: #2a3537;
	}
	.txt11-2{
		width: 19%;
		float: left;
		text-align: right;
		line-height: 90px;
		height: 90px;
		font-size: 18px;
		color: #2a3537;
	}
	.tab8{
		height: 36px;
		width: 75%;
		float: left;
		border-left: dashed 1px #dadada;
		margin: 0 0 0 2%;
	}
	.tab9{
    height: 96px;
    width: 75%;
    float: left;
    border-left: dashed 1px #dadada;
    margin: 0 0 0 2%;
	}
	.tab9-2{
    height: 90px;
    width: 75%;
    float: left;
    border-left: dashed 1px #dadada;
    margin: 0 0 0 2%;
	}
	.form1{
    width: 90%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    line-height: 24px;
		
	}
	.form2{
    width: 90%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    height: 86px;
		
	}
	.form3{
    width: 30%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    margin-right: 2%;
    line-height: 24px;
		
	}
	
	.nav16-7{
    width: 75%;
    float: left;
    margin-top: 30px;
    margin-right: 0;
    margin-left: 24.5%;
    margin-bottom: 0;
   	}
	.txt12{
		text-align: center;
		margin: 0 20px 0 0;
		
		
		
	}
	.txt12 a{
		padding: 13px 46px 13px 46px;
		background:#FFFFFF url("images/contact/icon2.png") no-repeat 88% 17px;
		border: solid 1px #5b5b5b;
		border-radius: 5px;
		font-size: 17px;
		color: #484242;
		text-decoration: none;
		
	}
	.txt12 a:hover{
		text-decoration: none;
		color: #484242;
		border: solid 1px #3b3a3a;
		background:#d2d2d2 url("images/contact/icon2.png") no-repeat 88% 17px;
		
	}
	.txt13{
		position: relative;
		width: 10%;
		margin: 15% 2% 0 0;
		
	}
	.txt14{
		position: relative;
		width: 10%;
		margin: 15% 0% 0 1%;
		
	}
	.arrowe {
		top:10%;		
	position: absolute;	
	width: 2vmin;
	height: 2vmin;
	background: transparent;
	border-top: 1vmin solid #bf955a;
	border-right: 1vmin solid #bf955a;
	box-shadow: 0 0 0 lightgray;
		transition: all 200ms ease;
	transform: translate3d(0,0%,0) rotate(-135deg);
	}
	.arrowa {
		top:10%;		
	position: absolute;	
	width: 2vmin;
	height: 2vmin;
	background: transparent;
	border-top: 1vmin solid #bf955a;
	border-right: 1vmin solid #bf955a;
	box-shadow: 0 0 0 lightgray;
		transition: all 200ms ease;
	transform: translate3d(0,0%,0) rotate(45deg);
	}
	.arrowe left {
		left: 0;
		transform: translate3d(0,-50%,0) rotate(-135deg);
		
		
	}

	.arrowa right {
		left: 0;
		transform: translate3d(0,-50%,0) rotate(-135deg);
	}
	
	.arrowe:hover {
		border-color: orange;
		box-shadow: 0.5vmin -0.5vmin 0 #800000;
	}
	
	.arrowe:before { 
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-100%,-80%) rotate(90deg);
		width: 200%;
		height: 200%;
	}
	.arrowa:hover {
		border-color: orange;
		box-shadow: 0.5vmin -0.5vmin 0 #800000;
	}
	
	.arrowa:before { 
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-100%,-80%) rotate(90deg);
		width: 200%;
		height: 200%;
	}
	.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
 
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
   color: #fff;
	float: none;
  text-align: center;
	font-weight: normal;
  position: relative;
  font-size: 20px;
	padding: 10px 0 10px 0;
	margin:0% 0 0 0;
	float:inherit;
  background: rgba(0, 0, 0, 0.6);
	width: 100%;
	top:100%;
  left: 100%;
  transform: translate(-100%, -100%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
	
}

.hovereffect:hover h2 {
top:60%;
  left: 100%;
  transform: translate(-100%, -100%);
}

.hovereffect a.info {
display: inline-block;
  text-decoration: none; 
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: 0px 0 0px 0;
  padding: 34% 40%;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
	
}


@media screen and (min-width: 1300px)and (max-width:1919px) {/*針對中桌機*/
	.g-recaptcha {
	float: left;
        transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
		margin: 10px 0 10px 5%;
    }
	
	
	.top{
    width: 98%;
    float: left;
    margin-top: 20px;
    margin-right: 0%;
    margin-left: 2%;
    margin-bottom: 20px;
		
	}
	.logo{
		width: 380px;
		height: 106px;
		float: left;
	}
	.button{
    width: 60%;
    float: right;
    margin-top: 40px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
	}
	.txt100{
	position: absolute;
	top:0px;
	left: 85%;
	font-size: 18px;
	 transition: all 0.5s ease 0s;
	display:block; 
	
	
}

.txt100:hover{
	top:2px;
	 transform: rotate(180deg);
}
	.banner{
		width: 100%;
		float: left;
		position: relative;
	}
	.banner img{
		width: 100%;
		height: auto;
		float: left;
	}
	.tab1{
		 position: absolute;
    width:900px;    
    
    right:0;    
    left:0;
		bottom:-30px;
    margin:auto;
		padding: 0 0.5% 0 0%; 	
		
		border-radius:14px;
		box-shadow: 2px 2px 8px #929292;
		background:url("images/index/icon1.jpg") #ffffff no-repeat 26px 8px;
		text-indent: 54px;
		text-align: left;
		font-size:17px;
		color: #511212;
		height: 50px;
		line-height: 50px;
		letter-spacing: 0px;
		z-index:1;
	}
	.tab1-2{
		 position: absolute;
    width:900px;    
    
    right:0;    
    left:0;
		bottom:-30px;
    margin:auto;
		padding: 0 0.5% 0 0%; 	
		
		border-radius:14px;
		box-shadow: 2px 2px 8px #929292;
		background:url("images/index/icon1.jpg") #ffffff no-repeat 26px 8px;
		text-indent: 54px;
		text-align: left;
		font-size:17px;
		color: #511212;
		height: 50px;
		line-height: 50px;
		letter-spacing: 0px;
		z-index:1;
	}
	
	.nav1{
		width: 76%;
		margin: 100px 12% 0 12%;
		
	}
	.nav1 h1{
		font-family: "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		margin: 0;
		float: left;
		font-size: 32px;
		color: #181818;
		text-align: left;
		padding: 0;
		width: 100%;
		font-weight: normal;
	}
	.nav1 samp{
		font-size: 18px;
		color: #181818;
		text-align: left;
		margin-left: 10px;
	}
	.nav1-2{
		width: 100%;
		float: left;
		margin: 30px 0 30px 0;
	}
	.nav1-3{
		width: 23%;
		float: left;
		margin: 0px 2% 30px 0;
			
		
	}
	.nav1-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav1-4{	
		width: 100%;
		float: left;
		position: relative;
		
	}
	.nav1-4 img{		
		width: 100%;
		float: left;
		height: auto;
	}
	.nav1-4 h1{		
		position: absolute;
		bottom: 0;
		color: #ffffff;
		font-size: 22px;
		text-decoration: none;
		background: #020202;
		text-align: center;
		height: 50px;
		line-height: 50px;
		opacity: 0.6;
	}	
	.nav1-4 h1 a{	
		margin: 0;
		padding: 0;
		float: left;		
		z-index: 2;
		background: #020202;
		text-align: center;
		height: 50px;
		line-height: 50px;
		opacity: 0.6;
		color: #ffffff;
		font-size: 22px;
		text-decoration: none;
	}
	.nav1-4 h1:hover{
		width: 100%;
		text-decoration: none;
		float: left;		
		z-index: 2;
		background: #ffffff;
		opacity: 0.6;
		color: #1f1f1f;
		font-size: 22px;
		height: 50px;
		line-height: 50px;
	}
	.nav2{
		float: left;
		width: 100%;
		background: url("images/index/bg1.png") repeat-x;
		margin: 0px;
		
	}
	.nav2-1{
    width: 60%;
    float: left;
    margin-top: 25px;
    margin-right: 20%;
    margin-left: 20%;
    margin-bottom: 15px;
		
	}
	.nav2-2{
		width: 301px;
		float: left;
	}
	.nav2-3{
    width: 60%;
    float: right;
    margin-top: 50px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
	}
	.nav2-3 h1{
		width: 100%;
		float: left;
		color: #ffffff;
		font-size: 32px;
		font-family: "Times New Roman", Arial, "serif";
		text-align: left;
		padding: 0;
		margin: 0;
		text-transform:uppercase;
		font-weight: normal;
	}
	.nav2-3 samp{
		color: #ffffff;
		font-size: 18px;
		text-align: left;
		margin: 0 0 0 10px;
	}
	.nav2-3 p{
		color: #ffffff;
		width: 100%;
		float: left;
		margin: 35px 0 35px 0;
		padding: 0;
		text-align: left;
		font-size: 16px;
		line-height: 24px;
	}
	.nav2-4{
		
		
	}
	.nav2-4 a{	
		width: 30%;
		float: left;
		color: #ffffff;
		text-decoration: none;
		font-size: 16px; 
		background: url("images/index/icon2.png") no-repeat 88px 5px;
	}
	.nav2-4 a:hover{
		color: #fff10a;
		text-decoration: none;
		font-size: 16px; 
		background: url("images/index/icon2-2.png") no-repeat 98px 5px;
	}
	.nav3{
		float: left;
		width: 100%;
		background: url("images/index/bg2.png")  repeat-x;
		margin: 0px;
		
	}
	.nav3-1 h1{
    font-weight: normal;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #800000;
    line-height: 36px;
	}	
	.nav3-1 samp{
		font-family:  "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		width: 100%;
		float: left;
		text-align: center;
	    color: #181818;
		font-size: 32px;
		line-height: 22px;
	}
	.nav3-1{
    width: 76%;
    float: left;
    margin-top: 30px;
    margin-right: 12%;
    margin-left: 12%;
    margin-bottom: 30px;
		
	}
	.nav3-2{
	
    width: 31%;
    float: left;
    margin-top: 30px;
    margin-right: 2%;
    margin-left: 0%;
    margin-bottom: 0px;
		
	}
	.nav3-3{
    width: 92%;
    float: left;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
	position: relative;	
	}
	.nav3-3 img{
		width: 100%;
		float: left;
		height: auto;
		
	}
	.nav3-4{
		 width: 80%;
		position: absolute;
		 bottom: -8%;   
		z-index: 10;
		left: 27%;
		
	}
	.nav3-4 a{
		color: #181818;
		text-decoration: none;
		font-size: 22px;
		display: block;		
    height: 56px;
    line-height: 56px;
    border: solid 1px #bcbbbb;
    background: #ffffff url("images/index/icon3.png") no-repeat 94% center;
		
    
		}
	.nav3-4 :hover{
		background: #1b1b1b url("images/index/icon3-2.png") no-repeat 94% center;;
		border: solid 1px #ffffff;
		color: #FFFFFF;
		
		
	}
	.txt1{
		width: 80%;
		float: left;
		margin: 0 10% 0 5%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.txt1:hover{
		border: none;
		background: none;
	}
	.nav3-5{
    width: 24%;
    margin-top: 80px;
    margin-right: 38%;
    margin-left: 38%;
    margin-bottom: 0;
    float: left;
		
	}
	.nav3-5 a{
		display: block;
		text-decoration: none;
		line-height: 44px;
		height: 44px;
		background: #511212;
		color: #FFFFFF;
		font-size: 22px;
		text-align: center;
		border-radius: 30px;
	}
	.nav3-5 a:hover{
		background: #19789b;
		border-radius: 30px;
		
	}
	.nav4{
		float: left;
		width: 100%;
		background: url("images/index/bg3.png") repeat;
		margin: 0px;
		
	}
	.nav4-1{
    width: 70%;
    float: left;
    margin-top: 40px;
    margin-right: 15%;
    margin-left: 15%;
    margin-bottom: 30px;
	}
	.nav4-2{
    background: #ffffff;
    width: 48%;
    float: left;
    margin-top: 0px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0px;
	}
	.tab2{
    width: 90%;
    margin-top: 20px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    float: left;
    background: #f3f3f3;
    text-align: center;
    line-height: 100px;
    height: 100px;
    color: #d30909;
    font-size: 60px;
    font-weight: bold;
	}
	.tab3{
    width: 82%;
    margin-top: 20px;
    margin-right: 9%;
    margin-left: 9%;
    margin-bottom: 0;
    float: left;
	
	}
	.tab3 a{
		display: block;
			border-radius: 50px;
    background: #871e1e;
		box-shadow: 3px 3px 6px #431b0b;
    text-align: center;
    line-height: 100px;
    height: 100px;
    color: #ffffff;
    font-size: 35px;
    font-weight: bold;
		text-decoration: none;
	}
	.tab3 a:hover{
		background: #1084a1;
			box-shadow: 3px 3px 6px #064757;
		
	}
	.txt2{
		text-align: center;
		height: 58px;
		line-height: 58px;
		font-size: 18px;
		color: #222222;
		width: 100%;
		float: left;
	}
	.nav5{
		float: left;
		width: 100%;
		margin: 0px;
		
	}
	.nav5-1 h1{
    font-weight: normal;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #800000;
    line-height: 36px;
	}	
	.nav5-1 samp{
		font-family:  "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		width: 100%;
		float: left;
		text-align: center;
	    color: #181818;
		font-size: 32px;
		line-height: 22px;
	}
	.nav5-1{
    width: 60%;
    float: left;
    margin-top: 30px;
    margin-right: 20%;
    margin-left: 20%;
    margin-bottom: 30px;
		
	}
	.nav5-2{
		margin: 0;
		padding: 0;
		list-style: none;
    width: 98%;
    float: left;
    margin-top: 30px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0px;
		
	}
	.nav5-3{
		width: 48%;
		float: left;
		 margin-right: 1%;
    margin-left: 1%;
		border-bottom: dashed 1px #bcbbbb;
	}
	.txt3{
		width: 30%;
		float: left;
		text-align: center;
		line-height: 60px;
		height: 60px;
		color: #181818;
		font-size: 20px;
	}
	.txt4{
		width: 60%;
		float: left;
	}
	.txt4 a{
		line-height: 60px;
		height: 60px;
		overflow: hidden;
		text-align: left;
		text-decoration: none;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 20px;
		color: #4b4b4b;
	}
	.txt4 a:hover{
		color: #127b92;
		
	}
	.bottom{
		width: 100%;
		float: left;
		background: #800000;
	}
	.bottom2{
    width: 78%;
    margin-top: 30px;
    margin-right: 11%;
    margin-left: 11%;
    margin-bottom: 30px;
    float: left;
	}
	.logo2{
		width: 24%;
		float: left;
		margin: 70px 0 0 0 ;
		
	}
	.logo2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav6{
    width: 49%;
    padding: 0 0 0 4%;
    float: left;
    border-left: solid 2px #FFFFFF;
    margin-top: 0;
    margin-right: 0;
    margin-left: 3%;
    margin-bottom: 0;
		
	}
	.txt5{
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
	}
	.txt5 samp{
		width: 100%;
		float: left;
		line-height: 26px;
		text-align: left;
		font-size: 18px;
		color: #FFFFFF;
	}
	.nav7{
    width: 13%;
    float: left;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 5%;
    margin-bottom: 0px;
		
	}
	.nav7 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.footer{
		width: 100%;
		float: left;
		text-align: center;
		color: #FFFFFF;
		background: #511212;
		font-size:15px;
		line-height: 36px;
	}
	#gotop{
	display:block;
	width:69px;
	height:67px;
    position: fixed;
    right: 15px;
    bottom: 150px;    
    cursor: pointer;
}
	.tit{
    width: 82%;
    float: right;
    text-align: right;
    margin-top: 40px;
    margin-right: 12%;
    margin-left: 0%;
    margin-bottom: 0;
    color: #898585;
    font-size: 20px;
	}
	
	.txt6{
		color: #511212;
		font-size: 18px;
		text-align: right;
	}
	.tit samp{
		margin: 0;		
		font-size: 18px;
		
	}
	.tit samp a{
		font-size: 18px;
		color: #898585;
		
		text-decoration: none;
		
	}
	.tit samp a:hover{
		color: #511212;
	}
	
	.nav8{
		width: 88%;
		float: right;
		margin: 34px 0 0 0 ;
	}
	.nav8-2{
		width: 70%;
		float: right;
		background:url("images/about/bg3.jpg") repeat;
		position: relative;
	}
	.nav8-2 h1{
		font-family:  "Times New Roman", Arial, "serif";
		margin: 10% 0 0 8%;
		padding: 0;
		width: 80%;
		font-size: 32px;
		color: #ffffff;
		font-weight: normal;
	}
	.nav8-2 samp{
		color: #ffffff;
		font-size: 20px;
		margin: 0 0 0 13px;
		
	}
	.nav8-2 p{
    padding: 0;
    width: 69%;
    float: left;
    margin: 35px 0 6% 8%;
    color: #ffffff;
    font-size: 18px;
    line-height: 36px;
	}
	.nav8-3{
    z-index: 3;
    width: 38%;		
    position: absolute;
    left: -36%;
    top: 10%;
    border: solid 1px #8b8b8b;
	}
	.nav8-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav9{
    width: 100%;
    float: left;
    margin-top: 120px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0;
		
	}
	.nav9-1{
		width:60%;
		margin: 0 20% 0 20%;
		float: left;
		height: auto;
	}
	.nav9-2{
		width: 100%;
		float: right;
		background:url("images/about/bg4.jpg") no-repeat right top;
		height: 40px;
		
	}
	.nav9-3{
		border-right: solid 40px #2d2d2d;
		width: 78%;
		margin: 0 0 0 0;
		background:#ffffff url("images/about/bg2.png") no-repeat right -150px;
		float: left;
		
	}
	.nav9-4{
    width: 77%;
    float: left;
    margin-top: 0px;
    margin-right: 5%;
    margin-left: 18%;
    margin-bottom: 50px;
    padding: 40px 0 0px 0;
	}
	.nav9-4 h1{
		font-family:  "Times New Roman", Arial, "serif";
		margin:0 0 30px 0;
		padding: 0;
		width: 80%;
		font-size: 32px;
		color: #ed1d25;
		font-weight: normal;
	}
	.nav9-4 samp{
		color: #ed1d25;
		font-size: 20px;
		margin: 0 0 0 13px;
	}
	.nav9-4 p{
		padding: 0;
    width: 100%;
    float: left;
    margin: 0px;
    color: #161616;
    font-size: 18px;
    line-height: 36px;
		
	}
	.nav10{
    width: 72%;
    float: left;
    margin-top: 60px;
    margin-right: 14%;
    margin-left: 14%;
    margin-bottom: 60px;
    text-align: center;
	}
	.nav10-1 {
		width: 70%;
		margin: 0 15% 0 15%;
		float: left;
		height: auto;
	}
	.nav10-1 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav10-2{
		width: 100%;
		float: left;
		margin: 0px 0% 30px 0%;
	}
	.nav10-2 h1{
		text-align: left;
		font-family:"Times New Roman", Arial, "serif";
		margin: 0% 0 0 0%;
		padding: 0;
		width: 30%;
		float: left;
		font-size: 32px;
		color: #ed1d25;
		font-weight: normal;
	}
	.nav10-2 samp{
		text-align: left;
		color: #ed1d25;
		font-size: 20px;
		margin: 0 0 0 13px;
		}
	.nav11{
    width: 68%;
    float: left;
    margin-top: 15px;
    margin-right: 16%;
    margin-left: 16%;
    margin-bottom: 0;
		
	}
	.nav11 h1{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 22px;
		color: #ed1d25;
		text-align: center;
		line-height: 30px;
	}
	.nav11 samp{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 18px;
		color: #8c8c8c;
		text-align: center;
		line-height: 24px;
		font-family: "Times New Roman", Arial, "serif";
		float: left;
		
	}
	.nav11-1{
		width: 100%;
		float: left;
		margin: 35px 0 0 0;
		position: relative;
		
	}
	.nav11-1 img{
		width: 100%;
		float: left;
		height: auto;
		
	}
	.nav11-2{
		z-index: 5;
		text-align: center;
		background: #000000;
		color: #bf955a;
		font-size: 32px;
		padding: 10px 40px 10px 40px;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 50%;
        transform: translate(-50%, 0);
	}
	.nav11-2b{
		z-index: 5;
		text-align: center;
		background: #000000;
		color: #bf955a;
		font-size: 36px;
		padding: 10px 40px 10px 40px;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 50%;
        transform: translate(-50%, 0);
	}
	.nav11-3{
		width: 100%;
		float: left;
		background:#000000 ;
		margin-bottom: 27px;
	}
	.text1{
		width: 98%;
		float: left;
		margin: 1%;
		color: #FFFFFF;
		font-size: 18px;
		line-height: 30px;
		text-align: left;
	}
	.nav11-4{
    width: 70%;
    float: left;
    margin-top: 0px;
    margin-right: 14%;
    margin-left: 16%;
    margin-bottom: 30px;
		
	}
	.tab4{
    width: 31.5%;
    float: left;
    margin-top: 0;
    margin-right: 1.4%;
    margin-left: 0;
    margin-bottom: 0;
	}
	.tab4 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12{
    width: 78%;
    float: left;
    margin-top: 15px;
    margin-right: 10%;
    margin-left: 12%;
    margin-bottom: 30px;
	
		
	}
	.nav12-1{
		position: relative;
		width: 31%;
		float: left;
		margin: 0 2% 80px 0;
	}
	.nav12-2{
		width: 86%;
		float: left;		
		border: solid 1px #b5b5b5;
	}
	.nav12-2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12-3{
		width: 95%;
		position: absolute;
		left:5%;
		bottom: -10%;
		z-index: 10;
		border: solid 1px #bf955a;
		background: #FFFFFF;
	}
	.nav12-4{
		width: 96%;
		float: left;
		border-bottom:dotted 1px #bf955a;
		margin: 10px 2% 0 2%;
	}
	.nav12-4 samp{
		width: 96%;
		float: left;
		overflow: hidden;
		color: #393939;
		font-size: 20px;
		line-height: 32px;
		text-align: left;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav12-5{
		width: 96%;
		float: left;
		
		margin: 5px 2% 5px 2%;
	}
	.nav12-5 img{
		width: 10%;
		float: left;
		height: auto;
		margin: 10px 5px 0 0;
		transition: all 0.6s ease-out;
	}
	.nav12-5 img:hover{
		transform: translateY(-10px);
	}
	.nav12-6{
		width: 100%;
		float: left;
		text-align: center;
		margin: 20px 0 0 0;
	}
	.img1{
		vertical-align: middle;
		margin: 0px 5px  0 0;
	}
	.img2{
		margin: 0px 0 0 5px;
		vertical-align: middle;
	}
	.txt7{
		margin: 0px 10px 0 10px;
	}
	.txt7 a{
		
		background: #bf955a;
		padding: 6px 12px 6px 12px;
		text-align: center;
		font-size: 20px;
		color: #ffffff;
		text-decoration: none;
	}
	.txt7 a:hover{
		background: #800000;
		color: #ffffff;
		text-decoration: none;
		
	}
	
	.txt7-2{
		margin: 0px 10px 0 10px;
	}
	.txt7-2 a{
		
		background: #800000;
		padding: 6px 12px 6px 12px;
		text-align: center;
		font-size: 20px;
		color: #ffffff;
		text-decoration: none;
	}
	.txt7-2 a:hover{
		background: #800000;
		color: #ffffff;
		text-decoration: none;
		
	}
	
	.nav13{
    width: 76%;
    float: left;
    margin-top: 15px;
    margin-right: 12%;
    margin-left: 12%;
    margin-bottom: 0;
		
	}
	.nav13-1{
		width: 98%;
		float: left;
		background: url("images/planner/bg1.png") no-repeat center top;
		margin: 0 2% 30px 0;
		background-size: cover;
	}
	.nav13-1 h1{
		letter-spacing: 0;
    font-size: 21px;
    color: #FFFFFF;
    background: url("images/planner/icon1.png") no-repeat left center;
    text-indent: 25px;
    line-height: 30px;
    margin-top: 20px;
    margin-right: 0%;
    margin-left: 2%;
    margin-bottom: 10px;
    padding: 0;
    white: 90%;
    float: left;
    font-weight: normal;
		
	}
	.text2{
    width: 92%;
    float: left;
    margin-top: 0px;
    margin-right: 4%;
    margin-left: 50px;
    margin-bottom: 15px;
    text-align: left;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 30px;
		letter-spacing: 1px;
	}
	.nav13-2{
		width: 100%;
		float: left;
		margin: 0 0 30px 0;
	}
	.nav13-3{
    width: 48%;
    float: left;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 0;
    margin-bottom: 30px;
	}
	.nav13-4{display: none;}
	
	.nav14{
    width: 76%;
    float: left;
    margin-top: 15px;
    margin-right: 12%;
    margin-left: 12%;
    margin-bottom: 30px;
		text-align: center;
		
	}
	.tab5{
		margin: 0 30px 0 30px;
		text-align: center;
		
	}
	.tab5 a{
		text-decoration: none;
		
		padding: 15px 68px 15px 68px;		
		border: solid 1px #800000;
		border-radius: 10px;
		color: #800000;
		font-size:22px; 
		background: #ffffff;
	}
	.tab5 a:hover{
		text-decoration: none;
		background: #800000;
		color: #ffffff;
	}
	.tab6{
		margin: 0 30px 0 30px;
		text-align: center;
		
		
	}
	.tab6 a{
		text-decoration: none;
		
		padding: 15px 68px 15px 68px;
		
		border: solid 1px #800000;
		border-radius: 10px;
		color: #ffffff;
		font-size:22px; 
		background: #800000;
	}
	.tab6 a:hover{
		text-decoration: none;
		background: #800000;
		color: #ffffff;
		
	}
	.nav14-1{
    width: 100%;
    float: left;
    margin-top: 40px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
		
	}
	.nav15-1{
    width: 100%;
    float: left;
    margin-top: 60px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
		
	}
	.nav15-2{	
		display: block;
		border: solid 1px #e4e4e4;
		box-shadow: 2px 2px 6px #7e7e7e;
    width: 44.2%;
    float: left;
    margin-top: 0px;
    margin-right: 3.5%;
    margin-left: 2%;
    margin-bottom: 30px;	
		background: #ffffff;
		transition: all 0.6s ease-out;
	}
	.nav15-2 a{
		display: block;
		background: #800000;
		text-decoration: none;
		
	}
	.nav15-2:hover{
		display: block;
		background: #ececec;
		
	}
	.txt8{
		width: 22%;
		font-size: 20px;
		color: #4b4b4b;
		float: left;
		text-align: center;
		border-right:solid 1px #444444;
		margin: 30px 0 30px 0;
		line-height: 20px;
	}
	.txt9{
		width: 68%;
		font-size: 20px;
		color: #4b4b4b;
		float: left;
		margin: 30px 0 30px 5%;
		line-height: 20px;
		text-align: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav16{
    width: 74%;
    float: left;
    margin-top: 15px;
    margin-right: 13%;
    margin-left: 13%;
    margin-bottom: 30px;
		
	}
	.nav16-1{
		width: 100%;
		float: left;
		margin: 0 0 30px 0;
	}
	.nav16-2{
    width: 58%;
    float: left;
    margin: 27px 0 0px 0;
	}
	.nav16-2 samp{
		width: 100%;
		float:left;
		font-size: 18px;
		line-height: 34px;
		text-align: left;
	}
	.nav16-3{
    width: 37%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 2%;
    margin-bottom: 0;
    border: solid 1px #bcbbbb;
    background: #FFFFFF url("images/contact/icon1.jpg") no-repeat 7% center;
    height: 108px;
    line-height: 108px;
    text-align: left;
		text-indent: 70px;
    color: #800000;
    font-size: 24px;
    letter-spacing: 1px;
		text-align: left;
	}
	.nav16-4{
		width: 100%;
		float: left;
		margin: 0px 0 30px 0;
	}
	.nav16-5{
    border: solid 1px #dcdcdc;
    width: 52%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
		height: 536px;
	}
	.nav16-6{
		width: 43%;
		float: left;
		margin: 0 0 0 5%;
		padding: 0;
		list-style: none;
	}
	.tab7{
		margin-bottom: 10px;
		width: 100%;
		float: left;
		border-bottom: solid 1px #dddddd;
		padding-bottom: 5px;
	}
	.txt10{
		width: 19%;
		float: left;
		text-align: right;
		line-height: 36px;
		height: 36px;
		font-size: 18px;
		color: #2a3537;
	}
	.txt11{
		width: 19%;
		float: left;
		text-align: right;
		line-height: 86px;
		height: 86px;
		font-size: 18px;
		color: #2a3537;
	}
	.txt11-2{
		width: 19%;
		float: left;
		text-align: right;
		line-height: 85px;
		height: 85px;
		font-size: 18px;
		color: #2a3537;
	}
	.tab8{
		height: 36px;
		width: 75%;
		float: left;
		border-left: dashed 1px #dadada;
		margin: 0 0 0 2%;
	}
	.tab9{
    height: 96px;
    width: 75%;
    float: left;
    border-left: dashed 1px #dadada;
    margin: 0 0 0 2%;
	}
	.tab9-2{
    height: 85px;
    width: 75%;
    float: left;
    border-left: dashed 1px #dadada;
    margin: 0 0 0 2%;
	}
	.form1{
    width: 90%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    line-height: 24px;
		
	}
	.form2{
    width: 90%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    height: 86px;
		
	}
	.form3{
    width: 30%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    margin-right: 2%;
    line-height: 24px;
		
	}
	.nav16-7{
    width: 75%;
    float: left;
    margin-top: 30px;
    margin-right: 0;
    margin-left: 24.5%;
    margin-bottom: 0;
   	}
	.txt12{
		text-align: center;
		margin: 0 20px 0 0;
		
		
		
	}
	.txt12 a{
		padding: 13px 46px 13px 46px;
		background:#FFFFFF url("images/contact/icon2.png") no-repeat 88% 17px;
		border: solid 1px #5b5b5b;
		border-radius: 5px;
		font-size: 17px;
		color: #484242;
		text-decoration: none;
		
	}
	.txt12 a:hover{
		text-decoration: none;
		color: #484242;
		border: solid 1px #3b3a3a;
		background:#d2d2d2 url("images/contact/icon2.png") no-repeat 88% 17px;
		
	}
	.txt13{
		position: relative;
		width: 10%;
		margin: 15% 2% 0 0;
		
	}
	.txt14{
		position: relative;
		width: 10%;
		margin: 15% 0% 0 1%;
		
	}
	.arrowe {
		top:10%;		
	position: absolute;	
	width: 2vmin;
	height: 2vmin;
	background: transparent;
	border-top: 1vmin solid #bf955a;
	border-right: 1vmin solid #bf955a;
	box-shadow: 0 0 0 lightgray;
		transition: all 200ms ease;
	transform: translate3d(0,0%,0) rotate(-135deg);
	}
	.arrowa {
		top:10%;		
	position: absolute;	
	width: 2vmin;
	height: 2vmin;
	background: transparent;
	border-top: 1vmin solid #bf955a;
	border-right: 1vmin solid #bf955a;
	box-shadow: 0 0 0 lightgray;
		transition: all 200ms ease;
	transform: translate3d(0,0%,0) rotate(45deg);
	}
	.arrowe left {
		left: 0;
		transform: translate3d(0,-50%,0) rotate(-135deg);
		
		
	}

	.arrowa right {
		left: 0;
		transform: translate3d(0,-50%,0) rotate(-135deg);
	}
	
	.arrowe:hover {
		border-color: orange;
		box-shadow: 0.5vmin -0.5vmin 0 #800000;
	}
	
	.arrowe:before { 
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-100%,-80%) rotate(90deg);
		width: 200%;
		height: 200%;
	}
	.arrowa:hover {
		border-color: orange;
		box-shadow: 0.5vmin -0.5vmin 0 #800000;
	}
	
	.arrowa:before { 
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-100%,-80%) rotate(90deg);
		width: 200%;
		height: 200%;
	}
	.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
		
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
 
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  color: #fff;
	float: none;
  text-align: center;
	font-weight: normal;
  position: relative;
  font-size: 16px;
	padding: 5px 0 5px 0;
	margin:0% 0 0 0;
	float:inherit;
	
  background: rgba(0, 0, 0, 0.6);
	width: 100%;
	top:100%;
  left: 100%;
  transform: translate(-100%, -100%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
	
}

.hovereffect:hover h2 {
top:60%;
  left: 100%;
  transform: translate(-100%, -100%);
}

.hovereffect a.info {
 display: inline-block;
  text-decoration: none; 
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: -10px 0 0px 0;
  padding: 38% 40%;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
	}

@media screen and (min-width: 1025px)and (max-width:1299px) {/*針對小桌機*/
	.g-recaptcha {
	float: left;
        transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
		margin: 5px 0 0px 5%;
    }
	
	
	.top{
    width: 96%;
    float: left;
    margin-top: 10px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 20px;
		
	}
	.logo{
		width: 22%;
		float: left;
		margin: 5px 0 0 0 ;
	}
	.logo img{
		width: 100%;
		float: left;
		height: auto;
	}
	.button{
    width: 68%;
    float: right;
    margin: 30px 0 0 0%;
	}
	.txt100{
	position: absolute;
	top:0px;
	right: 5%;
	font-size: 17px;
	 transition: all 0.5s ease 0s;
	display:block; 
	
	
}

.txt100:hover{
	top:2px;
	 transform: rotate(180deg);
}
	.banner{
		width: 100%;
		float: left;
		position: relative;
	}
	.banner img{
		width: 100%;
		height: auto;
		float: left;
	}
	.tab1{
		 position: absolute;
    width:900px;    
    
    right:0;    
    left:0;
		bottom:-30px;
    margin:auto;
		padding: 0 0.5% 0 0%; 	
		
		border-radius:14px;
		box-shadow: 2px 2px 8px #929292;
		background:url("images/index/icon1.jpg") #ffffff no-repeat 26px 8px;
		text-indent: 54px;
		text-align: left;
		font-size:17px;
		color: #511212;
		height: 50px;
		line-height: 50px;
		letter-spacing: 0px;
		z-index:1;
	}
	.tab1-2{
		 position: absolute;
    width:900px;    
    
    right:0;    
    left:0;
		bottom:-30px;
    margin:auto;
		padding: 0 0.5% 0 0%; 	
		
		border-radius:14px;
		box-shadow: 2px 2px 8px #929292;
		background:url("images/index/icon1.jpg") #ffffff no-repeat 26px 8px;
		text-indent: 54px;
		text-align: left;
		font-size:16px;
		color: #511212;
		height: 50px;
		line-height: 50px;
		letter-spacing: 0px;
		z-index:1;
	}
	.nav1{
    width: 90%;
    margin-top: 80px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
		
	}
	.nav1 h1{
		
		font-family: "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		margin: 0;
		float: left;
		font-size: 28px;
		color: #181818;
		text-align: left;
		padding: 0;
		width: 100%;
		font-weight: normal;
	}
	.nav1 samp{
		font-size: 16px;
		color: #181818;
		text-align: left;
		margin-left: 10px;
	}
	.nav1-2{
    width: 100%;
    float: left;
    margin-top: 25px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 25px;
	}
	.nav1-3{
		width: 23%;
		float: left;
		margin: 0px 2% 30px 0;
		
	}
	.nav1-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav1-4{
		width: 100%;
		float: left;
		position: relative;
	}
	.nav1-4 img{	
		width: 100%;
		float: left;
		height: auto;
	}
	.nav1-4 h1{
		text-align: center;
		width: 100%;
		float: left;
		position: absolute;
		bottom: 0;
		color: #ffffff;
		font-size: 20px;
		text-decoration: none;
		background: #020202;
		height: 40px;
		line-height: 40px;
		opacity: 0.6;
	}
	.nav1-4 h1 a{	
		margin: 0;
		padding: 0;
	    width: 100%;
		float: left;		
		z-index: 2;
		background: #020202;
		text-align: center;
		height: 40px;
		line-height: 40px;
		opacity: 0.6;
		color: #ffffff;
		font-size: 20px;
		text-decoration: none;
	}
	.nav1-4 h1:hover{
		background: #ffffff;
		opacity: 0.6;
		color: #1f1f1f;
		font-size: 20px;
	}
	.nav2{
		float: left;
		width: 100%;
		background: url("images/index/bg1.png") repeat-x;
		margin: 0px;
		
	}
	.nav2-1{
    width: 82%;
    float: left;
    margin-top: 20px;
    margin-right: 9%;
    margin-left: 9%;
    margin-bottom: 0px;
		
	}
	.nav2-2{
    width: 30%;
    float: left;
	}
	.nav2-2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav2-3{
    width: 64%;
    float: right;
    margin-top: 40px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
	}
	.nav2-3 h1{
		width: 100%;
		float: left;
		color: #ffffff;
		font-size: 28px;
		font-family: "Times New Roman", Arial, "serif";
		text-align: left;
		padding: 0;
		margin: 0;
		text-transform:uppercase;
		font-weight: normal;
	}
	.nav2-3 samp{
		color: #ffffff;
		font-size: 16px;
		text-align: left;
		margin: 0 0 0 10px;
	}
	.nav2-3 p{
		color: #ffffff;
		width: 100%;
		float: left;
		margin: 30px 0 30px 0;
		padding: 0;
		text-align: left;
		font-size: 16px;
		line-height: 22px;
	}
	.nav2-4{
		
		
	}
	.nav2-4 a{	
		width: 20%;
		float: left;
		color: #ffffff;
		text-decoration: none;
		font-size: 16px; 
		background: url("images/index/icon2.png") no-repeat 88px 5px;
	}
	.nav2-4 a:hover{
		color: #fff10a;
		text-decoration: none;
		font-size: 16px; 
		background: url("images/index/icon2-2.png") no-repeat 98px 5px;
	}
	.nav3{
		float: left;
		width: 100%;
		background: url("images/index/bg2-2.png") repeat-x;
		margin: 0px;
		
	}
	.nav3-1 h1{
    font-weight: normal;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #800000;
    line-height: 36px;
	}	
	.nav3-1 samp{
		font-family:  "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		width: 100%;
		float: left;
		text-align: center;
	    color: #181818;
		font-size: 28px;
		line-height: 22px;
	}
	.nav3-1{
    width: 90%;
    float: left;
    margin-top: 20px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 20px;
		
	}
	.nav3-2{	
    width: 31%;
    float: left;
    margin-top: 30px;
    margin-right: 2%;
    margin-left: 0%;
    margin-bottom: 0px;
		
	}
	.nav3-3{
    width: 92%;
    float: left;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
	position: relative;	
	}
	.nav3-3 img{
		width: 100%;
		float: left;
		height: auto;
		
	}
	.nav3-4{
		 width: 80%;
		position: absolute;
		 bottom: -8%;   
		z-index: 10;
		left: 27%;
		
	}
	.nav3-4 a{
		color: #181818;
		text-decoration: none;
		font-size: 20px;
		display: block;		
    height: 50px;
    line-height: 50px;
    border: solid 1px #bcbbbb;
    background: #ffffff url("images/index/icon3.png") no-repeat 94% center;
		
    
		}
	.nav3-4 :hover{
		background: #1b1b1b url("images/index/icon3-2.png") no-repeat 94% center;;
		border: solid 1px #ffffff;
		color: #FFFFFF;
		
		
	}
	.txt1{
		width: 80%;
		float: left;
		margin: 0 10% 0 5%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.txt1:hover{
		border: none;
		background: none;
	}
	.nav3-5{
    width: 24%;
    margin-top: 60px;
    margin-right: 38%;
    margin-left: 38%;
    margin-bottom: 0;
    float: left;
		
	}
	.nav3-5 a{
		display: block;
		text-decoration: none;
		line-height: 44px;
		height: 44px;
		background: #511212;
		color: #FFFFFF;
		font-size: 22px;
		text-align: center;
		border-radius: 30px;
	}
	.nav3-5 a:hover{
		background: #19789b;
		border-radius: 30px;
		
	}
	.nav4{
		float: left;
		width: 100%;
		background: url("images/index/bg3.png") repeat;
		margin: 0px;
		
	}
	.nav4-1{
    width: 86%;
    float: left;
    margin-top: 30px;
    margin-right: 7%;
    margin-left: 7%;
    margin-bottom: 30px;
	}
	.nav4-2{
    background: #ffffff;
    width: 48%;
    float: left;
    margin-top: 0px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0px;
	}
	.tab2{
    width: 90%;
    margin-top: 20px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    float: left;
    background: #f3f3f3;
    text-align: center;
    line-height: 90px;
    height: 90px;
    color: #d30909;
    font-size: 50px;
    font-weight: bold;
	}
	.tab3{
    width: 82%;
    margin-top: 20px;
    margin-right: 9%;
    margin-left: 9%;
    margin-bottom: 0;
    float: left;
	
	}
	.tab3 a{
		display: block;
			border-radius: 50px;
    background: #871e1e;
		box-shadow: 3px 3px 6px #431b0b;
    text-align: center;
    line-height: 90px;
    height: 90px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
		text-decoration: none;
	}
	.tab3 a:hover{
		background: #1084a1;
			box-shadow: 3px 3px 6px #064757;
		
	}
	.txt2{
		text-align: center;
		height: 58px;
		line-height: 58px;
		font-size: 16px;
		color: #222222;
		width: 100%;
		float: left;
	}
	.nav5{
		float: left;
		width: 100%;
		margin: 0px;
		
	}
	.nav5-1 h1{
    font-weight: normal;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #800000;
    line-height: 36px;
	}	
	.nav5-1 samp{
		font-family:  "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		width: 100%;
		float: left;
		text-align: center;
	    color: #181818;
		font-size: 28px;
		line-height: 22px;
	}
	.nav5-1{
    width: 70%;
    float: left;
    margin-top: 20px;
    margin-right: 15%;
    margin-left: 15%;
    margin-bottom: 20px;
		
	}
	.nav5-2{
		margin: 0;
		padding: 0;
		list-style: none;
    width: 98%;
    float: left;
    margin-top: 30px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0px;
		
	}
	.nav5-3{
		width: 48%;
		 margin-right: 1%;
    margin-left: 1%;
		float: left;
		border-bottom: dashed 1px #bcbbbb;
	}
	.txt3{
		width: 42%;
		float: left;
		text-align: center;
		line-height: 60px;
		height: 60px;
		color: #181818;
		font-size: 20px;
	}
	.txt4{
		width: 52%;
		float: left;
	}
	.txt4 a{
		line-height: 60px;
		height: 60px;
		overflow: hidden;
		text-align: left;
		text-decoration: none;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 20px;
		color: #4b4b4b;
	}
	.txt4 a:hover{
		color: #127b92;
		
	}
	.bottom{
		width: 100%;
		float: left;
		background: #800000;
	}
	.bottom2{
    width: 92%;
    margin-top: 30px;
    margin-right: 4%;
    margin-left: 4%;
    margin-bottom: 30px;
    float: left;
	}
	.logo2{
		width: 24%;
		float: left;
		margin: 70px 0 0 0 ;
		
	}
	.logo2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav6{
    width: 51%;
    padding: 0 0 0 4%;
    float: left;
    border-left: solid 2px #FFFFFF;
    margin-top: 0;
    margin-right: 0;
    margin-left: 3%;
    margin-bottom: 0;
		
	}
	.txt5{
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
	}
	.txt5 samp{
		width: 100%;
		float: left;
		line-height: 24px;
		text-align: left;
		font-size: 17px;
		color: #FFFFFF;
	}
	.nav7{
    width: 13%;
    float: left;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 3%;
    margin-bottom: 0px;
		
	}
	.nav7 img{
		width: 100%;
		float: left;
		height: auto;
	}
	
	.footer{
		width: 100%;
		float: left;
		text-align: center;
		color: #FFFFFF;
		background: #511212;
		font-size:15px;
		line-height: 36px;
	}
	#gotop{
	display:block;
	width:69px;
	height:67px;
    position: fixed;
    right: 15px;
    bottom: 150px;    
    cursor: pointer;
}
	.tit{
    width: 98%;
    float: right;
    margin-top: 50px;
    margin-right: 2%;
    margin-left: 0%;
    margin-bottom: 0;
    color: #898585;
    font-size: 20px;
		text-align: right;
	}
	.txt6{
		color: #511212;
		font-size: 18px;
	}
	.tit samp{
		margin: 0;
		font-size: 18px;
		
	}
	.tit samp a{
		font-size: 18px;
		color: #898585;
		text-decoration: none;
		
	}
	.tit samp a:hover{
		color: #511212;
	}
	.nav8{
    width: 95%;
    float: right;
    margin: 34px 0 0 0;
	}
	.nav8-2{
		width: 70%;
		float: right;
		background:url("images/about/bg3.jpg") repeat;
		position: relative;
	}
	.nav8-2 h1{
		font-family:  "Times New Roman", Arial, "serif";
		margin: 4% 0 0 12%;
		padding: 0;
		width: 80%;
		font-size: 30px;
		color: #ffffff;
		font-weight: normal;
	}
	.nav8-2 samp{
		color: #ffffff;
		font-size: 16px;
		margin: 0 0 0 13px;
		
	}
	.nav8-2 p{
		padding: 0;
		width: 85%;
		float: left;
		margin: 15px 0 2% 12%;
		color: #ffffff;
		font-size: 16px;
		line-height: 30px;
	}
	.nav8-3{
    z-index: 3;
    width: 44%;
    position: absolute;
    left: -35%;
    top: -10%;
    border: solid 1px #8b8b8b;
	}
	.nav8-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav9{
		width: 80%;
		float: left;
		margin: 100px 10% 0 10%;
		
	}
	.nav9{
    width: 100%;
    float: left;
    margin-top: 120px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0;
		
	}
	.nav9-1{
    width: 82%;
    margin-top: 0;
    margin-right: 9%;
    margin-left: 9%;
    margin-bottom: 0;
    float: left;
    height: auto;
	}
	.nav9-2{
		width: 100%;
		float: right;
		background:url("images/about/bg4.jpg") no-repeat right top;
		height: 30px;
	}
	.nav9-3{
    border-right: solid 30px #2d2d2d;
    width: 88.5%;
    margin: 0 0 0 0;
    background: #ffffff url("images/about/bg2.png") no-repeat right -150px;
    float: left;
		
	}
	.nav9-4{
    width: 80%;
    float: left;
    margin-top: 0px;
    margin-right: 4%;
    margin-left: 16%;
    margin-bottom: 0px;
    padding: 30px 0 40px 0;
	}
	.nav9-4 h1{
		font-family:  "Times New Roman", Arial, "serif";
		margin:0 0 10px 0;
		padding: 0;
		width: 80%;
		font-size: 30px;
		color: #ed1d25;
		font-weight: normal;
	}
	.nav9-4 samp{
		color: #ed1d25;
		font-size: 16px;
		margin: 0 0 0 13px;
	}
	.nav9-4 p{
		padding: 0;
    width: 100%;
    float: left;
    margin: 0px;
    color: #161616;
    font-size: 16px;
    line-height: 28px;
		
	}
	.nav10{
    width: 72%;
    float: left;
    margin-top: 40px;
    margin-right: 14%;
    margin-left: 14%;
    margin-bottom: 40px;
    text-align: center;
	}
	.nav10-1 {
    width: 90%;
    margin-top: 0;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    float: left;
    height: auto;
	}
	.nav10-1 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav10-2{
		width: 100%;
		float: left;
		margin: 0px 0% 30px 0%;
	}
	.nav10-2 h1{
		text-align: left;
		font-family:"Times New Roman", Arial, "serif";
		margin: 0% 0 0 0%;
		padding: 0;
		width: 30%;
		float: left;
		font-size: 30px;
		color: #ed1d25;
		font-weight: normal;
	}
	.nav10-2 samp{
		text-align: left;
		color: #ed1d25;
		font-size: 16px;
		margin: 0 0 0 13px;
		}
	.nav11{
    width: 90%;
    float: left;
    margin-top: 15px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
		
	}
	.nav11 h1{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 22px;
		color: #ed1d25;
		text-align: center;
		line-height: 30px;
	}
	.nav11 samp{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 18px;
		color: #8c8c8c;
		text-align: center;
		line-height: 24px;
		font-family: "Times New Roman", Arial, "serif";
		float: left;
		
	}
	.nav11-1{
    width: 100%;
    float: left;
    margin-top: 25px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
		
	}
	.nav11-1 img{
		width: 100%;
		float: left;
		height: auto;
		
	}
	.nav11-2{
		z-index: 5;
		text-align: center;
		background: #000000;
		color: #bf955a;
		font-size: 32px;
		padding: 10px 30px 10px 30px;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 50%;
        transform: translate(-50%, 0);
	}
	.nav11-2b{
		z-index: 5;
		text-align: center;
		background: #000000;
		color: #bf955a;
		font-size: 32px;
		padding: 10px 30px 10px 30px;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 50%;
        transform: translate(-50%, 0);
	}
	.nav11-3{
		width: 100%;
		float: left;
		background:#000000 ;
		margin-bottom: 25px;
	}
	..text1{
		width: 98%;
		float: left;
		margin: 1%;
		color: #FFFFFF;
		font-size: 18px;
		line-height: 28px;
		text-align: left;
	}
	.nav11-4{
    width: 92.5%;
    float: left;
    margin-top: 0px;
    margin-right: 2.5%;
    margin-left: 5%;
    margin-bottom: 30px;
		
	}
	.tab4{
    width: 31.2%;
    float: left;
    margin-top: 0;
    margin-right: 1.7%;
    margin-left: 0;
    margin-bottom: 0;
	}
	.tab4 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12{
    width: 96%;
    float: left;
    margin-top: 20px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 30px;
	
		
	}
	.nav12-1{
		position: relative;
		width: 31%;
		float: left;
		margin: 0 2% 80px 0;
	}
	.nav12-2{
		width: 86%;
		float: left;		
		border: solid 1px #b5b5b5;
	}
	.nav12-2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12-3{
		width: 88%;
		position: absolute;
		left:10%;
		bottom: -10%;
		z-index: 10;
		border: solid 1px #bf955a;
		background: #FFFFFF;
	}
	.nav12-4{
		width: 90%;
		float: left;
		border-bottom:dotted 1px #bf955a;
		margin: 10px 5% 0 5%;
	}
	.nav12-4 samp{
		width: 96%;
		float: left;
		overflow: hidden;
		color: #393939;
		font-size: 20px;
		line-height: 30px;
		text-align: left;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav12-5{
		width: 90%;
		float: left;
		margin: 5px 5% 5px 5%;
	}
	.nav12-5 img{
		width: 10%;
		float: left;
		height: auto;
		margin: 5px 5px 0 0;
		transition: all 0.6s ease-out;
	}
	.nav12-5 img:hover{
		transform: translateY(-8px);
	}
	.nav12-6{
		width: 100%;
		float: left;
		text-align: center;
		margin: 20px 0 0 0;
	}
	.img1{
		vertical-align: middle;
		margin: 0px 5px  0 0;
	}
	.img2{
		margin: 0px 0 0 5px;
		vertical-align: middle;
	}
	.txt7{
		margin: 0px 10px 0 10px;
	}
	.txt7 a{
		
		background: #bf955a;
		padding: 5px 10px 5px 10px;
		text-align: center;
		font-size: 20px;
		color: #ffffff;
		text-decoration: none;
	}
	.txt7 a:hover{
		background: #800000;
		color: #ffffff;
		text-decoration: none;
		
	}
	.nav13{
    width: 88%;
    float: left;
    margin-top: 15px;
    margin-right: 7%;
    margin-left: 5%;
    margin-bottom: 0;
		
	}
	.nav13-1{
		width: 98%;
		float: left;
		background: url("images/planner/bg1.png") no-repeat center top;
		margin: 0 2% 30px 0;
		background-size: cover;
	}
	.nav13-1 h1{
    font-size: 19px;
		letter-spacing: 0;
    color: #FFFFFF;
    background: url("images/planner/icon1.png") no-repeat left center;
    text-indent: 25px;
    line-height: 28px;
    margin-top: 20px;
    margin-right: 0%;
    margin-left: 2%;
    margin-bottom: 10px;
    padding: 0;
    white: 90%;
    float: left;
    font-weight: normal;
		
	}
	.text2{
    width: 92%;
    float: left;
    margin-top: 0px;
    margin-right: 4%;
    margin-left: 50px;
    margin-bottom: 15px;
    text-align: left;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
	}
	.nav13-2{
		width: 100%;
		float: left;
		margin: 0 0 30px 0;
	}
	.nav13-3{
    width: 48%;
    float: left;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 0;
    margin-bottom: 0px;
	}
	.nav13-4{display: none;}
	.nav14{
    width: 90%;
    float: left;
    margin-top: 15px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 30px;
		text-align: center;
		
	}
	.tab5{
		margin: 0 25px 0 25px;
		text-align: center;
		
	}
	.tab5 a{
		text-decoration: none;		
		padding: 14px 65px 14px 65px;		
		border: solid 1px #800000;
		border-radius: 8px;
		color: #800000;
		font-size:20px; 
		background: #ffffff;
	}
	.tab5 a:hover{
		text-decoration: none;
		background: #800000;
		color: #ffffff;
	}
	.tab6{
		margin: 0 25px 0 25px;
		text-align: center;
		
		
	}
	.tab6 a{
		text-decoration: none;		
		padding: 14px 65px 14px 65px;				
		border: solid 1px #800000;
		border-radius: 8px;
		color: #ffffff;
		font-size:20px; 
		background: #800000;
	}
	.tab6 a:hover{
		text-decoration: none;
		background: #800000;
		color: #ffffff;
		
	}
	.nav14-1{
    width: 100%;
    float: left;
    margin-top: 40px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
		
	}
	.nav15-1{
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
		
	}
		.nav15-2{	
		display: block;
		border: solid 1px #e4e4e4;
		box-shadow: 2px 2px 6px #7e7e7e;
    width: 44.2%;
    float: left;
    margin-top: 0px;
    margin-right: 3.5%;
    margin-left: 2%;
    margin-bottom: 25px;	
		background: #ffffff;
		transition: all 0.6s ease-out;
	}
	.nav15-2 a{
		display: block;
		background: #800000;
		text-decoration: none;
		
	}
	.nav15-2:hover{
		display: block;
		background: #ececec;
		
	}
	.txt8{
		width: 25%;
		font-size: 20px;
		color: #4b4b4b;
		float: left;
		text-align: center;
		border-right:solid 1px #444444;
		margin: 25px 0 25px 0;
		line-height: 20px;
	}
	.txt9{
		width: 65%;
		font-size: 20px;
		color: #4b4b4b;
		float: left;
		margin: 25px 0 25px 5%;
		line-height: 20px;
		text-align: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav16{
    width: 90%;
    float: left;
    margin-top: 15px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 30px;
		
		
	}
	.nav16-1{
		width: 100%;
		float: left;
		margin: 0 0 30px 0;
	}
	.nav16-2{
    width: 57%;
    float: left;
    margin-top: 18px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
	}
	.nav16-2 samp{
		width: 100%;
		float:left;
		font-size: 17px;
		line-height: 30px;
		text-align: left;
	}
	.nav16-3{
    width: 38%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 2%;
    margin-bottom: 0;
    border: solid 1px #bcbbbb;
    background: #FFFFFF url("images/contact/icon1.jpg") no-repeat 22px center;
    height: 88px;
    line-height: 88px;
    text-indent: 60px;
    color: #800000;
    font-size: 24px;
    text-align: left;
    letter-spacing: 0px;
	}
	.nav16-4{
		width: 100%;
		float: left;
		margin: 0px 0 30px 0;
	}
	.nav16-5{
    border: solid 1px #dcdcdc;
    width: 50%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
    height: 536px;
	}
	.nav16-6{
		width: 43%;
		float: left;
		margin: 0 0 0 5%;
		padding: 0;
		list-style: none;
	}
	.tab7{
		margin-bottom: 10px;
		width: 100%;
		float: left;
		border-bottom: solid 1px #dddddd;
		padding-bottom: 5px;
	}
	.txt10{
		width: 19%;
		float: left;
		text-align: right;
		line-height: 36px;
		height: 36px;
		font-size: 17px;
		color: #2a3537;
	}
	.txt11{
		width: 19%;
		float: left;
		text-align: right;
		line-height: 86px;
		height: 86px;
		font-size: 17px;
		color: #2a3537;
	}
	.txt11-2{
		width: 19%;
		float: left;
		text-align: right;
		line-height:70px;
		height: 70px;
		font-size: 17px;
		color: #2a3537;
	}
	.tab8{
		height: 36px;
		width: 75%;
		float: left;
		border-left: dashed 1px #dadada;
		margin: 0 0 0 2%;
	}
	.tab9{
    height: 96px;
    width: 75%;
    float: left;
    border-left: dashed 1px #dadada;
    margin: 0 0 0 2%;
	}
	.tab9-2{
    height: 70px;
    width: 75%;
    float: left;
    border-left: dashed 1px #dadada;
    margin: 0 0 0 2%;
	}
	.form1{
    width: 90%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    line-height: 24px;
		
	}
	.form2{
    width: 90%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    height: 86px;
		
	}
	.form3{
    width: 30%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    margin-right: 2%;
    line-height: 24px;
		
	}
	.nav16-7{
    width: 75%;
    float: left;
    margin-top: 25px;
    margin-right: 0;
    margin-left: 24.5%;
    margin-bottom: 0;
   	}
	.txt12{
		text-align: center;
		margin: 0 20px 0 0;
		
		
		
	}
	.txt12 a{
		padding: 12px 35px 12px 35px;
		background:#FFFFFF url("images/contact/icon2.png") no-repeat 88% 17px;
		border: solid 1px #5b5b5b;
		border-radius: 5px;
		font-size: 17px;
		color: #484242;
		text-decoration: none;
		
	}
	.txt12 a:hover{
		text-decoration: none;
		color: #484242;
		border: solid 1px #3b3a3a;
		background:#d2d2d2 url("images/contact/icon2.png") no-repeat 88% 17px;
		
	}
	.txt13{
		position: relative;
		width: 10%;
		margin: 15% 2% 0 0;
		
	}
	.txt14{
		position: relative;
		width: 10%;
		margin: 15% 0% 0 1%;
		
	}
	.arrowe {
		top:10%;		
	position: absolute;	
	width: 2vmin;
	height: 2vmin;
	background: transparent;
	border-top: 1vmin solid #bf955a;
	border-right: 1vmin solid #bf955a;
	box-shadow: 0 0 0 lightgray;
		transition: all 200ms ease;
	transform: translate3d(0,0%,0) rotate(-135deg);
	}
	.arrowa {
		top:10%;		
	position: absolute;	
	width: 2vmin;
	height: 2vmin;
	background: transparent;
	border-top: 1vmin solid #bf955a;
	border-right: 1vmin solid #bf955a;
	box-shadow: 0 0 0 lightgray;
		transition: all 200ms ease;
	transform: translate3d(0,0%,0) rotate(45deg);
	}
	.arrowe left {
		left: 0;
		transform: translate3d(0,-50%,0) rotate(-135deg);
		
		
	}

	.arrowa right {
		left: 0;
		transform: translate3d(0,-50%,0) rotate(-135deg);
	}
	
	.arrowe:hover {
		border-color: orange;
		box-shadow: 0.5vmin -0.5vmin 0 #800000;
	}
	
	.arrowe:before { 
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-100%,-80%) rotate(90deg);
		width: 200%;
		height: 200%;
	}
	.arrowa:hover {
		border-color: orange;
		box-shadow: 0.5vmin -0.5vmin 0 #800000;
	}
	
	.arrowa:before { 
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-100%,-80%) rotate(90deg);
		width: 200%;
		height: 200%;
	}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
 
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  color: #fff;
	float: none;
  text-align: center;
	font-weight: normal;
  position: relative;
  font-size: 16px;
	padding: 5px 0 5px 0;
	margin:0% 0 0 0;
	float:inherit;
  background: rgba(0, 0, 0, 0.6);
	width: 100%;
	top:100%;
  left: 100%;
  transform: translate(-100%, -100%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
	
}

.hovereffect:hover h2 {
top:60%;
  left: 100%;
  transform: translate(-100%, -100%);
}

.hovereffect a.info {
 display: inline-block;
  text-decoration: none; 
  color: #fff;
  border: 1px solid #ffffff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
 margin: -10px 0 0px 0;
  padding: 36% 40%;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
}

@media only screen and (min-width: 768px) and (max-width:1024px) {/*針對平板*/
	.g-recaptcha {
	float: left;
        transform:scale(0.7);
        -webkit-transform:scale(0.7);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
		margin: 5px 0 0px 5%;
    }
	
	
    .top{
		width: 98%;
		float: left;
		margin: 15px 1% 15px 1%;
		
	}
	.logo{
    margin: 5px 0 0 0;
    width: 28%;
    float: left;
	}
	.logo img{
		width: 100%;
		height: auto;
		float: left;
	}
	.button{
    width: 30%;
    float: right;
    margin-top: 25px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
	}
	.txt100{
	position: absolute;
	top:0px;
	left: 10%;
	font-size: 17px;
	 transition: all 0.5s ease 0s;
	display:block; 
	
	
}

.txt100:hover{
	top:2px;
	 transform: rotate(180deg);
}
	.banner{
		width: 100%;
		float: left;
		position: relative;
	}
	.banner img{
		width: 100%;
		height: auto;
		float: left;
	}
	.tab1{
		 position: absolute;
    width:760px;    
    
    right:0;    
    left:0;
		bottom:-10px;
    margin:auto;
		padding: 0 0.5% 0 0%; 	
		
		border-radius:14px;
		box-shadow: 2px 2px 8px #929292;
		background:url("images/index/icon1.jpg") #ffffff no-repeat 20px 3px;
		text-indent: 54px;
		text-align: left;
		font-size:15px;
		color: #511212;
		height: 40px;
		line-height: 40px;
		letter-spacing: 0px;
		z-index:1;
	}
	.tab1-2{
		 position: absolute;
    width:760px;    
    
    right:0;    
    left:0;
		bottom:-10px;
    margin:auto;
		padding: 0 0.5% 0 0%; 	
		
		border-radius:14px;
		box-shadow: 2px 2px 8px #929292;
		background:url("images/index/icon1.jpg") #ffffff no-repeat 20px 3px;
		text-indent: 54px;
		text-align: left;
		font-size:15px;
		color: #511212;
		height: 40px;
		line-height: 40px;
		letter-spacing: 0px;
		z-index:1;
	}
	.nav1{
    width: 98%;
    margin-top: 60px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0;
		
	}
	.nav1 h1{
		font-family: "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		margin: 0 0 0 1%;
		float: left;
		font-size: 26px;
		color: #181818;
		text-align: left;
		padding: 0;
		width: 100%;
		font-weight: normal;
	}
	.nav1 samp{
		font-size: 15px;
		color: #181818;
		text-align: left;
		margin-left: 10px;
	}
	.nav1-2{
		width: 100%;
		float: left;
		margin: 20px 0 20px 0;
	}
	.nav1-3{
		width: 23%;
		float: left;
		margin: 0px 1% 20px 1%;
		
	}
	.nav1-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav1-4{
		width: 100%;
		float: left;
		position: relative;
	}
	.nav1-4 img{	
		width: 100%;
		float: left;
		height: auto;
	}
	.nav1-4 h1{
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
		position: absolute;
			bottom: 0;
		text-align: center;
		height: 36px;
		line-height: 36px;
		opacity: 0.6;
		color: #ffffff;
		font-size: 18px;
		text-decoration: none;
		background: #020202;
	}
	.nav1-4 h1 a{	
		margin: 0;
		padding: 0;
	    width: 100%;
		float: left;		
		z-index: 2;
		background: #020202;
		text-align: center;
		height: 36px;
		line-height: 36px;
		opacity: 0.6;
		color: #ffffff;
		font-size: 18px;
		text-decoration: none;
	}
	.nav1-4 h1:hover{
		background: #ffffff;
		opacity: 0.6;
		color: #1f1f1f;
		font-size: 18px;
	}
	.nav2{
		float: left;
		width: 100%;
		background: url("images/index/bg1.png") repeat-x;
		margin: 0px;
		
	}
	.nav2-1{
    width: 94%;
    float: left;
    margin-top: 20px;
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 0px;
		
	}
	.nav2-2{
    width: 30%;
    float: left;
	}
	.nav2-2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav2-3{
    width: 64%;
    float: right;
    margin-top: 30px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
	}
	.nav2-3 h1{
		width: 100%;
		float: left;
		color: #ffffff;
		font-size: 26px;
		font-family: "Times New Roman", Arial, "serif";
		text-align: left;
		padding: 0;
		margin: 0;
		text-transform:uppercase;
		font-weight: normal;
	}
	.nav2-3 samp{
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin: 0 0 0 10px;
	}
	.nav2-3 p{
    color: #ffffff;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    font-size: 15px;
    line-height: 22px;
	}
	.nav2-4{
		
		
	}
	.nav2-4 a{	
		width: 30%;
		float: left;
		color: #ffffff;
		text-decoration: none;
		font-size: 16px; 
		background: url("images/index/icon2.png") no-repeat 88px 5px;
	}
	.nav2-4 a:hover{
		color: #fff10a;
		text-decoration: none;
		font-size: 16px; 
		background: url("images/index/icon2-2.png") no-repeat 98px 5px;
	}
	.nav3{
		float: left;
		width: 100%;
		background: url("images/index/bg2-3.png") repeat-x;
		margin: 0px;
		
	}
	.nav3-1 h1{
    font-weight: normal;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #800000;
    line-height: 36px;
	}	
	.nav3-1 samp{
		font-family:  "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		width: 100%;
		float: left;
		text-align: center;
	    color: #181818;
		font-size: 26px;
		line-height: 22px;
	}
	.nav3-1{
    width: 98%;
    float: left;
    margin-top: 20px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 20px;
		
	}
	.nav3-2{	
    width: 31%;
    float: left;
    margin-top: 30px;
    margin-right: 2%;
    margin-left: 0%;
    margin-bottom: 0px;
		
	}
	.nav3-3{
    width: 92%;
    float: left;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
	position: relative;	
	}
	.nav3-3 img{
		width: 100%;
		float: left;
		height: auto;
		
	}
	.nav3-4{
		 width: 80%;
		position: absolute;
		 bottom: -8%;   
		z-index: 10;
		left: 27%;
		
	}
	.nav3-4 a{
		color: #181818;
		text-decoration: none;
		font-size: 18px;
		display: block;		
    height: 44px;
    line-height: 44px;
    border: solid 1px #bcbbbb;
    background: #ffffff url("images/index/icon3.png") no-repeat 94% center;
		
    
		}
	.nav3-4 :hover{
		background: #1b1b1b url("images/index/icon3-2.png") no-repeat 94% center;;
		border: solid 1px #ffffff;
		color: #FFFFFF;
		
		
	}
	.txt1{
		width: 80%;
		float: left;
		margin: 0 10% 0 5%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.txt1:hover{
		border: none;
		background: none;
	}
	.nav3-5{
    width: 24%;
    margin-top: 60px;
    margin-right: 38%;
    margin-left: 38%;
    margin-bottom: 0;
    float: left;
		
	}
	.nav3-5 a{
		display: block;
		text-decoration: none;
		line-height: 44px;
		height: 44px;
		background: #511212;
		color: #FFFFFF;
		font-size: 22px;
		text-align: center;
		border-radius: 30px;
	}
	.nav3-5 a:hover{
		background: #19789b;
		border-radius: 30px;
		
	}
	.nav4{
		float: left;
		width: 100%;
		background: url("images/index/bg3.png") repeat;
		margin: 0px;
		
	}
	.nav4-1{
    width: 94%;
    float: left;
    margin-top: 20px;
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 20px;
	}
	.nav4-2{
    background: #ffffff;
    width: 48%;
    float: left;
    margin-top: 0px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0px;
	}
	.tab2{
    width: 90%;
    margin-top: 20px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    float: left;
    background: #f3f3f3;
    text-align: center;
    line-height: 80px;
    height: 80px;
    color: #d30909;
    font-size: 40px;
    font-weight: bold;
	}
	.tab3{
    width: 82%;
    margin-top: 20px;
    margin-right: 9%;
    margin-left: 9%;
    margin-bottom: 0;
    float: left;
	
	}
	.tab3 a{
		display: block;
			border-radius: 50px;
    background: #871e1e;
		box-shadow: 3px 3px 6px #431b0b;
    text-align: center;
    line-height: 80px;
    height: 80px;
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
		text-decoration: none;
	}
	.tab3 a:hover{
		background: #1084a1;
			box-shadow: 3px 3px 6px #064757;
		
	}
	.txt2{
		text-align: center;
		height: 58px;
		line-height: 58px;
		font-size: 15px;
		color: #222222;
		width: 100%;
		float: left;
	}
	.nav5{
		float: left;
		width: 100%;
		margin: 0px;
		
	}
	.nav5-1 h1{
    font-weight: normal;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #800000;
    line-height: 36px;
	}	
	.nav5-1 samp{
		font-family:  "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		width: 100%;
		float: left;
		text-align: center;
	    color: #181818;
		font-size: 26px;
		line-height: 22px;
	}
	.nav5-1{
    width: 90%;
    float: left;
    margin-top: 15px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 15px;
		
	}
	.nav5-2{
		margin: 0;
		padding: 0;
		list-style: none;
    width: 98%;
    float: left;
    margin-top:20px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0px;
		
	}
	.nav5-3{
		width: 48%;
		 margin-right: 1%;
    margin-left: 1%;
		float: left;
		border-bottom: dashed 1px #bcbbbb;
	}
	.txt3{
		width: 30%;
		float: left;
		text-align: center;
		line-height: 50px;
		height: 50px;
		color: #181818;
		font-size: 18px;
	}
	.txt4{
		width: 60%;
		float: left;
	}
	.txt4 a{
		line-height: 50px;
		height: 50px;
		overflow: hidden;
		text-align: left;
		text-decoration: none;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 18px;
		color: #4b4b4b;
	}
	.txt4 a:hover{
		color: #127b92;
		
	}
	.bottom{
		width: 100%;
		float: left;
		background: #800000;
	}
	.bottom2{
    width: 98%;
    margin-top: 20px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 20px;
    float: left;
	}
	.logo2{
    width: 24%;
    float: left;
    margin-top: 70px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
		
	}
	.logo2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav6{
    width: 55%;
    padding: 0 0 0 3%;
    float: left;
    border-left: solid 2px #FFFFFF;
    margin-top: 0;
    margin-right: 0;
    margin-left: 3%;
    margin-bottom: 0;
		
	}
	.txt5{
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
	}
	.txt5 samp{
		width: 100%;
		float: left;
		line-height: 22px;
		text-align: left;
		font-size: 15px;
		color: #FFFFFF;
	}
	.nav7{
    width: 11%;
    float: left;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 1%;
    margin-bottom: 0px;
		
	}
	.nav7 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.footer{
		width: 100%;
		float: left;
		text-align: center;
		color: #FFFFFF;
		background: #511212;
		font-size:14px;
		line-height: 30px;
	}
	#gotop{
	display:block;
	width:59px;
	height:57px;
    position: fixed;
    right: 15px;
    bottom: 130px;    
    cursor: pointer;
}
	.tit{
    width: 98%;
    float: right;
    margin-top: 50px;
    margin-right: 2%;
    margin-left: 0%;
    margin-bottom: 0;
    color: #898585;
    font-size: 20px;
	text-align: right;
	}
	.txt6{
		color: #511212;
		font-size: 18px;
	}
	.tit samp{
		margin: 0;		
		font-size: 18px;
		
	}
	.tit samp a{
		font-size: 18px;
		color: #898585;
		text-decoration: none;
		
	}
	.tit samp a:hover{
		color: #511212;
	}
	.nav8{
    width: 98%;
    float: right;
    margin-top: 22px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
	}
	.nav8-2{
		width: 76%;
		float: right;
		background:url("images/about/bg3.jpg") repeat;
		position: relative;
	}
	.nav8-2 h1{
		font-family:  "Times New Roman", Arial, "serif";
		margin: 8% 0 0 12%;
		padding: 0;
		width: 80%;
		font-size: 28px;
		color: #ffffff;
		font-weight: normal;
	}
	.nav8-2 samp{
		color: #ffffff;
		font-size: 15px;
		margin: 0 0 0 13px;
		
	}
	.nav8-2 p{
		padding: 0;
		width: 85%;
		float: left;
		margin: 10px 0 5% 12%;
		color: #ffffff;
		font-size: 15px;
		line-height:28px;
	}
	.nav8-3{
    z-index: 3;
    width: 40%;
    position: absolute;
    left: -30%;
    top: 10%;
    border: solid 1px #8b8b8b;
	}
	.nav8-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav9{
		width: 98%;
		float: left;
		margin: 50px 1% 0 1%;
		
	}
	.nav9{
    width: 100%;
    float: left;
    margin-top: 100px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0;
		
	}
	.nav9-1{
    width: 82%;
    margin-top: 0;
    margin-right: 9%;
    margin-left: 9%;
    margin-bottom: 0;
    float: left;
    height: auto;
	}
	.nav9-2{
		width: 100%;
		float: right;
		background:url("images/about/bg4.jpg") no-repeat right top;
		height: 30px;
	}
	.nav9-3{
    border-right: solid 30px #2d2d2d;
    width: 88.5%;
    margin: 0 0 0 0;
    background: #ffffff url("images/about/bg2.png") no-repeat right -150px;
    float: left;
		
	}
	.nav9-4{
    width: 90%;
    float: left;
    margin-top: 0px;
    margin-right: 4%;
    margin-left: 6%;
    margin-bottom: 0px;
    padding: 20px 0 30px 0;
	}
	.nav9-4 h1{
		font-family:  "Times New Roman", Arial, "serif";
		margin:0 0 10px 0;
		padding: 0;
		width: 80%;
		font-size: 28px;
		color: #ed1d25;
		font-weight: normal;
	}
	.nav9-4 samp{
		color: #ed1d25;
		font-size: 15px;
		margin: 0 0 0 13px;
	}
	.nav9-4 p{
		padding: 0;
    width: 100%;
    float: left;
    margin: 0px;
    color: #161616;
    font-size: 15px;
    line-height: 28px;
		
	}
	.nav10{
    width: 76%;
    float: left;
    margin-top: 60px;
    margin-right: 12%;
    margin-left: 12%;
    margin-bottom: 0;
	}
	.nav10{
    width: 90%;
    float: left;
    margin-top: 30px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 30px;
    text-align: center;
	}
	.nav10-1 {
    width: 90%;
    margin-top: 0;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    float: left;
    height: auto;
	}
	.nav10-1 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav10-2{
		width: 100%;
		float: left;
		margin: 0px 0% 30px 0%;
	}
	.nav10-2 h1{
    text-align: left;
    font-family: "Times New Roman", Arial, "serif";
    margin: 0% 0 0 0%;
    padding: 0;
    width: 80%;
    float: left;
    font-size: 28px;
    color: #ed1d25;
    font-weight: normal;
	}
	.nav10-2 samp{
		text-align: left;
		color: #ed1d25;
		font-size: 15px;
		margin: 0 0 0 13px;
		}
	.nav11{
    width: 96%;
    float: left;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 0;
		
	}
	.nav11 h1{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 22px;
		color: #ed1d25;
		text-align: center;
		line-height: 30px;
	}
	.nav11 samp{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 18px;
		color: #8c8c8c;
		text-align: center;
		line-height: 24px;
		font-family: "Times New Roman", Arial, "serif";
		float: left;
		
	}
	.nav11-1{
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
		
	}
	.nav11-1 img{
		width: 100%;
		float: left;
		height: auto;
		
	}
	.nav11-2{
		z-index: 5;
		text-align: center;
		background: #000000;
		color: #bf955a;
		font-size: 28px;
		padding: 10px 20px 10px 20px;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 50%;
        transform: translate(-50%, 0);
	}
	.nav11-2b{
		z-index: 5;
		text-align: center;
		background: #000000;
		color: #bf955a;
		font-size: 28px;
		padding: 10px 20px 10px 20px;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 50%;
        transform: translate(-50%, 0);
	}
	.nav11-3{
		width: 100%;
		float: left;
		background:#000000 ;
		margin-bottom: 20px;
	}
	.text1{
		width: 98%;
		float: left;
		margin: 1%;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 26px;
		text-align: left;
	}
	.nav11-4{
    width: 98%;
    float: left;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 2%;
    margin-bottom: 20px;
		
	}
	.tab4{
    width: 31%;
    float: left;
    margin-top: 0;
    margin-right: 2.3%;
    margin-left: 0;
    margin-bottom: 0;
	}
	.tab4 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12{
    width: 96%;
    float: left;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 20px;
	
		
	}
	.nav12-1{
    position: relative;
    width: 31%;
    float: left;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 0;
    margin-bottom: 60px;
	}
	.nav12-2{
    width: 90%;
    float: left;
    border: solid 1px #b5b5b5;
	}
	.nav12-2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12-3{
    width: 97%;
    position: absolute;
    left: 3%;
    bottom: -10%;
    z-index: 10;
    border: solid 1px #bf955a;
    background: #FFFFFF;
	}
	.nav12-4{
		width: 90%;
		float: left;
		border-bottom:dotted 1px #bf955a;
		margin: 10px 5% 0 5%;
	}
	.nav12-4 samp{
		width: 96%;
		float: left;
		overflow: hidden;
		color: #393939;
		font-size: 20px;
		line-height: 26px;
		text-align: left;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav12-5{
		width: 90%;
		float: left;
		margin: 5px 5% 5px 5%;
	}
	.nav12-5 img{
		width: 10%;
		float: left;
		height: auto;
		margin: 4px 5px 0 0;
		transition: all 0.6s ease-out;
	}
	.nav12-5 img:hover{
		transform: translateY(-6px);
	}
	.nav12-6{
		width: 100%;
		float: left;
		text-align: center;
		margin: 20px 0 0 0;
	}
	.img1{
		vertical-align: middle;
		margin: 0px 5px  0 0;
	}
	.img2{
		margin: 0px 0 0 5px;
		vertical-align: middle;
	}
	.txt7{
		margin: 0px 8px 0 8px;
	}
	.txt7 a{
		
		background: #bf955a;
		padding: 5px 10px 5px 10px;
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		text-decoration: none;
	}
	.txt7 a:hover{
		background: #800000;
		color: #ffffff;
		text-decoration: none;
		
	}
	
	.txt7-2{
		margin: 0px 8px 0 8px;
	}
	.txt7-2 a{
		
		background: #800000;
		padding: 5px 10px 5px 10px;
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		text-decoration: none;
	}
	.txt7-2 a:hover{
		background: #800000;
		color: #ffffff;
		text-decoration: none;
		
	}
	
	.nav13{
    width: 94%;
    float: left;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 4%;
    margin-bottom: 0;
		
	}
	.nav13-1{
    width: 98%;
    float: left;
    background: url("images/planner/bg1.png") no-repeat center top;
    margin-top: 0;
    margin-right: 0%;
    margin-left: 0;
    margin-bottom: 20px;
    background-size: cover;
	}
	.nav13-1 h1{
    font-size: 18px;
		letter-spacing: 0;
    color: #FFFFFF;
    background: url("images/planner/icon1.png") no-repeat left center;
    text-indent: 20px;
    line-height: 26px;
    margin-top: 15px;
    margin-right: 0%;
    margin-left: 2%;
    margin-bottom: 0px;
    padding: 0;
    white: 90%;
    float: left;
    font-weight: normal;
		
	}
	.text2{
    width: 92%;
    float: left;
    margin-top: 0px;
    margin-right: 4%;
    margin-left: 38px;
    margin-bottom: 15px;
    text-align: left;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 28px;
	}
	.nav13-2{
		width: 100%;
		float: left;
		margin: 0 0 20px 0;
	}
	.nav13-3{
		display: none;
    width: 48%;
    float: left;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 0;
    margin-bottom: 0px;
	}
	.nav13-4{
    width: 48%;
    float: left;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 0;
    margin-bottom: 10px;
	}
	.nav13-5{
    width: 100%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
	}
	.nav13-5 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav13-6{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
    background: #212121;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    text-align: center;
	}
	.nav14{
		text-align: center;
    width: 96%;
    float: left;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 20px;
		
	}
	
	.tab5{
		margin: 0 20px 0 20px;
		text-align: center;
		
	}
	.tab5 a{
		text-decoration: none;		
		padding: 13px 60px 13px 60px;		
		border: solid 1px #800000;
		border-radius: 8px;
		color: #800000;
		font-size:18px; 
		background: #ffffff;
	}
	.tab5 a:hover{
		text-decoration: none;
		background: #800000;
		color: #ffffff;
	}
	.tab6{
		margin: 0 20px 0 20px;
		text-align: center;
		
		
	}
	.tab6 a{
		text-decoration: none;		
		padding: 13px 60px 13px 60px;			
		border: solid 1px #800000;
		border-radius: 8px;
		color: #ffffff;
		font-size:18px; 
		background: #800000;
	}
	.tab6 a:hover{
		text-decoration: none;
		background: #800000;
		color: #ffffff;
		
	}
	.nav14-1{
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
		
	}
	.nav15-1{
    width: 100%;
    float: left;
    margin-top: 40px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
		
	}
		.nav15-2{	
		display: block;
		border: solid 1px #e4e4e4;
		box-shadow: 2px 2px 4px #7e7e7e;
    width: 44.2%;
    float: left;
    margin-top: 0px;
    margin-right: 3.5%;
    margin-left: 2%;
    margin-bottom: 20px;	
		background: #ffffff;
		transition: all 0.6s ease-out;
	}
	.nav15-2 a{
		display: block;
		background: #800000;
		text-decoration: none;
		
	}
	.nav15-2:hover{
		display: block;
		background: #ececec;
		
	}
	.txt8{
		width: 30%;
		font-size: 18px;
		color: #4b4b4b;
		float: left;
		text-align: center;
		border-right:solid 1px #444444;
		margin: 20px 0 20px 0;
		line-height: 18px;
	}
	.txt9{
		width: 65%;
		font-size: 18px;
		color: #4b4b4b;
		float: left;
		margin: 20px 0 20px 5%;
		line-height: 18px;
		text-align: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav16{
    width: 98%;
    float: left;
    margin-top: 15px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 20px;
		
	}
	.nav16-1{
		width: 100%;
		float: left;
		margin: 0 0 30px 0;
	}
	.nav16-2{
    width: 62%;
    float: left;
    margin-top: 18px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
	}
	.nav16-2 samp{
		width: 100%;
		float:left;
		font-size: 15px;
		line-height: 24px;
		text-align: left;
	}
	.nav16-3{
    width: 35%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 1%;
    margin-bottom: 0;
    border: solid 1px #bcbbbb;
    background: #FFFFFF url("images/contact/icon1.jpg") no-repeat 7% center;
    height: 76px;
    line-height: 76px;
    text-indent: 50px;
    color: #800000;
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
	}
	.nav16-4{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
	}
	.nav16-5{
    border: solid 1px #dcdcdc;
    width: 52%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
    height: 536px;
	}
	.nav16-6{
		width: 43%;
		float: left;
		margin: 0 0 0 4%;
		padding: 0;
		list-style: none;
	}
	.tab7{
		margin-bottom: 10px;
		width: 100%;
		float: left;
		border-bottom: solid 1px #dddddd;
		padding-bottom: 5px;
	}
	.txt10{
    width: 21%;
    float: left;
    text-align: right;
    line-height: 34px;
    height: 34px;
    font-size: 16px;
    color: #2a3537;
	}
	.txt11{
    width: 21%;
    float: left;
    text-align: right;
    line-height: 66px;
    height: 66px;
    font-size: 16px;
    color: #2a3537;
	}
	.txt11-2{
    width: 21%;
    float: left;
    text-align: right;
    line-height: 65px;
    height: 65px;
    font-size: 16px;
    color: #2a3537;
	}
	.tab8{
		height: 36px;
		width: 75%;
		float: left;
		border-left: dashed 1px #dadada;
		margin: 0 0 0 2%;
	}
	.tab9{
    height: 96px;
    width: 75%;
    float: left;
    border-left: dashed 1px #dadada;
    margin: 0 0 0 2%;
	}
	.tab9-2{
    height: 65px;
    width: 75%;
    float: left;
    border-left: dashed 1px #dadada;
    margin: 0 0 0 2%;
	}
	.form1{
    width: 90%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    line-height: 24px;
		
	}
	.form2{
    width: 90%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    height: 66px;
		
	}
	.form3{
    width: 30%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    margin-right: 2%;
    line-height: 24px;
		
	}
	.nav16-7{
    width: 74%;
    float: left;
    margin-top: 20px;
    margin-right: 0;
    margin-left: 26%;
    margin-bottom: 0;
   	}
	.txt12{
		text-align: center;
		margin: 0 20px 0 0;
		
		
		
	}
	.txt12 a{
		padding: 12px 28px 12px 28px;
		background:#FFFFFF url("images/contact/icon2.png") no-repeat 88% 17px;
		border: solid 1px #5b5b5b;
		border-radius: 5px;
		font-size: 17px;
		color: #484242;
		text-decoration: none;
		
	}
	.txt12 a:hover{
		text-decoration: none;
		color: #484242;
		border: solid 1px #3b3a3a;
		background:#d2d2d2 url("images/contact/icon2.png") no-repeat 88% 17px;
		
	}
	.txt13{
		position: relative;
		width: 10%;
		margin: 15% 2% 0 0;
		
	}
	.txt14{
		position: relative;
		width: 10%;
		margin: 15% 0% 0 1%;
		
	}
	.arrowe {
		top:10%;		
	position: absolute;	
	width: 2vmin;
	height: 2vmin;
	background: transparent;
	border-top: 1vmin solid #bf955a;
	border-right: 1vmin solid #bf955a;
	box-shadow: 0 0 0 lightgray;
		transition: all 200ms ease;
	transform: translate3d(0,0%,0) rotate(-135deg);
	}
	.arrowa {
		top:10%;		
	position: absolute;	
	width: 2vmin;
	height: 2vmin;
	background: transparent;
	border-top: 1vmin solid #bf955a;
	border-right: 1vmin solid #bf955a;
	box-shadow: 0 0 0 lightgray;
		transition: all 200ms ease;
	transform: translate3d(0,0%,0) rotate(45deg);
	}
	.arrowe left {
		left: 0;
		transform: translate3d(0,-50%,0) rotate(-135deg);
		
		
	}

	.arrowa right {
		left: 0;
		transform: translate3d(0,-50%,0) rotate(-135deg);
	}
	
	.arrowe:hover {
		border-color: orange;
		box-shadow: 0.5vmin -0.5vmin 0 #800000;
	}
	
	.arrowe:before { 
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-100%,-80%) rotate(90deg);
		width: 200%;
		height: 200%;
	}
	.arrowa:hover {
		border-color: orange;
		box-shadow: 0.5vmin -0.5vmin 0 #800000;
	}
	
	.arrowa:before { 
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-100%,-80%) rotate(90deg);
		width: 200%;
		height: 200%;
	}
	.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
 
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  color: #fff;
	float: none;
  text-align: center;
	font-weight: normal;
  position: relative;
  font-size: 15px;
	padding: 5px 0 5px 0;
	margin:0% 0 0 0;
	float:inherit;
  background: rgba(0, 0, 0, 0.6);
	width: 100%;
	top:100%;
  left: 100%;
  transform: translate(-100%, -100%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
	
}

.hovereffect:hover h2 {
top:60%;
  left: 100%;
  transform: translate(-100%, -100%);
}

.hovereffect a.info {
 display: inline-block;
  text-decoration: none; 
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  
  font-weight: normal;
  margin: -5px 0 0px 0;
  padding: 34% 40%;
}


.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
 
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
}

@media only screen and (max-width:768px) {/*針對直向平板*/
	.g-recaptcha {
	float: left;
        transform:scale(0.7);
        -webkit-transform:scale(0.7);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
	
	
    .tab1{
		position: absolute;
    width:680px; 
    
    right:0;    
    left:0;
		bottom:-30px;
    margin:auto;
		padding: 0 0.5% 0 0%; 	
		
		border-radius:14px;
		box-shadow: 2px 2px 8px #929292;
		background:url("images/index/icon1-2.jpg") #ffffff no-repeat 12px 6px;
		text-indent: 34px;
		text-align: left;
		font-size:14px;
		color: #511212;
		height: 40px;
		line-height: 40px;
		letter-spacing: 0px;
		z-index:1;
	}
	 .tab1-2{
		 position: absolute;
    width:680px; 
    
    right:0;    
    left:0;
		bottom:-30px;
    margin:auto;
		padding: 0 0.5% 0 0%; 	
		
		border-radius:14px;
		box-shadow: 2px 2px 8px #929292;
		background:url("images/index/icon1-2.jpg") #ffffff no-repeat 12px 6px;
		text-indent: 34px;
		text-align: left;
		font-size:14px;
		color: #511212;
		height: 40px;
		line-height: 40px;
		letter-spacing: 0px;
		z-index:1;
	}	
	.nav4-1{
    width: 96%;
    float: left;
    margin-top: 20px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 20px;
	}
	.nav4-2{
    background: #ffffff;
    width: 49%;
    float: left;
    margin-top: 0px;
    margin-right: 1%;
    margin-left: 0%;
    margin-bottom: 0px;
	}
	.tab2{
    width: 90%;
    margin-top: 20px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    float: left;
    background: #f3f3f3;
    text-align: center;
    line-height:60px;
    height: 60px;
    color: #d30909;
    font-size: 36px;
    font-weight: bold;
	}
	.tab3{
    width: 82%;
    margin-top: 20px;
    margin-right: 9%;
    margin-left: 9%;
    margin-bottom: 0;
    float: left;
	
	}
	.tab3 a{
		display: block;
			border-radius: 50px;
    background: #871e1e;
		box-shadow: 2px 2px 4px #431b0b;
    text-align: center;
    line-height: 60px;
    height: 60px;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
		text-decoration: none;
	}
	.tab3 a:hover{
		background: #1084a1;
			box-shadow: 2px 2px 4px #064757;
		
	}
	.txt2{
		text-align: center;
		height: 58px;
		line-height: 58px;
		font-size: 14px;
		color: #222222;
		width: 100%;
		float: left;
	}
	.tit{
    width: 98%;
    float: right;
    margin-top: 30px;
    margin-right: 2%;
    margin-left: 0%;
    margin-bottom: 0;
    color: #898585;
    font-size: 18px;
    text-align: right;
	}
	.txt6{
		color: #511212;
		font-size: 15px;
	}
	.tit samp{
		margin: 0;		
		font-size: 15px;
	}
	.tit samp a{
		font-size: 15px;
		color: #898585;
		text-decoration: none;
		
	}
	.tit samp a:hover{
		color: #511212;
	}
	.nav8{
    width: 98%;
    float: right;
    margin-top: 17px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
	}
	.nav8-2{
		width: 76%;
		float: right;
		background:url("images/about/bg3.jpg") repeat;
		position: relative;
	}
	.nav8-2 h1{
		font-family:  "Times New Roman", Arial, "serif";
		margin: 8% 0 0 12%;
		padding: 0;
		width: 80%;
		font-size: 28px;
		color: #ffffff;
		font-weight: normal;
	}
	.nav8-2 samp{
		color: #ffffff;
		font-size: 15px;
		margin: 0 0 0 13px;
		
	}
	.nav8-2 p{
		padding: 0;
		width: 85%;
		float: left;
		margin: 10px 0 5% 12%;
		color: #ffffff;
		font-size: 14px;
		line-height:22px;
	}
	.nav8-3{
    z-index: 3;
    width: 40%;
    position: absolute;
    left: -31%;
    top: 10%;
    border: solid 1px #8b8b8b;
	}
	.nav8-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav9{
		width: 98%;
		float: left;
		margin: 50px 1% 0 1%;
		
	}
	.nav12{
    width: 96%;
    float: left;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 20px;
	
		
	}
	.nav12-1{
    position: relative;
    width: 49%;
    float: left;
    margin-top: 0;
    margin-right: 1%;
    margin-left: 0;
    margin-bottom: 50px;
	}
	.nav12-2{
    width: 88%;
    float: left;
    border: solid 1px #b5b5b5;
	}
	.nav12-2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12-3{
		width: 92%;
		position: absolute;
		left:4%;
		bottom: -10%;
		z-index: 10;
		border: solid 1px #bf955a;
		background: #FFFFFF;
	}
	.nav12-4{
    width: 94%;
    float: left;
    border-bottom: dotted 1px #bf955a;
    margin-top: 8px;
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 0;
	}
	.nav12-4 samp{
		width: 96%;
		float: left;
		overflow: hidden;
		color: #393939;
		font-size: 20px;
		line-height: 26px;
		text-align: left;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav12-5{
    width: 94%;
    float: left;
    margin-top: 5px;
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 5px;
	}
	.nav12-5 img{
		width: 10%;
		float: left;
		height: auto;
		margin: 6px 5px 0 0;
		transition: all 0.6s ease-out;
	}
	.nav12-5 img:hover{
		transform: translateY(-6px);
	}
	.nav12-6{
		width: 100%;
		float: left;
		text-align: center;
		margin: 20px 0 0 0;
	}
	.img1{
		vertical-align: middle;
		margin: 0px 5px  0 0;
	}
	.img2{
		margin: 0px 0 0 5px;
		vertical-align: middle;
	}
	.txt7{
		margin: 0px 8px 0 8px;
	}
	.txt7 a{
		
		background: #bf955a;
		padding: 5px 10px 5px 10px;
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		text-decoration: none;
	}
	.txt7 a:hover{
		background: #800000;
		
	}
	
	.txt7-2{
		margin: 0px 8px 0 8px;
	}
	.txt7-2 a{
		
		background: #800000;
		padding: 5px 10px 5px 10px;
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		text-decoration: none;
	}
	.txt7-2 a:hover{
		background: #800000;
		
	}
	
	.nav13-1{
    width: 98%;
    float: left;
    background: url("images/planner/bg1.png") no-repeat center top;
    margin: 0 0% 20px 0;
    background-size: cover;
	}
	.nav13-1 h1{
		letter-spacing: 0;
    font-size: 17px;
    color: #FFFFFF;
    background: url("images/planner/icon1.png") no-repeat left center;
    text-indent: 20px;
    line-height: 25px;
    margin-top: 13px;
    margin-right: 0%;
    margin-left: 2%;
    margin-bottom: 0px;
    padding: 0;
    white: 90%;
    float: left;
    font-weight: normal;
		
	}
	.text2{
    width: 92%;
    float: left;
    margin-top: 0px;
    margin-right: 4%;
    margin-left: 34px;
    margin-bottom: 15px;
    text-align: left;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 26px;
	}
	.txt8{
		width: 32%;
		font-size: 18px;
		color: #4b4b4b;
		float: left;
		text-align: center;
		border-right:solid 1px #444444;
		margin: 20px 0 20px 0;
		line-height: 18px;
	}
	.txt9{
		width: 60%;
		font-size: 18px;
		color: #4b4b4b;
		float: left;
		margin: 20px 0 20px 5%;
		line-height: 18px;
		text-align: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav13-3{
		display: none;
	
	}
	
	.nav13-4{
    width: 48%;
    float: left;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 0;
    margin-bottom: 10px;
	}
	.nav13-5{
    width: 100%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
	}
	.nav13-5 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav13-6{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
    background: #212121;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    text-align: center;
	}
}
@media only screen and (min-width: 1026px) and (max-width:1200px) {/*針對平板*/
	.g-recaptcha {
	float: left;
        transform:scale(0.7);
        -webkit-transform:scale(0.7);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
	
	
	.txt100{
	position: absolute;
	top:0px;
	left: 10%;
	font-size: 17px;
	 transition: all 0.5s ease 0s;
	display:block; 
	
	
}

.txt100:hover{
	top:2px;
	 transform: rotate(180deg);
}
}
@media only screen and (max-width: 767px) {/*針對手機*/
	.g-recaptcha {
		
		margin: 10px 0 10px 5%;
	float: left;
        transform:scale(0.7);
        -webkit-transform:scale(0.7);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
	
	
    .top{
		width: 98%;
		float: left;
		margin: 15px 1% 15px 1%;
		
	}
	.logo{
		width: 190px;
		height: 53px;
		float: left;
	}
	
	.logo img{
		width: 100%;
		float: left;
		height: auto;
	}
	.button{
		width: 30%;
		float: right;
		margin: 18px 0 0 0;
	}
	.txt100{
	position: absolute;
	
	left: 25%;
	font-size: 17px;
	 transition: all 0.5s ease 0s;
	display:block; 
	
	
}

.txt100:hover{
	top:2px;
	 transform: rotate(180deg);
}
	.banner{
		width: 100%;
		float: left;
		position: relative;
	}
	.banner img{
		width: 100%;
		height: auto;
		float: left;
	}
	 .tab1{
		 display: none;
	}
	.tab1-2{
		 display: none;
	}
	.nav1{
    width: 98%;
    margin-top: 20px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0;
		
	}
	.nav1 h1{
		font-family: "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		margin: 0 0 0 1%;
		float: left;
		font-size: 26px;
		color: #181818;
		text-align: left;
		padding: 0;
		width: 100%;
		font-weight: normal;
	}
	.nav1 samp{
		font-size: 15px;
		color: #800000;
		text-align: left;
		margin-left: 10px;
	}
	.nav1-2{
		width: 100%;
		float: left;
		margin: 15px 0 15px 0;
	}
	.nav1-3{
		width: 48%;
		float: left;
		margin: 0px 1% 15px 1%;
		
	}
	.nav1-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav1-4{
		width: 100%;
		float: left;
		position: relative;
	}
	.nav1-4 img{	
		width: 100%;
		float: left;
		height: auto;
	}
	.nav1-4 h1{
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
		position: absolute;
		bottom: 0;		
		z-index: 2;
		background: #020202;
		text-align: center;
		height: 40px;
		line-height: 40px;
		opacity: 0.6;
		color: #ffffff;
		font-size: 18px;
		text-decoration: none;
	}
	.nav2{
		float: left;
		width: 100%;
		background: url("images/index/bg1-2.png") repeat;
		margin: 0px;
		
	}
	.nav2-1{
    width: 94%;
    float: left;
    margin-top: 20px;
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 0px;
		
	}
	.nav2-2{
    width: 50%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 25%;
    margin-bottom: 0;
	}
	.nav2-2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav2-3{
    width: 100%;
    float: right;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
	}
	.nav2-3 h1{
		width: 100%;
		float: left;
		color: #ffffff;
		font-size: 26px;
		font-family: "Times New Roman", Arial, "serif";
		text-align: left;
		padding: 0;
		margin: 0;
		text-transform:uppercase;
		font-weight: normal;
	}
	.nav2-3 samp{
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		margin: 0 0 0 10px;
	}
	.nav2-3 p{
    color: #ffffff;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    font-size: 15px;
    line-height: 22px;
	}
	.nav2-4{
		
		
	}
	.nav2-4 a{	
		width:30%;
		float: left;
		color: #ffffff;
		text-decoration: none;
		font-size: 16px; 
		background: url("images/index/icon2.png") no-repeat 88px 5px;
	}
	.nav2-4 a:hover{
		color: #fff10a;
		text-decoration: none;
		font-size: 16px; 
		background: url("images/index/icon2-2.png") no-repeat 98px 5px;
	}
	.nav3{
		float: left;
		width: 100%;
		background: url("images/index/bg2-3.png") repeat-x;
		margin: 0px;
		
	}
	.nav3-1 h1{
    font-weight: normal;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #800000;
    line-height: 36px;
	}	
	.nav3-1 samp{
		font-family:  "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		width: 100%;
		float: left;
		text-align: center;
	    color: #181818;
		font-size: 26px;
		line-height: 22px;
	}
	.nav3-1{
    width: 98%;
    float: left;
    margin-top: 20px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 20px;
		
	}
	.nav3-2{
    width: 86%;
    float: left;
    margin-top: 20px;
    margin-right: 2%;
    margin-left: 12%;
    margin-bottom: 40px;
		
	}
	.nav3-3{
    width: 88%;
    float: left;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
	position: relative;	
	}
	.nav3-3 img{
		width: 100%;
		float: left;
		height: auto;
		
	}
	.nav3-4{
		 width: 100%;
		position: absolute;
		 top: 100%;   
		z-index:2;
		left: 0%;
		
	}
	.nav3-4 a{
		color: #181818;
		text-decoration: none;
		font-size: 18px;
		display: block;		
    height: 44px;
    line-height: 44px;
    border: solid 1px #bcbbbb;
    background: #ffffff url("images/index/icon3.png") no-repeat 94% center;
		
    
		}
	.nav3-4 :hover{
		background: #1b1b1b url("images/index/icon3-2.png") no-repeat 94% center;;
		border: solid 1px #ffffff;
		color: #FFFFFF;
		
		
	}
	.txt1{
		width: 80%;
		float: left;
		margin: 0 10% 0 5%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.txt1:hover{
		border: none;
		background: none;
	}
	.nav3-5{
    width: 60%;
    margin-top: 30px;
    margin-right: 20%;
    margin-left: 20%;
    margin-bottom: 0;
    float: left;
		
	}
	.nav3-5 a{
		display: block;
		text-decoration: none;
		line-height: 44px;
		height: 44px;
		background: #511212;
		color: #FFFFFF;
		font-size: 22px;
		text-align: center;
		border-radius: 30px;
	}
	.nav3-5 a:hover{
		background: #19789b;
		border-radius: 30px;
		
	}
	.nav4{
		float: left;
		width: 100%;
		background: url("images/index/bg3.png") repeat;
		margin: 0px;
		
	}
.nav4-1{
    width: 96%;
    float: left;
    margin-top: 16px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 0px;
	}
	.nav4-2{
    background: #ffffff;
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 10px;
	}
	.tab2{
    width: 90%;
    margin-top: 20px;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    float: left;
    background: #f3f3f3;
    text-align: center;
    line-height:50px;
    height: 50px;
    color: #d30909;
    font-size: 36px;
    font-weight: bold;
	}
	.tab3{
    width: 82%;
    margin-top: 20px;
    margin-right: 9%;
    margin-left: 9%;
    margin-bottom: 0;
    float: left;
	
	}
	.tab3 a{
		display: block;
			border-radius: 50px;
    background: #871e1e;
		box-shadow: 1px 1px 2px #431b0b;
    text-align: center;
    line-height: 50px;
    height: 50px;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
		text-decoration: none;
	}
	.tab3 a:hover{
		background: #1084a1;
			box-shadow: 1px 1px 2px #064757;
		
	}
	.txt2{
		text-align: center;
		height: 36px;
		line-height: 36px;
		font-size: 15px;
		color: #222222;
		width: 100%;
		float: left;
	}
	.nav5{
		float: left;
		width: 100%;
		margin: 0px;
		
	}
	.nav5-1 h1{
    font-weight: normal;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #800000;
    line-height: 36px;
	}	
	.nav5-1 samp{
		font-family:  "Times New Roman", Arial, "serif";
		text-transform:uppercase;
		width: 100%;
		float: left;
		text-align: center;
	    color: #181818;
		font-size: 26px;
		line-height: 22px;
		margin: 0 0 15px 0;
	}
	.nav5-1{
    width: 98%;
    float: left;
    margin-top: 20px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 20px;
		
	}
	.nav5-2{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
    margin-top:0px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
	}
	.nav5-3{
		width: 100%;
		float: left;
		border-bottom: dashed 1px #bcbbbb;
	}
	.txt3{
		width: 30%;
		float: left;
		text-align: center;
		line-height:44px;
		height: 44px;
		color: #181818;
		font-size: 16px;
	}
	.txt4{
		width: 60%;
		float: left;
	}
	.txt4 a{
		line-height: 44px;
		height: 44px;
		overflow: hidden;
		text-align: left;
		text-decoration: none;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 16px;
		color: #4b4b4b;
	}
	.txt4 a:hover{
		color: #127b92;
		
	}
	.bottom{
		width: 100%;
		float: left;
		background: #800000;
	}
	.bottom2{
    width: 96%;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 15px;
    float: left;
	}
	.logo2{
		display: none;
    width: 42%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
		
	}
	.logo2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav6{
	border-left: solid 2px #FFFFFF;

    width: 98%;
    padding: 0 0 0 2%;
    float: left;
    
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
		
	}
	.txt5{
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
	}
	.txt5 samp{
		width: 100%;
		float: left;
		line-height: 20px;
		text-align: left;
		font-size: 14px;
		color: #FFFFFF;
	}
	.nav7{
		display: none;
    width: 11%;
    float: left;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 1%;
    margin-bottom: 0px;
		
	}
	.footer{
		width: 98%;
		float: left;
		text-align: center;
		color: #FFFFFF;
		background: #511212;
		font-size:14px;
		padding: 1%;
	}
	#gotop{
	display:none;
	width:49px;
	height:47px;
    position: fixed;
    right: 15px;
    bottom: 110px;    
    cursor: pointer;
		z-index: 20;
}
	.tit{   
    width: 98%;
    float: right;
    margin-top: 10px;
    margin-right: 2%;
    margin-left: 0%;
    margin-bottom: 0;
	text-align: right;
    font-size: 18px;
	}
	.txt6{
		
		color: #511212;
		font-size: 14px;
	}
	.tit samp{
		margin: 0;		
		font-size: 14px;		
		
	}
	.tit samp a{
		
		font-size: 14px;
		color: #898585;
		text-decoration: none;
		
	}
	.tit samp a:hover{
		color: #511212;
		
	}
	.nav8{
    width: 98%;
    float: right;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
	}
	.nav8-2{
		width: 100%;
		position: relative;
		float: left;
		background:url("images/about/bg3.jpg") repeat;		
		margin: 5px 0 0 0;
	}
	.nav8-2 h1{
		border-bottom: dashed 1px #ffffff;
		padding-bottom: 15px;
		font-family:  "Times New Roman", Arial, "serif";
		margin: 15px 2% 0 2%;
		padding: 0;
		width: 96%;
		font-size: 26px;
		color: #ffffff;
		font-weight: normal;
	}
	.nav8-2 samp{
		color: #ffffff;
		font-size: 15px;
		margin: 0 0 0 13px;
		
	}
	.nav8-2 p{
		padding: 0;
		width: 96%;
		float: left;
		margin: 10px 2% 15px 2%;
		color: #ffffff;
		font-size: 14px;
		line-height:20px;
	}
	.nav8-3{
		position: static;
		margin: 15px 15% 10px 15%;
		width:70%;      
	float: left;
    border: solid 1px #8b8b8b;
	}
	.nav8-3 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav9{
		width: 98%;
		float: left;
		margin: 50px 1% 0 1%;
		
	}
	.nav9{
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0;
		
	}
	.nav9-1{
    width: 90%;
    margin-top: 0;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 0;
    float: left;
    height: auto;
	}
	.nav9-1 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav9-2{
		display: none;
		width: 100%;
		float: right;
		background:url("images/about/bg4.jpg") no-repeat right top;
		height: 7px;
	}
	.nav9-3{
    border-right: solid 7px #2d2d2d;
    width: 93%;
    margin: 0 0 0 0;
    background: #ffffff url("images/about/bg2.png") no-repeat right -150px;
    float: left;
		
	}
	.nav9-4{
    width: 90%;
    float: left;
    margin-top: 0px;
    margin-right: 4%;
    margin-left: 6%;
    margin-bottom: 0px;
    padding: 15px 0 15px 0;
	}
	.nav9-4 h1{
		font-family:  "Times New Roman", Arial, "serif";
		margin:0 0 10px 0;
		padding: 0;
		width: 100%;
		font-size: 20px;
		color: #ed1d25;
		font-weight: normal;
	}
	.nav9-4 samp{
		color: #ed1d25;
		font-size: 13px;
		margin: 0 0 0 11px;
	}
	.nav9-4 p{
		padding: 0;
    width: 100%;
    float: left;
    margin: 0px;
    color: #161616;
    font-size: 14px;
    line-height: 22px;
		
	}
	.nav10{
    width: 76%;
    float: left;
    margin-top: 60px;
    margin-right: 12%;
    margin-left: 12%;
    margin-bottom: 0;
	}
	.nav10{
    width: 92%;
    float: left;
    margin-top: 20px;
    margin-right: 4%;
    margin-left: 4%;
    margin-bottom: 20px;
    text-align: center;
	}
	.nav10-1 {
    width: 100%;
    margin-top: 0;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0;
    float: left;
    height: auto;
	}
	.nav10-1 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav10-2{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 20px;
	}
	.nav10-2 h1{
    text-align: left;
    font-family: "Times New Roman", Arial, "serif";
    margin: 0% 0 0 0%;
    padding: 0;
    width: 80%;
    float: left;
    font-size: 20px;
    color: #ed1d25;
    font-weight: normal;
	}
	.nav10-2 samp{
		text-align: left;
		color: #ed1d25;
		font-size: 15px;
		margin: 0 0 0 13px;
		}
	.nav11{
    width: 96%;
    float: left;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 0;
		
	}
	.nav11 h1{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 20px;
		color: #ed1d25;
		text-align: center;
		line-height: 26px;
	}
	.nav11 samp{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 15px;
		color: #8c8c8c;
		text-align: center;
		line-height: 24px;
		font-family: "Times New Roman", Arial, "serif";
		float: left;
		
	}
	.nav11-1{
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
		
	}
	.nav11-1 img{
		width: 100%;
		float: left;
		height: auto;
		
	}
	.nav11-2{
		z-index: 5;
		text-align: center;
		background: #000000;
		color: #bf955a;
		font-size: 20px;
		padding: 5px ;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 50%;
        transform: translate(-50%, 0);
	}
	.nav11-2b{
		z-index: 5;
		text-align: center;
		background: #000000;
		color: #bf955a;
		font-size: 17px;
		padding: 5px ;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 50%;
        transform: translate(-50%, 0);
	}
	.nav11-3{
    width: 100%;
    float: left;
    background: #000000;
    margin-bottom: 10px;
	}
	.text1{
		width: 97%;
		float: left;
		margin: 1.5%;
		color: #FFFFFF;
		font-size: 15px;
		line-height: 25px;
		text-align: left;
	}
	.nav11-4{
    width: 98%;
    float: left;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 2%;
    margin-bottom: 15px;
		
	}
	.tab4{
		width: 31%;
		float: left;
		margin: 0 2.3% 0 0;
	}
	.tab4 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12{
    width: 98%;
    float: left;
    margin-top: 15px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 20px;
	
		
	}
	.nav12-1{
    position: relative;
    width: 97%;
    float: left;
    margin-top: 0;
    margin-right: 0%;
    margin-left: 0;
    margin-bottom: 55px;
	}
	.nav12-2{
    width: 90%;
    float: left;
    border: solid 1px #b5b5b5;
	}
	.nav12-2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav12-3{
		width: 90%;
		position: absolute;
		left:10%;
		bottom: -7%;
		z-index: 10;
		border: solid 1px #bf955a;
		background: #FFFFFF;
	}
	.nav12-4{
    width: 94%;
    float: left;
    border-bottom: dotted 1px #bf955a;
    margin-top: 8px;
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 0;
	}
	.nav12-4 samp{
		width: 96%;
		float: left;
		overflow: hidden;
		color: #393939;
		font-size: 18px;
		line-height: 26px;
		text-align: left;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav12-5{
    width: 94%;
    float: left;
    margin-top: 5px;
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 5px;
	}
	.nav12-5 img{
		width: 10%;
		float: left;
		height: auto;
		margin: 5px 5px 0 0;
		transition: all 0.6s ease-out;
	}
	.nav12-5 img:hover{
		transform: translateY(-6px);
	}
	.nav12-6{
		width: 100%;
		float: left;
		text-align: center;
		margin: 20px 0 0 0;
	}
	.img1{
		vertical-align: middle;
		margin: 0px 5px  0 0;
	}
	.img2{
		margin: 0px 0 0 5px;
		vertical-align: middle;
	}
	.txt7{
		margin: 0px 8px 0 8px;
	}
	.txt7 a{
		
		background: #bf955a;
		padding: 5px 10px 5px 10px;
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		text-decoration: none;
	}
	.txt7 a:hover{
		background: #800000;
		color: #ffffff;
		text-decoration: none;
		
	}
	.nav13{
    width: 96%;
    float: left;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 0;
		
	}
	.nav13-1{
    width: 100%;
    float: left;
    background: url("images/planner/bg1.png") no-repeat center top;
    margin-top: 0;
    margin-right: 0%;
    margin-left: 0;
    margin-bottom: 15px;
    background-size: cover;
	}
	.nav13-1 h1{
		letter-spacing: 0;
    font-size: 17px;
    color: #FFFFFF;
    background: url("images/planner/icon2.png") no-repeat left center;
    text-indent: 19px;
    line-height: 26px;
    margin-top: 15px;
    margin-right: 0%;
    margin-left: 2%;
    margin-bottom: 0px;
    padding: 0;
    white: 90%;
    float: left;
    font-weight: normal;
		
	}
.text2{
    width: 90%;
    float: left;
    margin-top: 0px;
    margin-right: 3%;
    margin-left: 6%;
    margin-bottom: 10px;
    text-align: left;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 22px;
	}
	.nav13-2{
		width: 100%;
		float: left;
		margin: 0 0 15px 0;
	}
	.nav13-3{
		display: none;
    width: 98%;
    float: left;
    margin-top: 0;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0px;
	}
	.nav13-4{
    width: 100%;
    float: left;
    margin-top: 0;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 10px;
	}
	.nav13-5{
    width: 100%;
    float: left;
    margin-top: 0;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
	}
	.nav13-5 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav13-6{
		width: 100%;
		float: left;
		margin: 5px 0 0px 0;
		background: #212121;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 34px;
		height: 34px;
		text-align: center;
	}
	.nav14{
	text-align: center;
    width: 96%;
    float: left;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 15px;
		
	}
	.tab5{
		margin: 0 10px 0 10px;
		text-align: center;
		
	}
	.tab5 a{
		text-decoration: none;		
		padding: 10px 40px 10px 40px;		
		border: solid 1px #800000;
		border-radius: 8px;
		color: #800000;
		font-size:15px; 
		background: #ffffff;
	}
	.tab5 a:hover{
		text-decoration: none;
		background: #800000;
		color: #ffffff;
	}
	.tab6{
		margin: 0 10px 0 10px;
		text-align: center;
		
		
	}
	.tab6 a{
		text-decoration: none;		
		padding: 10px 40px 10px 40px;			
		border: solid 1px #800000;
		border-radius: 8px;
		color: #ffffff;
		font-size:15px; 
		background: #800000;
	}
	.tab6 a:hover{
		text-decoration: none;
		background: #800000;
		color: #ffffff;
		
	}
	.nav14-1{
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
		
	}
	.nav15-1{
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
		
	}
	.nav15-1{
    width: 100%;
    float: left;
    margin-top: 40px;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0px;
		
		
	}
		.nav15-2{	
		display: block;
		border: solid 1px #e4e4e4;
		box-shadow: 2px 2px 3px #7e7e7e;
    width: 96.2%;
    float: left;
    margin-top: 0px;
    margin-right: 3.5%;
    margin-left: 2%;
    margin-bottom: 20px;	
		background: #ffffff;
		transition: all 0.6s ease-out;
	}
	.nav15-2 a{
		display: block;
		background: #800000;
		text-decoration: none;
		
	}
	.nav15-2:hover{
		display: block;
		background: #ececec;
		
	}
	.txt8{
		width: 28%;
		font-size: 17px;
		color: #4b4b4b;
		float: left;
		text-align: center;
		border-right:solid 1px #444444;
		margin: 18px 0 18px 0;
		line-height: 20px;
	}
	.txt9{
		width: 62%;
		font-size: 17px;
		color: #4b4b4b;
		float: left;
		margin: 18px 0 18px 5%;
		line-height: 20px;
		text-align: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.nav16{
    width: 96%;
    float: left;
    margin-top: 15px;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 15px;
		
	}
	.nav16-1{
    width: 100%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
	}
	.nav16-2{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
	}
	.nav16-2 samp{
		width: 100%;
		float:left;
		font-size: 15px;
		line-height: 28px;
		text-align: left;
	}
	.nav16-3{
    width:80%;
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0%;
    margin-bottom: 0;
    border: solid 1px #bcbbbb;
    background: #FFFFFF url("images/contact/icon1.jpg") no-repeat 7% center;
    height: 46px;
    line-height: 46px;
    text-indent: 15%;
    color: #800000;
    font-size: 16px;
    text-align: left;
    letter-spacing: 1px;
	}
	.nav16-4{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
	}
	.nav16-5{
    border: solid 1px #dcdcdc;
    width: 99.5%;
    float: left;
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0px;
    height: 220px;
	}
	.nav16-6{
		width: 100%;
		float: left;
		margin: 15px 0 0 0%;
		padding: 0;
		list-style: none;
	}
	.tab7{
		margin-bottom: 10px;
		width: 100%;
		float: left;
		border-bottom: solid 1px #dddddd;
		padding-bottom: 5px;
	}
	.txt10{
    width: 21%;
    float: left;
    text-align: right;
    line-height: 34px;
    height: 34px;
    font-size: 16px;
    color: #2a3537;
	}
	.txt11{
    width: 21%;
    float: left;
    text-align: right;
    line-height: 66px;
    height: 66px;
    font-size: 16px;
    color: #2a3537;
	}
	.txt11-2{
    width: 21%;
    float: left;
    text-align: right;
    line-height: 66px;
    height: 66px;
    font-size: 16px;
    color: #2a3537;
	}
	.tab8{
		height: 36px;
		width: 75%;
		float: left;
		border-left: dashed 1px #dadada;
		margin: 0 0 0 2%;
	}
	.tab9{
    height: 76px;
    width: 75%;
    float: left;
    border-left: dashed 1px #dadada;
    margin: 0 0 0 2%;
	}
	.tab9-2{
    height: 76px;
    width: 65%;
    float: left;
    border-left: dashed 1px #dadada;
    margin: 0 0 0 2%;
	}
	.form1{
    width: 90%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    line-height: 24px;
		
	}
	.form2{
    width: 90%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    height: 66px;
		
	}
	.form3{
    width: 30%;
    float: left;
    border: solid 1px #bababa;
    background: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 4px;
    margin-left: 5%;
    margin-right: 2%;
    line-height: 24px;
		
	}
	.nav16-7{
    width: 70%;
    float: left;
    margin-top: 15px;
    margin-right: 0;
    margin-left: 26%;
    margin-bottom: 15px;
   	}
	.txt12{
		text-align: center;
		margin: 0 20px 0 0;
		
		
		
	}
	.txt12 a{
		padding: 10px 20px 10px 20px;
		
		border: solid 1px #5b5b5b;
		border-radius: 5px;
		font-size: 17px;
		color: #484242;
		text-decoration: none;
		
	}
	.txt12 a:hover{
		text-decoration: none;
		color: #484242;
		border: solid 1px #3b3a3a;
		
		
	}
	.txt13{
		position: relative;
		width: 10%;
		margin: 15% 3% 0 0;
		
	}
	.txt14{
		position: relative;
		width: 10%;
		margin: 15% 0% 0 0%;
		
	}
	.arrowe {
		top:10%;		
	position: absolute;	
	width: 3vmin;
	height: 3vmin;
	background: transparent;
	border-top: 1vmin solid #bf955a;
	border-right: 1vmin solid #bf955a;
	box-shadow: 0 0 0 lightgray;
		transition: all 200ms ease;
	transform: translate3d(0,0%,0) rotate(-135deg);
	}
	.arrowa {
		top:10%;		
	position: absolute;	
	width: 3vmin;
	height: 3vmin;
	background: transparent;
	border-top: 1vmin solid #bf955a;
	border-right: 1vmin solid #bf955a;
	box-shadow: 0 0 0 lightgray;
		transition: all 200ms ease;
	transform: translate3d(0,0%,0) rotate(45deg);
	}
	.arrowe left {
		left: 0;
		transform: translate3d(0,-50%,0) rotate(-135deg);
		
		
	}

	.arrowa right {
		left: 0;
		transform: translate3d(0,-50%,0) rotate(-135deg);
	}
	
	.arrowe:hover {
		border-color: orange;
		box-shadow: 0.5vmin -0.5vmin 0 #800000;
	}
	
	.arrowe:before { 
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-100%,-80%) rotate(90deg);
		width: 200%;
		height: 200%;
	}
	.arrowa:hover {
		border-color: orange;
		box-shadow: 0.5vmin -0.5vmin 0 #800000;
	}
	
	.arrowa:before { 
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-100%,-80%) rotate(90deg);
		width: 200%;
		height: 200%;
	}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
	
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
	
  left: 0;
 
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
	
  color: #fff;
	float: none;
  text-align: center;
	font-weight: normal;
  position: relative;
  font-size: 15px;
	padding: 5px 0 5px 0;
	margin:0% 0 0 0;
	float:inherit;
  background: rgba(0, 0, 0, 0.6);
	width: 100%;
	top:100%;
  left: 100%;
  transform: translate(-100%, -100%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
	
}

.hovereffect:hover h2 {
top:60%;
  left: 100%;
  transform: translate(-100%, -100%);
}

.hovereffect a.info {
 display: inline-block;
  text-decoration: none; 
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  
  font-weight: normal;
   margin: -5px 0 0px 0;
  padding: 36% 40%;
}


.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
}