@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/* ----------RESET---------- */
	*{
		margin:0;
		padding: 0;
		color:inherit;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		font: inherit;
	}
	body{
		position: relative;
		font-size: 16px;
		font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Helvetica', 'Arial', sans-serif;
		color:#383838;
		padding-top: 120px;
		background-color: #00275D;
	}
	::selection {
	    background: #aaaaaa;
	    text-shadow: none;
	}

	ul, li{
		list-style: none;
		font-size: inherit;
	}
	img{
		border:none;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	input,
	textarea,
	keygen,
	select,
	a{
		outline: none;
		border:none;
		border-radius: 0;
	}
	input::-moz-focus-inner,
	button::-moz-focus-inner,
	select::-moz-focus-inner{
		border:0;
		outline:0;
	}
	select:-moz-focusring {
		color: transparent;
		text-shadow: 0 0 0 #000;
	}
	input[type="search"],
	input[type="search"]:hover,
	input[type="search"]:focus,
	input[type="search"]:active{
		-webkit-appearance:none;
	}
	label{
		cursor: pointer;
	}
	select::-ms-expand {
		display: none;
	}
	button,
	input[type="submit"],
	input[type="reset"]{
		background: none;
		border:none;
		outline: none;
		cursor:pointer;
		font:inherit;
		-webkit-appearance: none;
		letter-spacing: 2px;
	}
	option{
		font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Helvetica', 'Arial', sans-serif;
		background-color: transparent;
	}
	table{
		border-collapse:collapse;
	}
	section:last-of-type{
		/* go-top with footer overflow bug hack*/
		transform:translate3d(0,0,0);
	}
	input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
	input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
	input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
	input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-results-button,
	input[type="search"]::-webkit-search-results-decoration { display: none; }
/* ----------BLOCK---------- */
	.fleft{
		float:left;
	}
	.fright{
		float: right;
	}
	.row{
		width: 100%;
		position: relative;
		text-align: center;
		margin-bottom: 30px;
	}
	.cb{
		clear:both;
	}
	.w800,
	.w1000,
	.w1200,
	.w1300,
	.w1500{
		display: block;
		width: 90%;
		max-width: 1200px;
		margin:0 auto;
		text-align: center;
		position: relative;
	}
	.w800{
		width: 70%;
		max-width: 800px;
	}
	.w1000{
		max-width: 1000px;
	}
	.w1300{
		max-width: 1300px;
	}
	.w1500{
		max-width: 1500px;
	}
	.w95{
		width: 94%;
		max-width: 1750px;
		margin:0 auto;
		/*text-align: center;*/
		position: relative;
	}
	.col50,
	.col33,
	.col66,
	.col20,
	.col25,
	.col40,
	.col60{
		display: inline-block;
		vertical-align: top;
		margin-left: -7px;
		padding:10px 20px;
	}
	.col50{
		width: 50%;
		vertical-align: middle;
	}

	.col50:first-child,
	.col33:first-child{
		margin-left: 0px;
	}
	.col33{
		width: 33.333%;
	}
	.col66{
		width: 66.6%;
	}
	.col20{
		width: 20%;
	}
	.col25{
		width: 25%;
	}
	.col40{
		width: 40%;
		padding:0;
	}
	.col60{
		width: 60%;
		padding:0;
	}
	.mobile-on,
	.m480-on{
		display: none;
	}
	.bg-white{
		background-color: #ffffff;
	}
	.bg-grey{
		background-color: #f5f5f5;
	}
	.bg-black{
		background-color: #161616;
		color:#ffffff;
	}

	hr{
		width: 100%;
		border:0;
		height: 1px;
		background-color: #161616;
		color:#161616;
		margin:10px 0;
	}
	hr.red{
		background-color: #E48026;
		color:#E48026;
	}
	hr.grey{
		background-color: #bbbbbb;
		color:#bbbbbb;
	}
	hr.red-dots{
		background-color: transparent;
    	border-bottom: 1px dashed #db4c6f;
		color:#E48026;
	}
/* ----------TEXT---------- */
	h2,h3,h4,h5,h6,
	a,p,b,small{
		font:inherit;
		color:inherit;
	}
	.sec_topinfo h1{/*20210701把頁面h2改H1*/
		font-size: 3.85em;
		font-weight: 300;
		letter-spacing: 10px;
		line-height: 1.2em;
		margin-bottom: 10px;
	}
	h2{
		font-size: 3.85em;
		font-weight: 300;
		letter-spacing: 6px;
		line-height: 1.2em;
		margin-bottom: 10px;
	}
	h3{
		font-size: 2.25em;
		font-weight: 300;
		letter-spacing: 4px;
		line-height: 1.2em;
		margin-bottom: 10px;
	}
	h4{
		font-size: 1.625em;
		font-weight: 300;
		letter-spacing: 4px;
		line-height: 1.2em;
	}
	h5{
		font-size: 1.375em;
		font-weight: 300;
		letter-spacing: 2px;
		line-height: 30px;
	}
	a{
		display: inline-block;
		text-decoration: none;
		letter-spacing: 2px;
	}
	p{
		font-size: 1em;
		line-height: 1.5em;
		letter-spacing: 2px;
		font-weight: 300;
	}
	b{
		font-weight: bolder;
	}
	small{
		display: block;
		font-size: .75em;
		line-height: normal;
		letter-spacing: 1px;
	}
	strong{
		font-weight: bold;
	}
	u{
		text-decoration: underline;
	}
	em{
		font-style: italic;
	}
	s, strike, del {
		text-decoration: line-through;
	}
	.txt-white{
		color:#ffffff;
	}
	.txt-black{
		color:#161616;
	}
	.txt-red{
		color:#E48026;
	}
	.txt-dark{
		color:#770010;
	}

	.align-left{
		text-align: left;
		text-align-last: left;
	}
	.align-right{
		text-align: right;
		text-align-last: right;
	}
	.align-center{
		text-align: center;
		text-align-last: center;
	}
/* ----------INPUT---------- */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	textarea,
	select{
		-webkit-appearance: none;
		-moz-appearance: none;
		padding:10px 20px;
		color:#161616;
		border:1px solid #a0a0a0;
		letter-spacing: 2px;
		width: 100%;
	}
	select{
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
	}

	label.select{
		display: inline-block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	label.select:before {
		content:'';
		display:block;
		width:30px;
		height:80%;
		background:#ffffff;
		position:absolute;
		top:0;
		bottom:0;
		right:2px;
		margin:auto 0;
		pointer-events:none;
	}
	label.select:after {
		content:'';
		display:block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 6px 0 6px;
		border-color: #E48026 transparent transparent transparent;
		position:absolute;
		top:0;
		bottom:0;
		right:15px;
		margin:auto 0;
		pointer-events:none;
	}

	input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-weight: 300;
		letter-spacing: 2px;
		color:#aeaeae;
	}
	input::-moz-placeholder { /* Firefox 19+ */
		font-weight: 300;
		letter-spacing: 2px;
		color:#aeaeae;
	}
	input:-ms-input-placeholder { /* IE 10+ */
		font-weight: 300;
		letter-spacing: 2px;
		color:#aeaeae;
	}
	input:-moz-placeholder { /* Firefox 18- */
		font-weight: 300;
		letter-spacing: 2px;
		color:#aeaeae;
	}

	/*radio&checkbox樣式覆蓋*/
		input[type=radio   ]:not(old),
		input[type=checkbox]:not(old){
			width     : 0;
			margin    : 0;
			font-size : 0;
			opacity   : 0;
			pointer-events: none;
            display: none;
		}
		input[type=radio   ]:not(old) + label,
		input[type=checkbox]:not(old) + label{
			display      : inline-block;
			vertical-align: middle;
			line-height  : 1.5em;
			margin-right : 17px;
			cursor       : pointer;
    		letter-spacing: 2px;
		}
		input[type=radio   ]:not(old) + label > span,
		input[type=checkbox]:not(old) + label > span{
			display          : inline-block;
			width            : 16px;
			height           : 16px;
			padding          : 0;
			margin           : -1px 8px 3px 0px;
			position         : relative;
			border-radius    : 0;
			background       : rgba(255,255,255,.8);
			border			 : 1px solid #a0a0a0;
			vertical-align   : middle;
			cursor           : pointer;
		}
		input[type=radio]:not(old):checked +  label > span > span{
			display          : block;
			width            : 10px;
			height           : 10px;
			margin           : auto;
			top: 0;right: 0;bottom: 0;left: 0;
			position         : absolute;
			border-radius    : 0;
			background       : #E48026;
		}
		input[type=checkbox]:not(old):checked + label > span:before{
			content     : '';
			display          : block;
			width            : 10px;
			height           : 10px;
			margin           : auto;
			top: 0;right: 0;bottom: 0;left: 0;
			position         : absolute;
			border-radius    : 0;
			background       : #E48026;
		}

	.success,
	.error{
		position: relative;
	}
	.success:after,
	.error:after{
		content: '';
		width: 31px;
		height: 31px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin:auto 0;
		right: 5%;
		-webkit-animation: showContent .5s ease forwards;
		   -moz-animation: showContent .5s ease forwards;
		    -ms-animation: showContent .5s ease forwards;
		     -o-animation: showContent .5s ease forwards;
		        animation: showContent .5s ease forwards;
	}
	.success:after{
		background: url('../img/icon/check.png') center center no-repeat;
	}
	.error:after{
		background: url('../img/icon/error.png') center center no-repeat;
	}
/* ----------BTN---------- */
	.btn{
		border:2px solid;
		text-align: center;
		padding:12px 25px;
		letter-spacing: 2px;
	}
	.btn:hover{
		background-color: rgba(255,255,255,.3);
	}
	.btn-red,
	input[type="submit"].btn-red{
		display: block;
		color:#ffffff;
		background-color: #E48026;
		text-align: center;
		padding:12px 25px;
		letter-spacing: 2px;
	}
	.btn-red:hover,
	input[type="submit"].btn-red:hover{
		background-color: #ffffff;
		color:#E48026;
	}
/* sec_btns */
	.sec_btns{
		padding: 30px 0 20px;
	}
	.sec_btns .col50:first-child{
		padding-left: 0;
		padding-right: 5px;
	}
	.sec_btns .col50:last-child{
		padding-left: 5px;
		padding-right: 0;
	}
	.sec_btns .btn{
		width: 100%;
		color:#ffffff;
		border:2px solid #E48026;
		padding: 9px;
	}
	.sec_btns .btn-red:hover{
		background-color: #D75526;
		border-color: #D75526;
	}
	.sec_btns .btn-red .beforeclick{
		display: inline;
	}
	.sec_btns .btn-red .afterclick{
		display: none;
	}
	.sec_btns .btn-red.active .beforeclick{
		display: none;
	}
	.sec_btns .btn-red.active .afterclick{
		display: inline;
	}
	.sec_btns .btn-frame{
		background-color: #ffffff;
		color:#E48026;
		border-color: #E48026;
	}
	.sec_btns .btn-frame:hover{
		border-color: #D75526;
		color:#D75526;
	}
/* ----------FIXED BTN---------- */
	#fb{
		position: fixed;
		padding:5px 8px 6px;
		font-size: 1em;
		letter-spacing: 4px;
		font-weight: 300;
		color:#ffffff;
		background-color: #E48026;
		border:1px solid #770010;
		right: 0px;/*35px*/
		top: 42vh;
		width:37px;
		transform-origin: right top;
		-webkit-transform: rotate(0deg);/*270*/
		   -moz-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		     -o-transform: rotate(0deg);
		        transform: rotate(0deg);
		z-index: 900;
	}

	#company_service{
		position: absolute;
		top: 120px;
		right: 0;
		display: block;
		padding:12px 80px 12px 40px;
		background: url(../img/icon/arrow-r.png) #ffffff 90% center no-repeat;
		background-size: 8px;
		text-shadow: none;
		color:#E48026;
		letter-spacing: 3px;
		font-weight: 400;
		font-size: 18px;
		z-index: 800;
	}
	#company_service:hover{
		background-image: url(../img/icon/arrow-w.png);
		background-color: #E48026;
		color:#ffffff;
	}
/* ----------GO-TOP BTN---------- */
	#go-top,
	.go-top-white{
		width: 60px;
		height: 60px;
		background:url(../img/icon/go-top-r.png) center center no-repeat;
		background-size: contain;
		position: fixed;
		right: 3%;
		bottom: 95px;
		cursor: pointer;
		opacity: 0;
		pointer-events: none;
		z-index: 800;
	}
	.go-top-white{
		background:url(../img/icon/go-top-w.png) center center no-repeat;
		background-size: contain;
		z-index: 999;
	}
	#go-top.active,
	.go-top-white.active{
		opacity: 1;
		pointer-events: all;
	}
	.go-top-white.gotop-up{
		bottom:206px;
	}
	/*#go-top.active:hover{
		-webkit-transform: scale(1.1,1.1);
		   -moz-transform: scale(1.1,1.1);
		    -ms-transform: scale(1.1,1.1);
		     -o-transform: scale(1.1,1.1);
		        transform: scale(1.1,1.1);
	}
	#go-top.active:active{
		-webkit-transform: scale(1.2,1.2);
		   -moz-transform: scale(1.2,1.2);
		    -ms-transform: scale(1.2,1.2);
		     -o-transform: scale(1.2,1.2);
		        transform: scale(1.2,1.2);
	}*/
/* ----------VERIFICATION CODE---------- */
	.v-code{
		cursor: pointer;
		padding: 5px 10px;
		border-color:#E48026;
		background-color: #cccccc;
	}
/* ----------TRANSITION---------- */
#hamburger{
	display: none;
}
	#hamburger:before,
	#hamburger:after,
	#fb,
	.submenu p,
	.btn,
	.btn-red,
	header nav .menu,
	header nav .func,
	footer nav ul ul,
	#company_service,
	#go-top,
	.go-top-white{
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	header .menu > li a{
		-webkit-transition: color .25s ease;
		   -moz-transition: color .25s ease;
		    -ms-transition: color .25s ease;
		     -o-transition: color .25s ease;
		        transition: color .25s ease;
	}
	header.nav-up nav > a img,
	header nav > a,
	header .menu > li:before{
		-webkit-transition: all .4s ease;
		   -moz-transition: all .4s ease;
		    -ms-transition: all .4s ease;
		     -o-transition: all .4s ease;
		        transition: all .4s ease;
	}
	.submenu li a:before{
		-webkit-transition: all .6s ease;
		   -moz-transition: all .6s ease;
		    -ms-transition: all .6s ease;
		     -o-transition: all .6s ease;
		        transition: all .6s ease;
	}
	.submenu.active,
	#langmenu.active,
	#search-box.active{
		-webkit-transition: all .8s ease;
		   -moz-transition: all .8s ease;
		    -ms-transition: all .8s ease;
		     -o-transition: all .8s ease;
		        transition: all .8s ease;
	}
/* ----------HEADER---------- */
	header{
		width: 100%;
		position: fixed;
		top:0;
		left: 0;
		background-color: #00275D;
		color:#ffffff;
		font-size: 18px;
		font-weight: 300;
		z-index: 999;
	}
	header.nav-up .menu > li > a{
		padding:15px 3px;
	}
	header.nav-up nav > a img{
		max-height: 30px;
	}

	header nav > ul,
	header nav > a{
		display: inline-block;
		vertical-align: middle;
		margin-left: -4px;
	}
	header a{
		letter-spacing: 2px;
	}
	header nav > ul > li{
		display: inline-block;
		vertical-align: middle;
		line-height: 22px;
	}
	header nav{
		/*text-align:center;*/
		width: 100% !important;
	}
	header .menu{
		/* width: 57%; */
	}
	header nav > ul{
		/* width: 18%; */
	}
	header nav > a{
		width: 260px;
		padding-right: 20px;
	}
	header nav > a img{
		display: block;
		margin:0 auto;
		max-height: 46px;
	}
	header .menu > li{
		/* width: 12.5%; */
		margin-left: -7px;
		position: relative;
		z-index: 999;
		text-align: center;
		padding: 0 10px;
	}
	header .menu > li:first-child{
		margin-left: 0;
	}
	header .menu > li > a{
		padding:29px 3px;
	}
	header .menu > li:hover > a,
	header .menu > li.active > a{
		color:#00275D;
	}
	header .menu > li:before{
		content:'';
		display: block;
		width: 100%;
		height: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #ffffff;
		z-index: -1;
	}
	header .menu > li:hover:before,
	header .menu > li.active:before{
		height: 100%;
	}
	#lang{
		/*border:1px solid #ffffff;*/
	}
	#lang span{
		padding:2px 3px 2px 5px;
		display: none;
	}
	#lang span.active{
		display: inline-block;
	}

	#langmenu{
		position: absolute;
		top: 80px;
		left: -10px;
		max-height: 0;
		overflow: hidden;
	}
	#langmenu.active{
		max-height: 500px;
	}
	.nav-up #langmenu{
		top:52px;
	}
	#langmenu li a{
		font-size: 14px;
		width: 100%;
		padding: 5px 20px;
		letter-spacing: 2px;
		background-color: #ffffff;
		color:#E48026;
	}
	#langmenu li:first-child a{
		padding-top: 10px;
		letter-spacing: 2.5px;
	}
	#langmenu li:last-child a{
		padding-bottom: 10px;
		letter-spacing: 3px;
	}
	#langmenu li a:hover{
		background-color: #E48026;
		color:#ffffff;
	}

	#search{
		padding:0 10px;
	}

	#search-box{
		background-color: #ffffff;
		box-shadow: 0 10px 10px rgba(0,0,0,.1);
		z-index: 999;
		max-height: 0;
		overflow: hidden;
		position: relative;
	}
	#search-box.active{
		max-height: 1000px;
	}
	#search-box p{
		padding-top: 30px;
		margin-bottom: 10px;
	}
	#search-box input[type=radio   ]:not(old) + label{
		position: relative;
		min-width: 150px;
		text-align:center;
	}
	#search-box input[type=radio   ]:not(old) + label > span{
		/*display: none;*/
		width: 100%;
		height: 4px;
		position: absolute;
		bottom: -10px;
		left: 0;
		right: 0;
		margin:0 auto;
	}
	#search-box input[type=radio]:not(old):checked +  label > span{
		background-color: #E48026;
		border-color: #E48026;
		-webkit-animation: growWidth .5s forwards;
		-o-animation: growWidth .5s forwards;
		animation: growWidth .5s forwards;
	}
	#search-box input[type=radio   ]:not(old):checked + label{
		color:#E48026;
	}
	#search-box input[type="search"]{
		display: block;
		width: 50%;
		text-align: center;
		border-bottom: 1px solid #e3e3e3;
		margin:50px auto;
		letter-spacing: 5px;
		padding-bottom: 5px;
		font-size: 20px;
	}

	#search-close{
		width: 40px;
		height: 40px;
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
	}
	#search-close:before,
	#search-close:after{
		content: '';
		display: block;
		width: 20px;
		height: 3px;
		border-radius: 1px;
		background: #E48026;
		position: absolute;
		top: 18px;
		left: 10px;
	}

	#search-close:before{
		-webkit-transform: translateY(0px) rotate(45deg);
		   -moz-transform: translateY(0px) rotate(45deg);
		    -ms-transform: translateY(0px) rotate(45deg);
		     -o-transform: translateY(0px) rotate(45deg);
		        transform: translateY(0px) rotate(45deg);
	}
	#search-close:after{
		-webkit-transform: translateY(0px) rotate(-45deg);
		   -moz-transform: translateY(0px) rotate(-45deg);
		    -ms-transform: translateY(0px) rotate(-45deg);
		     -o-transform: translateY(0px) rotate(-45deg);
		        transform: translateY(0px) rotate(-45deg);
	}
	#member a{
		font-size: 16px;
		/*line-height: 18px;*/
	}
	#member a:first-child{
		/*
		border-right: 1px solid #ffffff;
		padding-right: 5px;
		margin-right: 9px;
		*/
	}
/* ----------HEADER - SUBMENU---------- */
	.submenu{
		width: 100%;
		max-height: 0;
		overflow: hidden;
		max-width: 1920px;
		padding:0px;
		position: absolute;
		left: 0;
		background-color: #ffffff;
		text-align:center;
		box-shadow: 0 0px 20px rgba(0,0,0,.2);
		display: flex;
		flex-wrap: nowrap;
	}
	.submenu:after{
		content:'';
		display: table;
		clear:both;
	}
	.submenu.active{
		max-height: 500px;
	}
	.submenu li{
		/*display: inline-block;
		vertical-align: top;
		margin-left: -5px;*/
		width: 12.5%;
		float: left;
		position: relative;
	}
	.submenu li:first-child{
		margin-left: 0;
	}
	ul.submenu.subm-2 {
		width: auto;
		left: 25%;
	}
	ul.submenu.subm-2.active{
		max-height: 500px;
	}
	.subm-2 li{
		width: 40%;
	}
	.submenu li a > img{
		display: block;
		width: 100%;
		max-height: none;
		opacity: .4;
	}
	.submenu li .icon{
		width: 40%;
		height: 40%;
		position: absolute;
		top: -10%;
		right: 0;
		bottom: 0;
		left: 0;
		margin:auto;
		overflow: hidden;
	}
	.submenu li .icon img{
		width: 200%;
		max-width: none;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}
	.submenu li p{
		letter-spacing: 3px;
		position: absolute;
		top: 65%;
		right: 0;
		bottom: 0;
		left: 0;
		margin:auto;
		color:#E48026;
		font-weight: 400;
	}
	.submenu li a{
		position: relative;
		overflow:hidden;
		display: block;
	}
	.submenu li a:before{
		content:'';
		display: block;
		width: 100%;
		height: 100%;
		background-color: #E48026;
		position: absolute;
		opacity: 0;
	}
	.submenu li:hover a:before{
		opacity: 1;
	}
	.submenu li:hover .icon img{
		left: -100%;
	}
	.submenu li:hover p{
		color:#ffffff;
	}
/* ----------FILTER---------- */
	#filter{
		width: 100%;
		height: 100%;
		position: fixed;
		pointer-events: none;
		z-index: 90;
		display: none;
	}
	/*#filter.active{
		background-color: rgba(0,0,0,.2);
		pointer-events: all;
		display: block;
	}*/
/* ----------FOOTER---------- */
	footer{
		background-color: #E48026;
		color:#ffffff;
		padding-top: 4%;
		position: relative;
		z-index: 899;
		overflow: hidden;
	}
	footer nav.w1300{
		padding-bottom: 4%;
	}
	footer nav > ul{
		text-align: center;
	}
	footer nav > ul > li{
		display: inline-block;
		vertical-align: top;
		width: 13%;
		margin:0 4%;
	}
	footer nav > ul > li:first-child{
		margin-left: 0;
	}
	footer nav > ul > li:last-child{
		margin-right: 0;
	}
	footer h5{
		border-bottom: 1px solid #161616;
		padding-bottom: 8px;
		margin-bottom: 12px;
		text-align:left;
		font-weight: 400;
	}
	footer a{
		display: block;
		font-weight: 300;
		letter-spacing: 2px;
		text-align:left;
		margin:5px 0;
	}
	footer a:hover{
		color:#eeeeee;
	}

	.footer_bottom{
		padding-bottom: 50px;
	}
	.footer_bottom > img{
		float:left;
	}
	.footer_bottom > ul{
		float:right;
	}
	.footer_bottom > ul > li{
		display: inline-block;
		vertical-align: middle;
		margin:0 4px;
	}
	.footer_bottom a{
		width: 45px;
		height: 45px;
		background-position: -5px -5px;
	}
	.footer_bottom a:hover{
		background-position: -60px -5px;
	}
	.footer_bottom a:active{
		background-position: -61px -6px;
	}


	.copyright{
		background-color: #161616;
	}
	.copyright p{
		padding:20px;
		letter-spacing: 5px;
	}
/* ----------SEC_TOPINFO---------- */
	.sec_topinfo{
		height: 460px;
		max-height: 50vh;
		min-height: 380px;
		text-align:center;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		text-shadow: 2px 2px 3px rgba(0,0,0,.9);
		position: relative;
		z-index: 3;
	}
	.sec_topinfo > div,
	.sec_topinfo:before{
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		font-weight: 300;
	}
	.sec_topinfo:before {
		content: '';
		width: 0;
		height: 100%;
	}
	.sec_topinfo h2{
		letter-spacing: 10px;
	}
	.sec_topinfo h3{
		font-size: 24px;
		line-height: 1.5em;
		letter-spacing: 4px;
	}
	.sec_topinfo .h2{/*20210701把h3改h2*/
		font-size: 24px;
		line-height: 1.5em;
		letter-spacing: 4px;
	}
/* ----------PROGRESS BAR---------- */
	.sec_progress{
		padding: 70px 0;
		color:#E48026;
	}
	.sec_progress ~ section{
		padding-bottom: 70px;
	}
	#progress{
		background-color: #E48026;
		border:1px solid #E48026;
		color:#ffffff;
		font-size: 14px;
		text-align: center;
		cursor: default;
		letter-spacing: 2px;
		overflow: hidden;
	}
	#progress li:not(:last-child){
		float:left;
		width: 20%;
		padding: 8px;
	}
	#progress li.active{
		position: relative;
	}
	#progress li.active:after{
		content:'';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 18px 0 18px 10px;
		border-color: transparent;
		border-left-color: #E48026;
		position: absolute;
		top: 0;
		bottom: 0;
		right: -10px;
		margin:auto 0;
	}
	#progress li.active ~ li{
		background-color: #ffffff;
		color:#E48026;
	}

	.p_title{
		font-weight: 400;
		padding: 5px 0;
		border-bottom: 5px solid #E48026;
		margin:0 auto 15px;
	}
/* LIGHTBOX */
	#boxfilter{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,.8);
		z-index: 999;
		display: none;
	}
	#lightbox{
		width: 90%;
		max-height: 480px;
		max-width: 1200px;
		/*max-height: 50vh;*/
		background-color: #ffffff;
		padding:30px 40px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin:auto;
		overflow-y: scroll;
		-webkit-animation: showContent .4s cubic-bezier(.17,.67,.51,2) forwards;
		   -moz-animation: showContent .4s cubic-bezier(.17,.67,.51,2) forwards;
		    -ms-animation: showContent .4s cubic-bezier(.17,.67,.51,2) forwards;
		     -o-animation: showContent .4s cubic-bezier(.17,.67,.51,2) forwards;
		        animation: showContent .4s cubic-bezier(.17,.67,.51,2) forwards;
	}
	#lightbox .close{
		width: 31px;
		height: 31px;
		position: absolute;
		top: 28px;
		right: 50px;
		cursor: pointer;
	}
	.hidden{
		display: none;
	}
	#msg_success{
		position: relative;
	}
	#lightbox #msg_success h4{
		border-bottom: 0;
		margin-top: 10%;
	}

	/* lightbox content */
		#lightbox{
			text-align: center;
		}
		#lightbox .switch_tag{
			padding-right: 50px;
			text-align: right;
			margin-bottom: -20px;
			cursor: pointer;
		}
		#lightbox .switch_tag:hover{
			color:#D75526;
		}
		#lightbox h4{
			font-weight: 400;
			padding-bottom: 20px;
			border-bottom: 1px solid #161616;
			margin-bottom: 30px;
		}
		#lightbox h4 + p{
			font-weight: 400;
			font-size: 16px;
			letter-spacing: 3px;
			padding-bottom: 5px;
			border-bottom: 2px solid #E48026;
			margin-bottom: 10px;
		}
		#lightbox .mCustomScrollBox{
			background-color: #ffffff;
		}
		#lightbox .mCSB_scrollTools .mCSB_draggerContainer{
			margin: 20px 0 5px;
		}

		#lightbox input[type="submit"].btn-red{
			width: 100%;
			margin-top: 20px;
		}
		#lightbox input[type="submit"].btn-red:hover{
			background-color: #a5002b;
			color:#ffffff;
		}

		.msg_input textarea{
			height: 220px;
			max-height: 220px;
			max-width: 100%;
			background-color: #f9f9f9;
			border:none;
		}
		input[type="text"].spots_search{
			text-align: center;
			border:0;
			border-bottom: 2px solid #E48026;
		}
		.msg_input input[type="text"]{
			text-align: center;
			border:0;
			border-bottom: 2px solid #E48026;
		}
		.msg_input .col50:first-child{
			padding-left: 0;
			padding-right: 5px;
			padding-bottom: 50px;
		}
		.msg_input .col50:nth-child(2){
			padding-right: 0;
			padding-left: 5px;
			padding-bottom: 50px;
		}
		.msg_input label.col50:nth-child(n){
			padding-bottom: 10px;
		}
		.msg_input label p{
			margin-bottom: 5px;
			text-align: left;
		}
		.msg_input label input[type="text"]{
			border:none;
			background-color: #f5f5f5;
		}
		#lightbox .col100{
			padding:10px 20px;
		}
/* ----------ANIMATION---------- */
	@keyframes showContent{
		from{
			opacity: 0;
			-webkit-transform: scale(.95);
			   -moz-transform: scale(.95);
			    -ms-transform: scale(.95);
			     -o-transform: scale(.95);
			        transform: scale(.95);
		}
		to  {
			opacity: 1;
			-webkit-transform: scale(1);
			   -moz-transform: scale(1);
			    -ms-transform: scale(1);
			     -o-transform: scale(1);
			        transform: scale(1);
		}
	}
	@-webkit-keyframes showContent{
		from{
			opacity: 0;
			-webkit-transform: scale(.95);
		}
		to  {
			opacity: 1;
			-webkit-transform: scale(1);
		}
	}
	/*.animated{
		-webkit-animation: showContent .5s ease forwards;
		   -moz-animation: showContent .5s ease forwards;
		    -ms-animation: showContent .5s ease forwards;
		     -o-animation: showContent .5s ease forwards;
		        animation: showContent .5s ease forwards;
	}	*/
	@-webkit-keyframes fadeInFromDown{
		from{
			opacity: 0;
			-webkit-transform: translateY(50%);
		}
		to  {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}
	@keyframes fadeInFromDown{
		from{
			opacity: 0;
			-webkit-transform: translateY(50%);
			   -moz-transform: translateY(50%);
			    -ms-transform: translateY(50%);
			     -o-transform: translateY(50%);
			        transform: translateY(50%);
		}
		to  {
			opacity: 1;
			-webkit-transform: translateY(0);
			   -moz-transform: translateY(0);
			    -ms-transform: translateY(0);
			     -o-transform: translateY(0);
			        transform: translateY(0);
		}
	}
	@-webkit-keyframes growWidth{
		from{width: 0;}
		to  {width: 100%;}
	}
	@keyframes growWidth{
		from{width: 0;}
		to  {width: 100%;}
	}
/* ----------RWD---------- */
	@media screen and (max-width: 1550px) {
		h4{
			font-size: 1.5em;
		}
		header{
			font-size: 16px;
		}
		#member a{
			font-size: 14px;
		}
		#lang span{
			padding:0px 1px 0px 2px;
		}
		#search{
			width: 40px;
		}
		#search{
			padding:0 10px;
		}

		#search-box p{
			padding-top: 20px;
			margin-bottom: 0px;
		}
		#search-box input[type="search"]{
			margin:30px auto;
		}
		#fb{
			right: 0px;
		}
		.subm-2 li{
			width: 45%;
		}

		footer{
			padding-top: 10px;
		}
		footer nav > ul > li{
			width: 17%;
			margin:3% 1%;
		}
		footer nav.w1300{
			padding-bottom: 0px;
		}
		.footer_bottom{
			padding-bottom: 30px;
			padding-top: 10px;
		}
	}
	@media screen and (max-width: 1366px) {
		body{
			font-size: 14px;
		}
		h3{
			font-size: 2em;
		}
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea,
		select{
			padding: 7px 15px;
		}
		.btn-red{
			padding: 8px 20px;
		}
		.sec_btns{
			padding:0;
		}
		header nav > ul > li{
			line-height: 20px;
		}
		#langmenu{
			top:80px;
		}
		.nav-up #langmenu{
			top:50px;
		}

		.sec_progress{
			padding: 50px 0;
		}
	}
	@media screen and (max-width: 1200px) {
		body{
			padding-top: 50px;
		}
		header nav > a{
			width: auto;
			padding-right: 0;
			margin:10px 25px 10px 10px;
		}
		header nav > a img{
			max-height: 30px;
		}
		#filter,
		#filter.active{
			display: block;
		}
		#filter.active{
			pointer-events: all;
		}
		#company_service{
			top:50px;
		}
	/* ----------hamburger---------- */
		#hamburger{
			display: inline-block;
			vertical-align: middle;
			width: 20px;
			height: 20px;
			margin: auto 20px;
			cursor:pointer;
			position: absolute;
			right: 0;
			top: 0;
			bottom:0;
			z-index: 999;
		}
		#hamburger span,
		#hamburger:before,
		#hamburger:after{
			content: '';
			display: block;
			width: 20px;
			height: 3px;
			border-radius: 1px;
			background: #ffffff;
			position: absolute;
			top: 8px;
			left: 0;
		}
		#hamburger:before{
			-webkit-transform: translateY(-6px);
			   -moz-transform: translateY(-6px);
			    -ms-transform: translateY(-6px);
			     -o-transform: translateY(-6px);
			        transform: translateY(-6px);
		}
		#hamburger:after{
			-webkit-transform: translateY(6px);
			   -moz-transform: translateY(6px);
			    -ms-transform: translateY(6px);
			     -o-transform: translateY(6px);
			        transform: translateY(6px);
		}
		#hamburger.active:before{
			opacity: 1;
			-webkit-transform: translateY(0px) rotate(45deg);
			   -moz-transform: translateY(0px) rotate(45deg);
			    -ms-transform: translateY(0px) rotate(45deg);
			     -o-transform: translateY(0px) rotate(45deg);
			        transform: translateY(0px) rotate(45deg);
		}
		#hamburger.active span{
			opacity: 0;
		}
		#hamburger.active:after{
			opacity: 1;
			-webkit-transform: translateY(0px) rotate(-45deg);
			   -moz-transform: translateY(0px) rotate(-45deg);
			    -ms-transform: translateY(0px) rotate(-45deg);
			     -o-transform: translateY(0px) rotate(-45deg);
			        transform: translateY(0px) rotate(-45deg);
		}
	/* ----------NAV---------- */
		header nav .menu,
		header nav .func{
			display: block;
			width: 100%;
			height: 100vh;
			padding-top: 5px;
			position: absolute;
			top: 50px;
			right: -100%;
			color: #000;
			background-color: #fff;
		}
		header nav.active .menu{
			overflow-y: scroll;
			padding-bottom: 150px;
		}
		header nav.active .menu,
		header nav.active .func{
			right:0;
		}
		header .menu > li{
			display: block;
			width: 100%;
			margin-left: 0;
		}
		header .menu > li > a,
		header.nav-up .menu > li > a{
			padding: 18px 12px;
			width: 100%;
			border-bottom: 1px solid #C5C5C5;
		}
		header .menu > li:before{
			width: 0;
			height: 100%;
			right:0;
			left: auto;
		}
		header .menu > li:hover:before,
		header .menu > li.active:before{
			height: 100%;
			width: calc(100% - 5px);
			/* border-right: 5px solid #E48026; */
		}
		header nav .func{
			position: fixed;
			height: auto;
			top: auto;
			bottom: 0;
			padding:10px 0 30px;
			background-color: #161616;
			z-index: 1000;
		}
		.submenu{
			display: none !important;
		}
		header nav > ul > li{
			vertical-align: top;
		}
		#lang span{
			/*padding: 2px 22px;*/
		}
		#langmenu,
		.nav-up #langmenu{
			top:50px;
			/*
			left: 0;
			position: relative;
			margin-top: 2px;
			*/
		}
		#langmenu li a{
			padding: 2px 10px !important;
			border-top:1px solid #ffffff;
			background-color: #161616;
			color:#ffffff;
		}
		#search{
			padding-top: 2px;
		}
		#search-box {
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		#search-box p{
			margin-top: 20%;
		}
		#member{
			/*margin-top: 10px;*/
		}
		
	}
	@media screen and (max-width: 768px) {
		body{
			padding-top: 50px;
		}
		label.select:before {
			width:30px;
		}
		label.select:after {
			right:15px;
		}
		.mobile-on{
			display: block;
		}
		.mobile-off{
			display: none !important;
		}
		.col50,
		.col33{
			width: 100%;
			display: block;
			margin-left: 0;
		}
		.col20{
			width: 50%;
		}
		#company_service{
			padding: 10px 70px 10px 40px;
		}

		.sec_btns .col50{
			width: 49%;
			display: inline-block;
			vertical-align: top;
		}

		.sec_topinfo h2{
			font-size: 3em;
		}
		.sec_topinfo h3{
			font-size: 16px;
			letter-spacing: 3px;
		}


		.sec_topinfo .h1{/*20210701把頁面h2改H1*/
			font-size: 3em;
		}
		.sec_topinfo .h2{/*20210701把頁面H3改H2*/
			font-size: 16px;
			letter-spacing: 3px;
		}


		#progress{
			background-color: #fff;
			border: none;
		}
		#progress li:not(:last-child){
			display: none;
		}
		#progress li.active{
			display: inline-block;
			width: 100%;
			font-size: 18px;
			color: #383838;
			background-color: #fff;
			border-bottom: 1px solid #E48026;
		}
		#progress li.active:before{
			display: none;
		}

		#lightbox{
			padding: 20px 30px;
			max-height: 400px;
		}
		#lightbox .close{
			top: 15px;
			right: 20px;
		}
	/* ----------FOOTER--------- */
		footer nav > ul > li,
		footer nav > ul > li:first-child,
		footer nav > ul > li:last-child{
			display: block;
			width: 100%;
			max-width: 200px;
			margin:10px auto;
		}
		footer h5,
		footer a{
			text-align: center;
		}
		footer h5{
			margin-bottom: 0;
			cursor:pointer;
		}
		footer li.active h5{
			margin-bottom: 10px;
		}
		footer nav li ul{
			max-height: 0;
			overflow: hidden;
		}
		footer nav li.active ul{
			max-height: 500px;
		}
		.copyright p{
			font-size: 12px;
		}
	}
	@media screen and (max-width: 480px) {
		.m480-on{
			display: block;
		}
		.w800{
			width: 90%;
		}
		.col20{
			width: 100%;
			margin:0;
		}
		header nav > a{
			min-width: 0;
		}
		header nav > a img,
		header.nav-up nav > a img{
			max-height: 25px;
			margin-left: 0;
		}
		header nav.active .menu,
		#company_service{
			top:44px;
		}

		#search-box input[type="search"]{
			font-size: 16px;
			letter-spacing: 2px;
		}

		footer .footer_bottom > img,
		footer .footer_bottom > ul{
			float: none;
		}
		footer .footer_bottom{
			padding-bottom: 20px;
		}
		footer .footer_bottom > img{
			margin-bottom: 10px;
		}
		/*
		footer .footer_bottom a{
			width: 45px;
		}
		*/

		#go-top,
		.go-top-white{
			width: 50px;
			height: 50px;
			bottom: 50px;
		}

		.sec_btns .btn{
			font-size: 12px;
		}
		.sec_btns .col50:first-child{
			padding-right: 0;
		}
		.sec_btns .col50:last-child{
			padding-left: 0;
		}

		.sec_topinfo{
			min-height: 250px;
		}
		.sec_topinfo h2{
			font-size: 2em;
			margin-bottom: 5px;
		}
		.sec_topinfo h3{
			font-size: 14px;
			letter-spacing: 2px;
		}

		.sec_progress{
			padding: 20px 0 30px;
		}

		#lightbox{
			padding:20px 10px;
		}
		#lightbox .close{
			top: 10px;
			right: 10px;
		}
	}
	@media screen and (max-width: 320px){
		#company_service{
			width: 100%;
			text-align:center;
		}
	}
/*提醒視窗*/
	.msgbox{
		background:#ffffff;
		border:2px solid #E48026;
		font-size:16px;
		color:#111;
		line-height:24px;
		letter-spacing: 1px;
		font-weight:400;
		text-align:center;
		padding:15px 20px;
		width:90%;
		margin:10px auto 20px;
	}
	.msgbox .icon{
		font-size:24px;
		line-height:24px;
		color:#069f80;
		display:inline-block;
		*display:inline;
		zoom:1;
	}
	.icon{
		font-family: 'Simple-Line-Icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		margin-right:10px;
		vertical-align:-5px;
		}
	.icon-info:before {
		content: "\e08b";
	}

/* 2022.08 */
.flex{
	display: flex;
	flex-wrap: wrap;
}
.flex-row{
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.v-center{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.flex-v-center{
	align-items: center;
}
.flex-1{
	flex: 1;
}
.col-p50{
	flex: 0 0 auto;
	width: 50%;
}
.full-mask{
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8;
	z-index: 900;
}
#news_slider{
	padding: 5px 25px;
	font-size: 18px;
	color: #000;
	background-color: #F1F1F1;
	height: 40px;
	text-align: center;
	overflow: hidden;
}
.menu_second{
	position: fixed;
	display: none;
	top: 120px;
	left: 0;
	width: 100%;
	padding: 30px 0;
	background-color: #fff;
}
.nav-up .menu_second{
	top: 92px;
}
.menu_second_abtn{
	width: 25%;
	padding-left: 15px;
	padding-right: 15px;
}
.menu_second a{
	position: relative;
	display: block;
	color: #000;
	text-align: left;
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
.menu_second a::after{
	position: absolute;
    content: "";
    top: 19px;
    right: 0;
    width: 7px;
    height: 15px;
    background-image: url(../img/icon/footer_arrow.png);
    background-repeat: no-repeat;
}
.menu_second a:hover{
	text-decoration: underline;
}
.nav_btn_icon{
	position: relative;
	display: inline-block;
	width: 18px;
	height: 8px;
	overflow: hidden;
	margin-left: 10px;
	top: -1px;
}
.nav_btn_icon img{
	position: relative;
	display: block;
	width: 18px;
	height: 16px;
	max-height: none;
}
header .menu > li:hover a .nav_btn_icon img, header .menu > li.active a .nav_btn_icon img{
	top: -8px;
}
.menu_right{
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	top: 0px;
	right: 0;
	width: auto;
	height: 100%;
}
.menu_right_btn{
	font-size: 16px;
	margin: 0 10px;
}
.menu_right_btn > a{
	position: relative;
	display: block;
	top: 50%;
	transform: translateY(-50%);
}
.menu_right_btn img{
	position: relative;
	display: block;
	top: 1px;
}
.menu_right_btn_login{
	height: 100%;
	font-size: 16px;
	margin: 0 10px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.menu_right_btn_login img{
	display: inline-block;
	top: 4px;
	margin-left: 10px;
}
.w1600{
	max-width: 1600px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
footer{
	background-color: #F1F1F1;
	color: #000;
}
footer h5{
	border-bottom-color: #ccc;
	padding-bottom: 15px;
}
footer a{
	position: relative;
	margin: 10px;
	letter-spacing: 0;
}
footer a:hover{
	color: #00275D;
}
footer nav a::after{
	position: absolute;
	content: "";
	top: 6px;
	right: 0;
	width: 7px;
	height: 15px;
	background-image: url(../img/icon/footer_arrow.png);
	background-repeat: no-repeat;
}
.footer_bottom{
	padding-bottom: 0;
}
.footer_bottom hr{
	background-color: #ddd;
	margin-bottom: 20px;
}
.footer_bottom_left{
	flex: 1;
}
.footer_bottom_right{
	flex: 0 0 auto;
	width: 350px;
}
.footer_logo{
	text-align: left;
}
.footer_bottom_info{
	flex: 1;
	font-size: 17px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 30px;
	text-align: left;
}
.footer_bottom_abtns{
	justify-content: flex-end;
}
.footer_bottom_abtns a{
	position: relative;
	width: 50px;
	height: 50px;
	background-color: #00275D;
	border-radius: 50%;
	margin: 0 5px;
}
.footer_bottom_abtns a img{
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	transform: scale(0.7);
	transition: transform 0.3s;
}
.footer_bottom_abtns a:hover img{
	transform: scale(1);
}
.copyright{
	background-color: #F1F1F1;
	font-size: 14px;
	line-height: 2em;
	padding: 15px 0 20px 0;
}
.copyright .w1300{
	text-align: left;
}
.sec_index_news{
	background-color: #fff;
	padding-top: 30px;
}
.news_sec{
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}
.news_item{
	flex: 0 0 auto;
	width: 33.33%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 60px;
}
.news_box{
	display: block;
	max-width: 450px;
	border-radius: 10px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.news_box_img{
	width: 100%;
	height: 300px;
}
.news_box_img img{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news_box_con{
	position: relative;
	padding: 20px;
	padding-bottom: 100px;
	background-color: #E5E3E1;
}
.news_box_con h4{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0;
	margin-bottom: 10px;
}
.news_box_con p{
	letter-spacing: 0;
}
.news_box_abtn{
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 17px;
	color: #fff;
	background-color: #E48026;
	padding: 15px 52px;
	letter-spacing: 1px;
	border-radius: 45px;
}
.news_box_abtn:hover{
	background-color: #D75526;
}
.news_navbar{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
}
.news_nav{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px 20px;
	border: 1px solid #000;
	letter-spacing: 1px;
}
.news_nav:hover{
	color: #fff;
	border-color: #161616;
	background-color: #161616;
}
.news_nav.active{
	color: #fff;
	border-color: #E48026;
	background-color: #E48026;
}
input[type="file"]{
	appearance: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    padding: 8px 16px;
    color: #161616;
    border: 1px solid #a0a0a0;
    letter-spacing: 2px;
    width: 100%;
}
.txt-org{
	color: #E48026;
}
.btn_org, input[type="submit"].btn_org{
	background-color: #E48026;
	border: none;
}
.btn_org:hover, input[type="submit"].btn_org:hover{
	color: #fff;
	background-color: #D75526;
}
.header_reserve{
	position: fixed;
	top: 120px;
	left: 0;
	width: 100%;
	padding: 6px 15px;
	z-index: 990;
	display: none;
}
.header_reserve.nav-up{
	top: 92px;
}
.header_reserve_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
}
.header_reserve_btn{
	position: relative;
	display: block;
	max-width: 300px;
	color: #fff;
	text-align: center;
	background-color: #E48026;
	padding: 9px 0;
	margin-left: auto;
	margin-right: auto;
}
.header_reserve_btn:hover{
	color: #fff;
	background-color: #D75526;
}

.relative{position: relative;}
.t-left{text-align: left;}
.bg_grey{background-color: #ebebeb;}
.show-xl{display: none !important;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.show-sm{display: none;}

@media(max-width: 1366px){
	header nav > a{
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 0;
	}
	.menu_right_btn{
		margin: 0 5px;
	}
	.news_navbar{
		padding-left: 10px;
		padding-right: 10px;
	}
	.header_reserve{
		top: 118px;
	}
	.header_reserve.nav-up{
		top: 90px;
	}
}

@media(max-width: 1200px){
	.show-xl{
		display: block !important;
	}
	.hide-xl{
		display: none !important;
	}
	#news_slider{
		display: none;
	}
	header{
		height: 50px;
	}
	header .menu > li{
		padding: 0;
	}
	header .menu > li.active .nav_btn_icon{
		transform: rotate(180deg);
	}
	.nav_btn_icon{
		position: absolute;
		top: 26px;
		right: 10px;
	}
	.nav_btn_icon img{
		top: -8px;
	}
	.nav-up .menu_second{
		top: 0;
	}
	.menu_second{
		position: relative;
		top: 0;
		padding: 12px 0;
		background-color: #8D8D8D;
	}
	.menu_second .w95{
		width: 100%;
	}
	.menu_second_abtn{
		width: 100%;
	}
	.menu_second a{
		color: #fff;
		text-align: center;
		border-top: none;
		padding: 12px 0;
	}
	.menu_second a::after{
		display: none;
	}
	.menu_right{
		right: 50px;
	}
	.menu_right_btn_login{
		border: none;
		padding: 0;
	}
	#search{
		width: auto;
	}
	.menu_right_btn_login span{
		display: none;
	}
	.menu_right_btn_login img{
		display: block;
		margin-left: 0;
	}
	.header_reserve, .header_reserve.nav-up{
		top: 50px;
	}
}

@media(max-width: 767px){
	.news_item{
		width: 100%;
	}
	.footer_bottom_left{
		flex: 0 0 auto;
		width: 100%;
	}
	.footer_bottom_right{
		width: 100%;
	}
	.footer_logo{
		padding-top: 10px;
		margin-bottom: 10px;
	}
	.news_item{
		width: 50%;
	}
	.footer_bottom_abtns{
		justify-content: center;
	}
	.footer_bottom_info{
		flex: 0 0 auto;
		width: 100%;
		padding-left: 0;
		margin-bottom: 20px;
	}
}

@media(max-width: 767px){
	header nav > a{
		width: 200px;
	}
	#search{
		padding: 0 5px;
	}
	#hamburger{
		margin: auto 10px;
	}
	.news_item{
		width: 100%;
	}
}

@media(max-width: 575px){
	.show-sm{
		display: block;
	}
}

@media(max-width: 480px){
	header nav.active .menu, #company_service{
		top: 50px;
	}
}