/*---------- CLEAR & MAIN----------*/
	*{
		margin: 0;
		padding: 0;
		text-decoration: none;
		list-style: none;
		/*color:white;*/
		font-weight: normal;
		font-family: "Microsoft JhengHei", "sans-serif";
	}
	.sec{
		width: 100%;
		height: 100vh;
		position: relative;
		/*background:#ccc;*/
	}

	.container{
		max-width: 1200px;
	}

	h2{
		color:#E88400;
		font-size: 1em;
		margin-bottom: 1em;
	}
	h3, h5{
		margin-top:-0.2em;
		color:#3B3B3B;
		font-weight: bold;
		font-size: 1.95em;
		line-height: 1.8em;
		letter-spacing: 2px;
		text-align: justify;
	}
	.txt_orange{
		letter-spacing: 1px;
		color:#E88400;
	}
	h5{
		font-size: 1.5em;
		letter-spacing: 0;
	}
	p{
		font-size:1em;
		line-height: 2em;
		text-align: justify;
		color:#3B3B3B;
	}

	.btn{
		display: block;
		width: 125px;
		height: 40px;
		background:#E88400;
		color:white;
		font-size: 1.25em;
		font-weight: bold;
		letter-spacing: 4px;
		box-sizing: border-box;
		padding:5.5px 14px;
		position: relative;
	}
	.btn>span{
		display: none;
	}

	.frame{
		width: 450px;
		height: 150px;
		border:5px solid #E88400;
		box-sizing: border-box;
		padding:20px;
		z-index: 2;
	}

	.txt_blue{
		color:#0095DB;
	}
	.btn_blue{
		background:#0095DB;
	}

	address{
		font-style: normal;
	}

	@keyframes fadeIn{
		from{opacity: 0;}
		to  {opacity: .3;}
	}
	@keyframes fadefromdown{
		from{
			-webkit-transform: translateY(20px);
			   -moz-transform: translateY(20px);
			    -ms-transform: translateY(20px);
			     -o-transform: translateY(20px);
			        transform: translateY(20px);
			opacity: 0;
		}
		to  {
			-webkit-transform: translateY(0);
			   -moz-transform: translateY(0);
			    -ms-transform: translateY(0);
			     -o-transform: translateY(0);
			        transform: translateY(0);
			opacity: 1;
		}
	}
/*---------- END CLEAR & MAIN ----------*/
	/*---------- nav ----------*/
		nav{
			position: fixed;
			top:0;
			background: white;
			width: 100%;
			height: 90px;
			z-index: 100;
			transition: .5s;
		}
		#nav_container{
			position: relative;
			margin: 0 auto;
			width: 62.5%;
			max-width: 1200px;
			height: 100%;
			/*background:#aaa;*/
		}
		#nav_container ul li{
			display: inline-block;
		}

		#nav_logo{
			display: inline-block;
			position: absolute;
			bottom:16px;
		}

		#nav_container span{
			display: inline-block;
			width: 15vw;
			height: 100%;
			/*background: #333;*/
		}
		#rwdmenu{
			display: none;
		}
		#menu{
			display: inline-block;
			width: auto;
			min-width: 635px;
			position: absolute;
			bottom: 20px;
			right:60px;
			margin-right: 42px;
			/*background:#555;*/
		}
		#menu li{
			padding:0 1vw;
		}

		#menu li:after,
		#menu li.active:after{
			content: "";
			display: block;
			width: 0;
			height: 4px;
			background: white;
			margin-top:6px;
			transition: .5s;
		}
		#menu li.active:after{
			background:#E88400;
			width: 100%;
			transition: .5s;
			animation:showactive .5s forwards;
		}
		@keyframes showactive{
			from{width: 0;}
			to  {width: 100%;}
		}
		#menu li a{
			color: #3B3B3B;
			font-size: 1.25em;
		}

		#lang{
			position:absolute;
			right: 0;
			bottom: 25px;
		}
		#lang li:last-child{
			padding-left:12px;
		}

		#hambergur,
		#close{
			display: none;
			cursor:pointer;
		}
	/*---------- END nav ----------*/
	/*---------- footer ----------*/
		footer{
			width: 100%;
			height: 100px;
			background: #3B3B3B;
			position: relative;
			left: 0;
			bottom: 0;
		}
		footer p{
			width: 490px;
			height: 1.5em;
			line-height: 1.5em;
			color:#eee;
			position: absolute;
			top: 0;right: 0;bottom: 0;left: 0;
			margin:auto;
		}
	/*---------- END footer ----------*/
	/* ---------- PAGINATION ---------- */
		.page{
			width: 320px;
			margin:120px auto 180px;
		}
		.p_prev,
		.p_next,
		.p_num,
		.p_num li{
			display: inline-block;
			vertical-align: middle;
		}
		.p_prev,
		.p_next{
			width: 35px;
			height: 36px;
		}
		.p_num{
			margin:0 30px;
		}
		.p_num li{
			padding:10px;
		}
		.p_num li a{
			color:#3b3b3b;
			font-size: 1.2em;
			font-weight: bold;
		}
	/* ---------- ENDPAGINATION ---------- */
		/*---------- RWD ----------*/
		@media only screen and (max-width: 1550px){
			#nav_container{
				width: 85%;
				min-width:250px;
			}
		}
		@media only screen and (max-width: 1200px){
			#menu{
				margin-right: 3%;
			}
			#menu li{
				padding:0 1%;
			}
			#menu li a{
				font-size: 1.1em;
			}
		}
		@media only screen and (max-width: 1050px){
			#menu{
				margin-right: 3%;
				min-width: 570px;
			}
			#menu li{
				padding:0 1%;
			}
			#menu li a{
				font-size: 1em;
			}
		}

		@media only screen and (max-width: 768px){
			nav{
				height: 50px;
			}
			#nav_container{
				width: 90%;
				min-width:300px;
			}
			#nav_logo{
				bottom: 3px;
			}
			#lang{
				bottom: 8px;
			}
			#menu{
				display: none;
			}
			#rwdmenu{
				display: none;
				position: absolute;
				top: 0;
				/*top: 50px;*/
				left: -5.5%;
				width: 100vw;
				height: 100vh;
				background: rgba(0,0,0,.5);
				color:white;
				z-index: 100;
			}
			#rwdmenu.open{
				display: block;
				animation: slideDown .5s forwards;
			}
			#rwdmenu a{
				color:white;
			}
			#rwdmenu ul{
				width: 28vw;
				height: 50vh;
				font-size: 5vw;
				display: block;
				float: none;
				position: absolute;
				top: 0;right: 0;bottom: 0;left: 0;
				margin:auto;
			}
			@keyframes slideDown{
				from{height: 0;}
				to  {height: 100vh;}
			}
			#hambergur{
				display: inline-block;
				width: 25px;
				height: 25px;
				position: absolute;
				right: calc(5% + 60px);
				padding:13px;
				z-index: 999;
			}
			#hambergur>span{
				display: block;
				width: 25px;
				height: 4px;
				margin-bottom: 5px;
				background: #3B3B3B;
				border-radius: 2.5px;
				transition:.5s;
			}
			#hambergur.close > span:nth-child(1){
				transform:rotateZ(45deg) translate(4px,4px);
			}
			#hambergur.close > span:nth-child(2){
				background: transparent;
			}
			#hambergur.close > span:nth-child(3){
				transform:rotateZ(-45deg) translate(8px,-8px);
			}

			footer p{
				width: 250px;
				text-align: center;
			}
		}
		@media only screen and (max-width: 480px){
			#nav_container{
				width: 90%;
			}
			#rwdmenu ul{
				width: 35vw;
			}
			#rwdmenu li{
				font-size: 7vw;
			}

			.page{
				width: 230px;
			}
			.p_num{
				margin:0 10px;
			}
			.p_num li{
				padding:5px;
			}
		}
	/*---------- END RWD ----------*/