/**/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap');

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	margin: 0;
	font-family: 'Noto Sans TC', "Microsoft JhengHei";
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: #ebf0f5;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body.page_style {
	background: #ebf0f5 url(../images/bg_page.png) top left repeat-x;
}

@media (min-width:768px) and (max-width:991px) {
	body.page_style {
		background: #ebf0f5 url(../images/bg_page.png) top -30px left repeat-x;
	}
}

@media (max-width:767px) {
	body.page_style {
		background: #ebf0f5 url(../images/bg_page.png) top -50px left repeat-x;
	}
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

a {
	background: transparent;
	color: #ad9b62;
	text-decoration: none;
	outline: none;
	/* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur());
	/* for IE */
}

a:active,
a:hover {
	outline: 0;
	color: #22426a;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	text-decoration: none;
}

h1 {
	font-size: 2em;
	margin: .67em 0;
}

img {
	border: 0;
	vertical-align: middle;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	outline: none;
	/* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur());
	/* for IE */
}

::selection {
	background: #ad9b62;
	color: #fff;
}

::-moz-selection {
	background: #ad9b62;
	color: #fff;
}

html,
body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

main {
	flex: 1;
}

/*BS4*/
@media (min-width: 1200px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1350px;
	}
}

.mx-auto {
	display: block;
}

.btn {
	border-radius: 4px;
}

.btn:focus,
.btn.focus {
	outline: 0;
	box-shadow: none;
}

.btn-lg {
	padding: 0.8rem 1rem;
}

.btn-sm {
	padding: 0.5rem 1rem;
}

.alert {
	padding: 15px;
}

.visible-xs,
.visible-sm {
	display: none;
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm {
		display: block;
	}

	.hidden-sm {
		display: none;
	}
}

@media (max-width:767px) {
	.visible-xs {
		display: block;
	}

	.hidden-xs {
		display: none;
	}
}

.form-control {
	color: #555;
	min-height: 35px;
	padding: 0.5rem 1rem;
	font-size: 1.03em;
}

.form-control:disabled,
.form-control[readonly] {
	color: #777;
	background-color: #EEE;
}

input.form-control::placeholder,
textarea.form-control::placeholder {
	color: #AAA;
	opacity: 1;
}

input.form-control:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder {
	color: #AAA;
}

input.form-control::-ms-input-placeholder,
textarea.form-control::-ms-input-placeholder {
	color: #AAA;
}

.site_main_EW {
	margin-top: 0;
}

@media (min-width:992px) {
	.site_main_EW {
		border-top: 80px #224269 solid;
	}

	body.page_style .site_main_EW {
		border-top: 80px #224269 solid;
	}
}

@media (min-width:768px) {
	body.page_style .site_main_EW {
		background: transparent url(../images/bg_page_bottom.png) right 30px bottom 100px no-repeat;
	}
}

.carousel-inner>.carousel-item>img,
.carousel-inner>.carousel-item>a>img {
	width: 100%;
}

@media (max-width:991px) {
	.site_main_EW {
		margin-top: 60px;
	}
}

@media (max-width:767px) {
	.site_main_EW {
		margin-top: 50px;
	}
}

/*PADDING*/
.padding_0,
.padding_0turn5,
.padding_0turn10,
.padding_0turn15 {
	padding: 0
}

.padding_5 {
	padding: 0 5px;
}

.padding_15turn5 {
	padding: 0 15px;
}

.margin_0 {
	margin: 0 !important;
}

.index_padding {
	padding-bottom: 50px !important;
}

.page_padding {
	padding-bottom: 30px !important;
}

@media (max-width:767px) {

	.padding_turn5,
	.padding_0turn5,
	.padding_15turn5 {
		padding: 0 5px;
	}

	.padding_turn10,
	.padding_0turn10 {
		padding: 0 10px;
	}

	.padding_turn15,
	.padding_0turn15 {
		padding: 0 15px;
	}

	.padding_turn0 {
		padding: 0 !important;
	}

	.margin_turn0 {
		margin: 0 !important;
	}

	.page_padding {
		padding-bottom: 20px !important;
	}
}

@media (max-width:991px) {
	.index_padding {
		padding-bottom: 20px !important;
	}
}

/*FOOTER*/
footer {
	position: relative;
	background: #FFF;
	color: #4c5b6a;
}

footer a,
footer a:visited {
	color: #4c5b6a;
}

footer a:hover,
footer a:active,
footer a:focus {
	color: #ad9b62;
}

footer p {
	margin-bottom: 0;
}

footer .copyright_area {
	padding: 20px 15px;
	font-size: 1em;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

footer .copyright_area a {
	display: inline-block;
}

@media (max-width:991px) {
	footer .copyright_area {
		padding: 10px 15px;
		font-size: 0.95em;
	}
}

.txt_red_EW {
	color: #b84a5c !important;
}

.txt_gold_EW {
	color: #ad9b62 !important;
}

.txt_green_EW {
	color: #4cac5a !important;
}

.txt_blue_EW {
	color: #386498 !important;
}

.txt_blueD_EW {
	color: #22426a !important;
}

.txt_gray_EW {
	color: #AAA !important;
}

.txt_grayD_EW {
	color: #505a66 !important;
}

.txt_black_EW {
	color: #111 !important;
}

.txt_bold_EW {
	font-weight: 600 !important;
}

.animatedDelay1_EW {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.animatedDelay2_EW {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.animatedDelay3_EW {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.animatedDelay4_EW {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.animatedDelay5_EW {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.animatedDelay6_EW {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}

.animatedDelay7_EW {
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;
}

.animatedDelay8_EW {
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;
}

.animatedDelay9_EW {
	-webkit-animation-delay: 2.7s;
	animation-delay: 2.7s;
}

.animatedDelay10_EW {
	-webkit-animation-delay: 3.0s;
	animation-delay: 3.0s;
}

.animatedDelay11_EW {
	-webkit-animation-delay: 3.3s;
	animation-delay: 3.3s;
}

/*modal*/
/*@media (min-width: 576px){
.modal-dialog {
    max-width: 600px;
    margin: 2.75rem auto;}}*/
.modal-header {
	background: #22426a;
	color: #FFF;
	padding: 1.5rem 1.2rem;
	-webkit-border-top-left-radius: 0.2rem;
	-webkit-border-top-right-radius: 0.2rem;
	-moz-border-radius-topleft: 0.2rem;
	-moz-border-radius-topright: 0.2rem;
	border-top-left-radius: 0.2rem;
	border-top-right-radius: 0.2rem;
}

h5.modal-title {
	padding: 0 10px;
	font-size: 1.2em;
}

h5.modal-title i {
	padding-right: 10px;
}

.modal-body {
	font-size: 1.05em;
	padding: 20px 10px 0;
}

.modal-body .normal_form_EW {
	font-size: 1.05em;
}

@media (max-width: 767px) {
	.modal-body {
		padding: 20px 5px 0;
	}

	.modal-body .normal_form_EW {
		font-size: 1em;
	}
}

.modal-body img.main_pic {
	border-radius: 4px;
	margin-bottom: 20px;
}

.modal-body .modal_content_EW {
	padding: 0 5px 10px;
}

.modal-footer {
	padding: 1.2rem;
}

.modal-footer .btn-group {
	width: 100%;
}

@media (min-width: 768px) {
	.left_padding_0turn15 {
		padding-right: 0;
	}
}

.modal_content_EW ul.modal_detail_list {
	float: left;
	list-style-type: none;
	padding: 0;
	width: 100%;
}

.modal_content_EW ul.modal_detail_list li {
	display: block;
	padding-bottom: 5px;
}

.modal_content_EW ul.modal_detail_list li a {
	color: #ad9b62;
}

.modal_content_EW ul.modal_detail_list li a:hover {
	color: #333;
}

.modal_content_EW ul.modal_detail_list h3 {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	color: #333;
	font-weight: 600;
	line-height: 150%;
}

.modal_content_EW ul.modal_detail_list h3 span {
	color: #ed6953;
}

.modal_content_EW ul.modal_detail_list p {
	font-size: 1.05em;
	margin: 5px 0 5px;
}

/*.modal_content_EW ul.modal_detail_list .price{
	color:#ad9b62;
	font-size:1.2em;}
.modal_content_EW ul.modal_detail_list input, 
.modal_content_EW ul.modal_detail_list select, 
.modal_content_EW ul.modal_detail_list textarea{
	height: auto;
	padding: 0.375rem 1rem;
	font-size:1.03em;}
.modal_content_EW ul.modal_detail_list select, 
.modal_content_EW ul.modal_detail_list button{
	height: 35px;}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;}
.radio + .radio, .checkbox + .checkbox {
    margin-top: 0;}*/

.btn_first_EW {
	color: #fff;
	background-color: #ad9b62;
}

.btn_second_EW {
	color: #fff;
	background-color: #22426a;
}

.btn_first_EW:hover,
.btn_first_EW:active,
.btn_first_EW:focus,
.btn_second_EW:hover,
.btn_second_EW:active,
.btn_second_EW:focus {
	color: #FFF !important;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.modal-footer .btn_first_EW,
.modal-footer .btn_second_EW {
	padding: 10px 5px;
	font-size: 1.1em;
}

select,
select.form_control_EW {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent url(../images/chevron-down-solid.png) right 10px center no-repeat;
	background-size: auto 20%;
}

@media (max-width:767px) {
	.page_padding .btn-lg {
		font-size: 1.15em;
	}
}

/*----------------------------------------------------------------------------------COMMON*/

/*TOOL*/
.header_tool_EW {
	position: absolute;
	top: 29px;
	right: 15px;
	width: auto;
	height: auto;
}

.header_tool_EW p {
	position: relative;
	float: left;
	margin: -9px 15px 0 0;
	padding-bottom: 8px;
	width: auto;
	height: auto;
	font-size: 1.15em;
	line-height: 40px;
	text-align: center;
}

body.page_style .header_tool_EW p {
	color: #FFF;
}

.header_tool_EW p i {
	margin-right: 8px;
	color: #ad9b62;
}

.header_tool_EW a.btn_style {
	margin-left: 5px;
	padding: 5px 15px;
	color: #fff;
	background: #ad9b62;
	font-size: 1.1em;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.header_tool_EW a.btn_style i {
	margin-right: 8px;
}

.header_tool_EW a.btn_style:hover {
	background: #333;
}

@media (max-width:1199px) {
	.header_tool_EW {
		top: 30px;
		right: 12px;
	}

	.header_tool_EW p {
		margin: -10px 5px 0 0;
		font-size: 1.05em;
	}

	.header_tool_EW a.btn_style {
		font-size: 1em;
	}
}

@media (max-width:991px) {
	.header_tool_EW {
		display: none;
	}
}

.header_tool_EW .menu_second {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	z-index: 9999;
	width: 150px;
	margin: 0;
	padding: 0;
	height: auto;
	background: #172f4d;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.header_tool_EW p:hover .menu_second,
.header_tool_EW p:focus .menu_second {
	display: block;
}

.header_tool_EW .menu_second a {
	color: #FFF;
	font-size: 0.95em;
	display: block;
}

.header_tool_EW .menu_second a.line_style {
	border-top: 1px rgba(255, 255, 255, 0.1) solid;
}

.header_tool_EW .menu_second a:hover,
nav .menu_second a.active {
	color: #FFF;
	background: #ad9b62 url(../images/icon_hover.png) right -20px center no-repeat;
	background-size: auto 100%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/*BG WHITE*/
.bg_white_EW,
.bg_dark_EW,
.bg_green_EW,
.bg_red_EW {
	background: #FFF;
	color: #555;
	padding: 0;
	margin: 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.bg_dark_EW {
	background: #22426a;
}

.bg_green_EW {
	background: #4cac5a;
}

.bg_red_EW {
	background: #b84a5c;
}

.bg_green_EW,
.bg_red_EW {
	padding: 18px 20px;
}

.bg_green_EW h2,
.bg_red_EW h2 {
	color: #FFF;
	font-size: 1.6em;
	font-weight: 500;
	line-height: 150%;
	margin: 0;
	padding: 0;
}

.bg_green_EW h3,
.bg_red_EW h3 {
	color: #FFF;
	font-size: 1.4em;
	font-weight: 500;
	line-height: 150%;
	margin: 0;
	padding: 0;
}

.bg_green_EW p,
.bg_red_EW p {
	color: #FFF;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 180%;
	margin: 5px 0 0;
	padding: 0;
}

.bg_green_EW h2 i,
.bg_red_EW h2 i,
.bg_green_EW h3 i,
.bg_red_EW h3 i {
	padding-right: 10px;
}

@media (max-width:767px) {

	.bg_green_EW,
	.bg_red_EW {
		padding: 15px 20px;
	}

	.bg_green_EW h2,
	.bg_red_EW h2 {
		font-size: 1.2em;
	}

	.bg_green_EW h3,
	.bg_red_EW h3 {
		font-size: 1.1em;
	}

	.bg_green_EW p,
	.bg_red_EW p {
		font-size: 1.1em;
		margin: 3px 0 0;
	}
}

/*----------------------------------------------------------------------------------INDEX AREA*/

/*main_title_EW*/
.main_title_EW {
	position: relative;
	padding: 25px 30px 20px;
}

.main_title_EW h2 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	color: #22426a;
	line-height: 120%;
	font-weight: 600;
}

.bg_dark_EW .main_title_EW h2 {
	color: #FFF;
}

.main_title_EW i {
	color: #ad9b62;
	margin-right: 10px;
}

.main_title_EW span.tips_EW {
	margin-left: 15px;
	color: #555;
	font-size: 0.65em;
	font-weight: 500;
}

.main_title_EW span.tips_EW i {
	color: #386498;
	margin-right: 5px;
}

.main_title_EW a i.fa-chevron-left,
.main_title_EW a i.fa-chevron-right {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 1.4em;
	color: #FFF;
}

.main_title_EW a i.fa-chevron-left {
	right: 85px;
}

.main_title_EW a:hover i.fa-chevron-left,
.main_title_EW a:hover i.fa-chevron-right {
	color: #ad9b62;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.main_title_EW a.disable i.fa-chevron-left,
.main_title_EW a.disable i.fa-chevron-right {
	color: rgba(255, 255, 255, 0.3);
}

@media (min-width:768px) {
	.bg_white_EW .main_title_EW span.tips_EW.d-md-block {
		display: inline-block !important;
	}
}

@media (max-width:767px) {
	.main_title_EW {
		padding: 20px 20px 15px;
	}

	.main_title_EW h2 {
		font-size: 1.35em;
	}

	.main_title_EW a i.fa-chevron-left,
	.main_title_EW a i.fa-chevron-right {
		top: 21px;
		right: 15px;
		font-size: 1.3em;
	}

	.main_title_EW a i.fa-chevron-left {
		right: 65px;
	}
}

/*INDEX MARGIN TOP*/
.index_margintop_EW {
	margin-top: -50px;
}

@media (max-width:991px) {
	.index_margintop_EW {
		margin-top: -30px;
	}
}

@media (max-width:767px) {
	.index_margintop_EW {
		margin-top: -20px;
	}
}

/*INDEX NOTICE*/
.index_notice_EW ul {
	margin: -5px 0 20px;
	padding: 0;
	width: 100%;
	height: auto;
	list-style-type: none;
}

.index_notice_EW li {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 1.1em;
	position: relative;
}

.index_notice_EW li a {
	position: relative;
	display: inline-block;
	padding: 9px 150px 9px 60px;
	width: 100%;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.index_notice_EW li i {
	display: inline-block;
	width: 25px;
	text-align: center;
	margin-right: 5px;
}

.index_notice_EW li i.fa-exclamation-triangle,
.index_notice_EW li i.fa-check-circle {
	position: absolute;
	top: 13px;
	left: 30px;
}

.index_notice_EW li i.fa-exclamation-triangle {
	color: #b84a5c;
}

.index_notice_EW li i.fa-check-circle {
	color: #4cac5a;
}

.index_notice_EW li span {
	display: none;
}

@media (min-width:768px) {
	.index_notice_EW li a:hover {
		background: #f0f4f9;
	}

	.index_notice_EW li a:hover span {
		display: inline-block;
		position: absolute;
		top: 8px;
		right: 15px;
		text-align: right;
		width: 150px;
		margin-right: 5px;
		color: #22426a;
	}
}

@media (max-width:767px) {
	.index_notice_EW ul {
		margin: -5px 0 15px;
	}

	.index_notice_EW li {
		font-size: 1.05em;
	}

	.index_notice_EW li a {
		padding: 5px 20px 5px 50px;
		max-height: 53px;
		white-space: normal;
		word-break: break-all;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.index_notice_EW li i.fa-exclamation-triangle,
	.index_notice_EW li i.fa-check-circle {
		top: 9px;
		left: 20px;
	}
}

/*INDEX INFO*/
.index_info_EW .left_block .bg_dark_EW,
.index_info_EW .right_block .bg_dark_EW {
	color: #FFF;
}

.index_info_EW .left_block {
	-ms-flex: 0 0 57%;
	flex: 0 0 57%;
	max-width: 57%;
	margin-right: 3%;
}

.index_info_EW .right_block {
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
}

@media (min-width:992px) {

	.index_info_EW .left_block .bg_dark_EW,
	.index_info_EW .right_block .bg_dark_EW {
		min-height: 330px;
	}

	.bg_dark_EW .main_title_EW h2 span.tips_EW {
		position: absolute;
		top: -35px;
		right: 15px;
	}

	.index_margintop_EW .bg_dark_EW .main_title_EW h2 span.tips_EW {
		color: #FFF;
	}
}

@media (max-width:1199px) {
	.index_info_EW .left_block {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-right: 3%;
	}

	.index_info_EW .right_block {
		-ms-flex: 0 0 47%;
		flex: 0 0 47%;
		max-width: 47%;
	}
}

@media (max-width:991px) {
	.index_info_EW .left_block {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.index_info_EW .right_block {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.bg_dark_EW .main_title_EW h2 span.tips_EW {
		color: #CCC;
	}

	.bg_dark_EW .main_title_EW h2 span.tips_EW i {
		color: #5c8ec9;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.bg_dark_EW .main_title_EW h2 span.tips_EW.d-md-block {
		display: inline-block !important;
	}
}

.working_area_EW {
	padding: 0 30px;
	font-size: 1.1em;
}

.working_area_EW .col-6 {
	padding: 0 0 0 20px;
}

.working_list_EW {
	float: left;
	width: auto;
	height: auto;
	margin: 5px 0;
}

.working_list_EW h3,
.working_list_EW h4,
.working_list_EW p {
	padding: 0;
}

.working_list_EW h3 {
	padding: 0 0 0 10px;
	border-left: 5px #ad9b62 solid;
	font-weight: 600;
}

.working_list_EW h4 {
	display: inline-block;
	margin: 10px 0 10px 10px;
	padding: 4px 15px;
	font-weight: 600;
	background: #ad9b62;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.working_list_EW p.transfer {
	padding-left: 55%;
	height: 60px;
	background: url(../images/icon_index_ship.png) left 5px bottom no-repeat;
}

.working_list_EW p.transfer span.title {
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin-right: 8px;
	font-size: 0.9em;
	background: #505a66;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.working_list_EW p.transfer span.num {
	display: inline-block;
	margin-top: 3px;
	line-height: 25px;
	font-size: 1.3em;
	font-weight: 600;
}

.working_list_EW p.info {
	margin: 15px 0 30px 5px;
	line-height: 150%;
}

.working_list_EW p.info span.txt_gold_EW {
	margin-right: 10px;
}

@media (max-width:1399px) {
	.working_area_EW .col-6 {
		padding: 0;
	}
}

@media (max-width:767px) {
	.working_area_EW {
		padding: 0 10px;
	}

	.working_list_EW p.info {
		margin: 15px 0 15px 5px;
	}

	.working_list_EW p.transfer {
		padding-left: 49%;
		background: url(../images/icon_index_ship.png) left 5px bottom 3px no-repeat;
		background-size: auto 47px;
	}

	.working_list_EW p.transfer span.num {
		font-size: 1.2em;
	}
}

@media (max-width:1399px) {
	.working_list_EW {
		margin: 5px 0 5px 10px;
	}
}

.traffic_area_EW {
	padding: 0 20px;
	font-size: 1.1em;
}

.traffic_list_EW {
	text-align: center;
}

.traffic_list_EW p.lamp {
	display: inline-block;
	width: 92px;
	height: 92px;
	padding: 8px;
	color: #FFF;
	background: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.traffic_list_EW p.lamp>span {
	display: inline-block;
	width: 76px;
	height: 76px;
	line-height: 74px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.traffic_list_EW p.lamp_green>span {
	background: #4cac5a;
}

.traffic_list_EW p.lamp_yellow>span {
	background: #ad9b62;
}

.traffic_list_EW p.lamp_red>span {
	background: #b84a5c;
}

.traffic_list_EW p.lamp span.num {
	padding: 0 2px;
	font-size: 1.8em;
}

.traffic_list_EW h4 {
	font-size: 1.3em;
	margin: 2px 0 15px;
}

.traffic_list_EW p.waitmin {
	background: url(../images/icon_index_truck.png) top center no-repeat;
	padding-top: 60px;
	margin-bottom: 20px;
}

@media (max-width:767px) {
	.traffic_area_EW {
		padding: 0 10px;
	}

	.traffic_area_EW .col-4 {
		padding-right: 10px;
		padding-left: 10px;
	}

	.traffic_list_EW h4 {
		font-size: 1.15em;
		margin: 2px 0 15px;
	}

	.traffic_list_EW p.lamp {
		font-size: 0.95em;
		width: 82px;
		height: 82px;
	}

	.traffic_list_EW p.lamp>span {
		width: 66px;
		height: 66px;
		line-height: 64px;
	}

	.traffic_list_EW p.lamp span.num {
		font-size: 1.6em;
	}

	.traffic_list_EW p.waitmin {
		font-size: 0.95em;
		background: url(../images/icon_index_truck.png) top center no-repeat;
		background-size: auto 30px;
		padding-top: 40px;
	}
}

/*INDEX SHIP*/
.index_ship_EW {}

.sign_tips_EW {
	display: inline-block;
	padding: 7px 20px;
	font-size: 1.1em;
	background: #f0f4f9;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

@media (min-width:768px) {
	.sign_tips_EW {
		position: absolute;
		top: 20px;
		right: 20px;
	}
}

@media (max-width:767px) {
	.sign_tips_EW {
		float: right;
		margin: 7px 0 10px;
		font-size: 1em;
	}
}

/*----------------------------------------------------------------------------------PAGE*/

/*路徑*/
.pathway_area_EW {
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 10px;
	position: relative;
	z-index: 1;
}

.pathway_area_EW #pathway {
	padding: 7px 0;
	line-height: 180%;
	float: left;
	width: 100%;
	font-size: 1.05em;
	color: #fff;
}

.pathway_area_EW #pathway span {
	font-weight: 400;
}

.pathway_area_EW #pathway a {
	color: #fff;
}

.pathway_area_EW #pathway a:hover,
.pathway_area_EW #pathway a:hover i {
	color: #ad9b62;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.pathway_area_EW #pathway i {
	font-size: 0.8em;
	color: #7595bb;
	padding: 0 11px;
}

@media (max-width:767px) {
	.pathway_area_EW {
		margin-bottom: 15px;
	}

	.pathway_area_EW #pathway {
		font-size: 0.9em;
		padding: 7px 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

/*PAGE TITLE*/
.page_title_EW {
	padding: 25px 30px;
	position: relative;
}

.page_title_EW p {
	font-size: 1.15em;
	margin: 20px 0px;
	line-height: 200%;
	color: #555;
}

.page_title_EW.wlist_table_style {
	padding-bottom: 0;
	margin-bottom: -20px;
}

.page_title_EW h1,
.page_title_EW h2 {
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	color: #22426a;
	line-height: 120%;
	font-weight: 600;
}

.page_title_EW h2 {
	font-size: 1.6em;
}

.page_title_EW i {
	color: #ad9b62;
	margin-right: 10px;
}

a.btn_collapse .page_title_EW h2 i {
	margin-top: 3px;
	margin-right: 0;
}

.page_title_EW p.memo {
	display: inline-block;
	font-size: 1em;
	margin: 10px 0 0;
	color: #b84a5c;
	padding-top: 5px;
}

.page_title_EW span.tips_EW {
	margin-left: 15px;
	color: #555;
	font-size: 0.7em;
	font-weight: 500;
}

.page_title_EW span.tips_EW i {
	color: #386498;
	margin-right: 5px;
}

@media (min-width:768px) {
	.page_title_EW .button_area {
		position: absolute;
		top: 19px;
		right: 20px;
	}
}

.page_title_EW button {
	margin-left: 5px;
	padding: 9px 18px;
	font-size: 1.15em;
	border: none;
	color: #fff;
	border: 1px #ad9b62 solid;
	background: #ad9b62;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.page_title_EW button.red_style {
	border: 1px #b84a5c solid;
	background: #b84a5c;
}

.page_title_EW button.white_style {
	border: 1px #ad9b62 solid;
	color: #ad9b62;
	background: #FFF;
}

.page_title_EW button.white_style i {
	color: #ad9b62;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.page_title_EW button:hover {
	border: 1px #333 solid;
	background: #333;
	color: #FFF;
}

.page_title_EW button:hover i {
	color: #FFF;
}

.page_title_EW button i {
	color: #fff;
	margin-right: 8px;
}

@media (max-width:767px) {
	.page_title_EW {
		padding: 15px 20px;
	}

	.page_title_EW.wlist_table_style {
		padding-bottom: 0;
		margin-bottom: -10px;
	}

	.page_title_EW h1 {
		font-size: 1.6em;
	}

	.page_title_EW h2 {
		margin-top: 5px;
		font-size: 1.4em;
	}

	a.btn_collapse .page_title_EW h2 i {
		margin-bottom: 21px;
	}

	.page_title_EW .button_area {
		text-align: right;
		margin-top: 10px;
	}

	.page_title_EW .button_area button {
		padding: 8px 15px;
		font-size: 1.05em;
		margin: 0 0 0 5px;
	}

	.page_title_EW .button_area.oneRow_style {
		position: absolute;
		top: 10px;
		right: 10px;
		margin-top: 0;
	}
}

/*換頁*/
.pagination {
	font-family: Arial;
	margin-top: 10px;
	margin-bottom: 50px;
}

@media (max-width:767px) {
	.pagination {
		margin-top: 0;
		margin-bottom: 30px;
	}
}

.pagination>li>a {
	padding: 5px 9px 3px;
	margin: 0 5px;
	border: none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.page-link:hover,
.page-item.active .page-link {
	color: #FFF;
	background-color: #22426a;
}

.pagination>li>a {
	color: #22426a;
	border-radius: 4px;
}

.pagination>li.arrow_style>a {
	background-color: transparent;
	box-shadow: none;
}

.pagination>li.arrow_style>a:hover {
	color: rgba(34, 66, 106, 0.5);
}

.page-item.disabled .page-link {
	color: rgba(34, 66, 106, 0.2);
	background-color: transparent;
	border-color: transparent;
}

/*TIPS*/
.tips_area_EW .page_padding {
	margin-top: -10px;
	padding-bottom: 20px !important;
}

.tips_area_EW span.tips_EW {
	display: inline-block;
	padding: 10px 0;
	font-size: 1.1em;
}

.tips_area_EW span.tips_EW i {
	color: #386498;
	margin-right: 5px;
}

.tips_area_EW button,
.tips_area_EW select {
	width: auto;
	height: auto;
	padding: 5px 12px;
	margin: 5px;
	font-size: 1.05em;
	color: #FFF;
	background-color: #386498;
	border: 1px solid #386498;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.tips_area_EW button {
	padding: 5px 16px;
	color: #FFF;
	border: 1px solid #b84a5c;
	background: #b84a5c;
}

.tips_area_EW button:hover {
	border: 1px solid #333;
	background-color: #333;
}

.tips_area_EW select {
	float: right;
	color: #224269;
	border: 1px solid #224269;
	padding-right: 30px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #ebf0f5 url(../images/chevron-down-solid.png) right 10px top 14px no-repeat;
	background-size: auto 20%;
}

@media (max-width:767px) {
	.tips_area_EW .page_padding {
		margin-top: -10px;
		padding-bottom: 10px !important;
	}

	.tips_area_EW span.tips_EW {
		display: block;
		font-size: 1em;
	}

	.tips_area_EW button,
	.tips_area_EW select {
		margin: 0 5px 10px;
	}
}

/*網頁編輯內容*/
.page_content_EW {
	float: left;
	width: 100%;
	height: auto;
}

.page_content_EW h2 { /*edit251212*/
	margin: 5px 0 10px;
	padding: 2px 0;
	width: auto;
	color: #22426a;
	font-size: 1.4em;
	font-weight: 600;
	line-height: 150%;
}

.page_content_EW h3 {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #ad9b62;
	line-height: 160%;
	font-weight: 600;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.page_content_EW h3 i {
	margin-right: 8px;
}

.page_content_EW h4 {
	padding: 0;
	margin: 10px 0 10px;
	font-size: 1.2em;
	color: #111;
	line-height: 160%;
	font-weight: 500;
}

.page_content_EW p {
	font-size: 1.15em;
	margin-bottom: 20px;
	line-height: 200%;
	color: #555;
}

.page_content_EW a {
	color: #ad9b62;
}

.page_content_EW a:hover {
	color: #333;
}

.page_content_EW .box {
	padding: 0 15px;
}

.page_content_EW .box img {
	margin-bottom: 20px;
}

@media (max-width:767px) {
	.page_content_EW p {
		font-size: 1.1em;
	}

	.page_content_EW .box {
		padding: 0 5px;
	}
}

/*TABLE - LIST*/
.list_table_EW {
	margin: 25px 0 30px;
	padding: 0;
	font-size: 1.1em;
}

.list_table_EW table {
	border-bottom: 0 #f4f4f4 solid;
}

.list_table_EW table.table {
	margin: 0;
}

.list_table_EW th,
.list_table_EW td {
	padding: 15px 12px !important;
	text-align: center;
	background: transparent;
	line-height: 130%;
}

.list_table_EW th {
	font-weight: 600 !important;
	color: #333;
}

.list_table_EW td {
	border: 0;
	color: #555;
}

@media (min-width:768px) {
	.list_table_EW tr:nth-child(odd) td {
		background: rgba(106, 147, 198, 0.1);
	}

	.list_table_EW th.checkbox_width {
		width: 80px;
	}
}

.list_table_EW a {
	color: #ad9b62;
}

.list_table_EW a i.fa-square,
.list_table_EW a i.fa-check-square,
.normal_table_EW a i.fa-square,
.normal_table_EW a i.fa-check-square {
	z-index: 1;
	font-size: 1.2em;
	margin: 0 6px;
	color: #a5a5a5;
}

.list_table_EW a:hover,
.list_table_EW a:hover i.fa-square,
.list_table_EW a i.fa-check-square,
.list_table_EW a.txt_gray_EW:hover,
.normal_table_EW a:hover,
.normal_table_EW a:hover i.fa-square,
.normal_table_EW a i.fa-check-square,
.normal_table_EW a.txt_gray_EW:hover {
	color: #22426a !important;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.list_table_EW i.fa-caret-right,
.twoCol_table_EW i.fa-caret-right {
	margin: 0 5px;
	color: #22426a !important;
}

.list_table_EW i.fa-exclamation-triangle,
.twoCol_table_EW i.fa-exclamation-triangle {
	margin: 0 5px;
	color: #b84a5c !important;
}

.list_table_EW td.link_style {
	cursor: pointer;
}

.fl_table_EW {
	border: none;
	border-collapse: collapse;
	width: 100%;
	max-width: 100%;
	white-space: nowrap;
	background-color: white;
}

@media (max-width:991px) {
	.list_table_EW .blank_style {
		padding: 15px 5px !important;
	}
}

@media (max-width:767px) {
	.list_table_EW {
		margin: 15px 0 15px;
		font-size: 1.05em;
	}

	.list_table_EW th,
	.list_table_EW td {
		padding: 12px !important;
		text-align: left;
	}

	.fl_table_EW {
		display: block;
		width: 100%;
	}

	.fl_table_EW thead,
	.fl_table_EW tbody,
	.fl_table_EW thead th {
		display: block;
	}

	/*.fl_table_EW thead th:last-child{
        border-bottom: none;}*/
	.fl_table_EW thead {
		float: left;
	}

	.fl_table_EW tbody {
		width: auto;
		position: relative;
		overflow-x: auto;
	}

	.fl_table_EW td,
	.fl_table_EW th {
		/*width: 150px;
        height: auto;*/
		vertical-align: middle;
		box-sizing: border-box;
		/*overflow-x: hidden;
        overflow-y: auto;
        text-overflow: ellipsis;*/
	}

	.fl_table_EW thead th {
		text-align: left;
		border-right: 1px solid rgba(106, 147, 198, 0.3);
		/*border-bottom: 2px solid rgba(106,147,198,0.1);*/
	}

	.fl_table_EW tbody tr {
		display: table-cell;
	}

	.fl_table_EW tbody tr:nth-child(odd) {}

	.fl_table_EW tr:nth-child(even) {
		background: transparent;
	}

	.fl_table_EW tr th:nth-child(odd) {
		background: rgba(106, 147, 198, 0.1);
	}

	.fl_table_EW tr td:nth-child(odd) {
		background: rgba(106, 147, 198, 0.1);
		/*border-right: 1px solid #E6E4E4;*/
	}

	.fl_table_EW tr td:nth-child(even) {
		/*border-right: 1px solid #E6E4E4;*/
	}

	.fl_table_EW tbody td {
		display: block;
		text-align: left;
		/*border-bottom: 2px solid rgba(106,147,198,0.1);*/
	}

	.fl_table_EW thead,
	.fl_table_EW tbody,
	.fl_table_EW thead th,
	.fl_table_EW tbody td {
		align-items: center;
		display: flex;
	}

	.list_table_EW .blank_style {
		display: none !important;
	}
}

.twolinesHeight_style td {
	padding: 10px !important;
	height: 60px;
}

@media (max-width: 767px) {

	.twolinesHeight_style th,
	.twolinesHeight_style td {
		padding: 10px 15px !important;
		font-size: 1em;
		text-align: left;
	}

	.twolinesHeight_style .fl_table_EW td,
	.twolinesHeight_style .fl_table_EW th {
		height: 60px;
	}
}

.list_table_EW tr.warning_style td {
	background-color: rgba(184, 74, 92, 0.1) !important;
}

.list_table_EW tr.cancel_style td {
	color: #a5a5a5;
}

@media (max-width: 767px) {
	.list_table_EW tr.warning_style td:nth-child(odd) {
		background-color: rgba(184, 74, 92, 0.15) !important;
	}
}

/*TABLE - NORMAL*/
.normal_table_EW {
	margin: -15px 0 30px;
	font-size: 1.1em;
}

.normal_table_EW table.table {
	margin: 0;
}

.normal_table_EW th,
.normal_table_EW td {
	padding: 13px 12px !important;
	text-align: center;
	line-height: 150%;
	border: 0;
	background: #fff;
}

.normal_table_EW th {
	font-weight: 600 !important;
	color: #444;
	border-bottom: 2px rgba(160, 147, 198, 0.1) solid !important;
}

.normal_table_EW td {
	color: #555;
}

.normal_table_EW tr.bg_blue td {
	background: rgba(240, 244, 249, 1);
}

.normal_table_EW input {
	border: none;
	max-width: 110px;
	padding: 1px 10px;
	color: #22426a;
	text-align: center;
	background: rgba(240, 244, 249, 1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}

.normal_table_EW input:focus {
	background: #fdf6e0;
}

@media (max-width:991px) {
	.normal_table_EW .blank_style {
		width: 1px;
		padding: 13px 5px !important;
	}
}

@media (max-width:767px) {
	.normal_table_EW {
		margin: -5px 0 10px;
		font-size: 1.05em;
	}

	.normal_table_EW th {
		vertical-align: bottom;
	}

	.normal_table_EW td {
		vertical-align: top;
	}

	.normal_table_EW tr.show_xs th {
		display: table-cell;
	}

	.normal_table_EW.table-responsive {
		white-space: nowrap;
	}

	.normal_table_EW.sticky1_style th:nth-child(2),
	.normal_table_EW.sticky1_style td:nth-child(2),
	.normal_table_EW.sticky13_style th:nth-child(2),
	.normal_table_EW.sticky13_style td:nth-child(2) {
		position: sticky;
		left: 0;
		z-index: 1;
	}

	.normal_table_EW.sticky13_style th:nth-child(4),
	.normal_table_EW.sticky13_style td:nth-child(4) {
		position: sticky;
		left: 35px;
		z-index: 1;
	}

	.normal_table_EW.sticky2_style th:nth-child(3),
	.normal_table_EW.sticky2_style td:nth-child(3) {
		position: sticky;
		left: 0;
		z-index: 1;
	}
}

/*TABLE - 2COL*/
.twoCol_table_EW {
	margin: -15px 0 30px;
	font-size: 1.1em;
}

.twoCol_table_EW table.table {
	margin: 0;
}

.twoCol_table_EW th,
.twoCol_table_EW td {
	padding: 13px 12px !important;
	text-align: left;
	line-height: 150%;
	border-bottom: 2px rgba(160, 147, 198, 0.1) solid !important;
}

.twoCol_table_EW th {
	width: 20%;
	font-weight: 600 !important;
	color: #333;
}

.twoCol_table_EW td {
	color: #555;
}

.twoCol_table_EW tr:last-child th,
.twoCol_table_EW tr:last-child td {
	border: none !important;
}

.twoCol_table_EW span.memo {
	display: inline-block;
}

.twoCol_table_EW span.memo i {
	margin-right: 8px;
}

.twoCol_table_EW .blank_style {
	width: 45px;
}

@media (max-width:991px) {
	.twoCol_table_EW th {
		width: 23%;
	}

	.twoCol_table_EW .blank_style {
		width: 1px;
		padding: 13px 5px !important;
	}
}

@media (max-width:767px) {
	.twoCol_table_EW {
		margin: -5px 0 10px;
		font-size: 1.05em;
	}

	.twoCol_table_EW th {
		padding-left: 25px !important;
		width: 120px;
	}

	.twoCol_table_EW .blank_style {
		display: none;
	}
}

/**/
.numlist_EW {
	padding-left: 20px;
}

.numlist_EW li {
	list-style-type: decimal;
	font-size: 1.1em;
	padding-bottom: 0;
	line-height: 200%;
}

.list_table_EW .numlist_EW li {
	margin-left: -5px;
	line-height: 150%;
	font-size: 1em;
}

.numlist_EW.addheight li {
	padding-bottom: 10px;
}

.numlist_EW li ul li {
	font-size: 1em;
	margin-left: -5px;
	list-style-type: upper-alpha;
}

.numlist_EW li ul li ul li {
	font-size: 1em;
	list-style-type: lower-alpha;
}

/*一般按鈕*/
.normal_button_EW {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin: 10px auto 50px;
}

.normal_button_EW a {
	display: inline-block;
	padding: 10px 30px;
	margin: 0 5px;
	font-size: 1.1em;
	color: #FFF !important;
	background: #ad9b62;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.normal_button_EW a i {
	padding-right: 10px;
}

.normal_button_EW a i.fa-chevron-right {
	padding-right: 0;
	padding-left: 10px;
}

.normal_button_EW a:hover {
	color: #FFF !important;
	background: #333;
}

@media (max-width:767px) {
	.normal_button_EW a {
		font-size: 1.05em;
	}
}

/*登入表單*/
.login_form_EW {
	padding: 0 20% 45px;
	font-size: 1.1em;
}

.login_form_EW.title_login {
	background: url(../images/title_login.png) top 60px center no-repeat;
	padding: 150px 20% 45px;
}

.login_form_EW.title_forgot {
	background: url(../images/title_forgot.png) top 60px center no-repeat;
	padding: 150px 20% 50px;
}

.login_form_EW.title_signup {
	background: url(../images/title_signup.png) top 45px center no-repeat;
	padding: 150px 20% 50px;
}

.login_form_EW ul {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.login_form_EW li {
	position: relative;
	list-style: none;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;
}

.login_form_EW input,
.login_form_EW select {
	background: transparent;
	border: 0;
	border: 1px #DDD solid;
	width: 100%;
	padding: 10px 10px 10px 45px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}

.login_form_EW select {
	padding-right: 30px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent url(../images/chevron-down-solid.png) right 10px center no-repeat;
	background-size: auto 20%;
}

.login_form_EW.title_signup input,
.login_form_EW.title_signup select {
	border: none;
	border-bottom: 1px #DDD solid;
	padding: 10px;
	color: #224269;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.login_form_EW input:focus {
	border: 1px #ad9b62 solid;
}

.login_form_EW.title_signup input:focus,
.login_form_EW.title_signup select:focus {
	border: none;
	border-bottom: 1px #224269 solid;
}

.login_form_EW button {
	border: 0;
	width: 100%;
	padding: 10px 8px;
	color: #FFF;
	background: #ad9b62;
	font-size: 1.05em;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.login_form_EW button:hover {
	background: #333;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}

.login_form_EW i.input_style {
	position: absolute;
	top: 18px;
	left: 10px;
	display: inline-block;
	width: 30px;
	color: #333;
	text-align: center;
	font-size: 0.9em;
}

.login_form_EW a.btn_del {
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 1;
	display: inline-block;
	text-align: center;
	font-size: 1em;
}

.login_form_EW a.btn_del i {
	padding: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #f1dbde;
	color: #b84a5c !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.login_form_EW a.btn_del:hover {
	-webkit-filter: opacity(1);
}

.login_form_EW a.btn_del i:hover {
	background: #b84a5c;
	color: #FFF !important;
}

.login_form_EW p {
	margin: 0;
	padding: 10px 0;
	line-height: 160%;
}

.login_form_EW p.memo {
	display: inline-block;
	font-size: 0.95em;
	margin: 0;
	padding: 7px 10px 0;
	color: #b84a5c;
}

.login_form_EW a {
	color: #333;
	padding: 0 5px;
}

.login_form_EW a:hover {
	-webkit-filter: opacity(.7);
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}

.login_form_EW a i,
.login_form_EW p i {
	color: #315f99;
	padding-right: 8px;
}

@media (max-width: 767px) {
	.login_form_EW {
		padding: 0 20% 45px;
		font-size: 1.05em;
	}

	.login_form_EW.title_login {
		background: url(../images/title_login.png) top 60px center no-repeat;
		background-size: auto 50px;
		padding: 130px 10% 45px;
	}

	.login_form_EW.title_forgot {
		background: url(../images/title_forgot.png) top 60px center no-repeat;
		background-size: auto 50px;
		padding: 130px 10% 50px;
	}

	.login_form_EW.title_signup {
		background: url(../images/title_signup.png) top 45px center no-repeat;
		background-size: auto 60px;
		padding: 130px 10% 50px;
	}
}

/*一般表單*/
.normal_form_EW {
	font-size: 1.1em;
	margin: 0 0 30px;
	padding: 0 20px !important;
}

.normal_form_EW .col-12 {
	margin-bottom: 18px;
}

@media (max-width:1040px) {
	.normal_form_EW .col-md-8.col-lg-4 {
		margin-bottom: 15px;
		padding: 0 3px;
	}
}

.normal_form_EW hr {
	margin-top: 30px;
	margin-bottom: 30px;
}

.normal_form_EW label {
	float: left;
	display: inline-block;
	width: 30%;
	margin-top: 5px;
	padding-right: 5px;
	font-weight: 600;
	color: #333;
}

.normal_form_EW label small {
	color: #b84a5c;
}

.normal_form_EW span {
	line-height: 180%;
}

.normal_form_EW p {
	font-size: 1em;
	margin-bottom: 0;
	line-height: 150%;
}

.normal_form_EW p.content {
	margin-top: 5px;
	color: #22426a;
}

.normal_form_EW p i {
	display: inline-block;
	width: 35px;
	text-align: center;
}

.normal_form_EW .right_side {
	float: left;
	display: block;
	width: 70%;
	height: auto;
}

.form_control_EW {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	padding: 6px 14px;
	font-size: 0.95em;
	color: #22426a;
	background-color: #ebf0f5;
	background-image: none;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.form_control_EW:focus {
	background-color: #fdf6e0;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form_control_EW::placeholder {
	color: #7f94ae;
}

select.form_control_EW {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #ebf0f5 url(../images/chevron-down-solid.png) right 10px center no-repeat;
	background-size: auto 20%;
}

.normal_form_EW button[disabled],
.normal_form_EW input[disabled],
.normal_form_EW textarea[disabled] {
	cursor: default;
	background: #F1F1F1;
	color: #888;
}

.normal_form_EW select[disabled] {
	cursor: default;
	background: #F1F1F1 url(../images/chevron-down-solid-gray.png) right 10px center no-repeat;
	background-size: auto 20%;
	color: #444;
}

.normal_form_EW p.memo {
	display: inline-block;
	font-size: 0.95em;
	margin: 0;
	padding: 7px 11px 0;
	color: #b84a5c;
}

.form_upload_EW button {
	display: inline-block;
	padding: 5px 25px 7px;
	margin: 0 15px 5px 0;
	border: 1px #22426a solid;
	color: #22426a !important;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.form_upload_EW button.red_style {
	border: 1px #b84a5c solid;
	color: #b84a5c !important;
}

.form_upload_EW button i {
	padding-right: 10px;
}

.login_form_EW .form_upload_EW button {
	width: auto;
	margin: 0 10px 5px 0;
	font-size: 1em;
}

.login_form_EW .form_upload_EW button i {
	padding-right: 5px;
}

.form_upload_EW button:hover,
.form_upload_EW button:active,
.form_upload_EW button:focus {
	color: #fff !important;
	background: #22426a;
}

.form_upload_EW button.red_style:hover,
.form_upload_EW button.red_style:active,
.form_upload_EW button.red_style:focus {
	color: #fff !important;
	background: #b84a5c;
}

.form_upload_EW span {
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 0.95em;
	color: #555;
}

.form_upload_EW a {
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 0.95em;
	line-height: 200%;
}

.form_upload_EW a i {
	padding-right: 6px;
}

.normal_form_EW .col-12 .col-12 {
	padding: 0 8px;
}

.normal_form_EW a.btn_del {
	position: absolute;
	top: 0;
	right: -38px;
	z-index: 1;
	display: inline-block;
	text-align: center;
	font-size: 1em;
}

.normal_form_EW a.btn_del i {
	padding: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #f1dbde;
	color: #b84a5c !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.normal_form_EW a.btn_del i:hover {
	background: #b84a5c;
	color: #FFF !important;
}

.normal_form_EW a.btn_edit {
	display: inline-block;
	text-align: center;
	font-size: 1em;
}

.normal_form_EW a.btn_edit i {
	padding: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: rgba(240, 244, 249, 1);
	color: #22426a !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.normal_form_EW a.btn_edit i:hover {
	background: #22426a;
	color: #FFF !important;
}

@media (max-width:991px) {
	.normal_form_EW.btnDel_col3_style a.btn_del {
		top: -102px;
	}
}

@media (max-width:767px) {
	.normal_form_EW {
		margin: 0 0 20px;
		font-size: 1.05em;
	}

	.normal_form_EW .col-12 {
		margin-bottom: 15px;
		padding: 0 3px;
	}

	.normal_form_EW hr {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.normal_form_EW.btnDel_col2_style a.btn_del {
		top: -47px;
	}

	.normal_form_EW.btnDel_col3_style a.btn_del {
		top: -94px;
	}
}

/*CHECKBOX*/
.normal_form_EW ul.checkbox_list {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.normal_form_EW ul.checkbox_list li {
	position: relative;
	font-size: 1.15em;
	line-height: 160%;
	padding: 3px 5px 3px 28px !important;
	margin-bottom: 0 !important;
}

.normal_form_EW ul.checkbox_list li a {
	color: #666;
}

.normal_form_EW ul.checkbox_list li a:hover {
	color: #111;
}

.normal_form_EW ul.checkbox_list li i {
	color: #333;
	position: absolute;
	top: 8px;
	left: 5px;
}

/*SEARCH*/
.search_area_EW .bg_dark_EW {
	padding: 20px;
}

.form_search_EW {
	width: auto;
	height: auto;
	padding: 6px 12px;
	margin: 5px;
	font-size: 1.1em;
	color: #FFF;
	background-color: #224269;
	border: 1px solid #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

@media (min-width:768px) {
	.form_search_EW {
		width: 180px;
	}
}

.form_search_EW:focus {
	border-color: #6589b4;
	outline: 0;
}

.form_search_EW::placeholder {
	color: #CCC;
}

select.form_search_EW {
	padding-right: 30px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent url(../images/chevron-down-solid-white.png) right 10px center no-repeat;
	background-size: auto 20%;
}

input.form_search_EW.date_style {
	padding-right: 30px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent url(../images/calendar-alt-regular-white.png) right 10px center no-repeat;
	background-size: auto 16px;
}

select.form_search_EW option {
	background-color: #224269;
}

button.form_search_EW {
	float: right;
	width: auto;
	padding: 6px 30px;
	color: #fff;
	border: 1px solid #6589b4;
	background: #6589b4;
}

button.form_search_EW:hover,
button.form_search_EW:focus {
	color: #22426a;
	border: 1px solid #FFF;
	background: #FFF;
}

@media (max-width:1199px) {
	.form_search_EW {
		width: 150px;
	}

	button.form_search_EW {
		height: auto;
		width: auto;
		float: inherit;
	}
}

@media (max-width:991px) {
	.form_search_EW {
		width: 156px;
	}

	button.form_search_EW {
		width: auto;
	}
}

@media (max-width:767px) {
	.form_search_EW {
		font-size: 1.05em;
	}

	.form_search_EW,
	button.form_search_EW {
		width: 47%;
		margin: 5px 1%;
	}

	button.form_search_EW.fullwidth_style {
		float: left;
		width: 96.5%;
	}
}


/*NAV TABS*/
.navtbas_area_EW .nav-tabs {
	float: left;
	width: 100%;
	height: auto;
	line-height: 160%;
	margin: -10px 0 30px;
	font-size: 1.2em;
	text-align: center;
	border-bottom: 2px #dfdfdf solid;
}

.navtbas_area_EW .nav-tabs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navtbas_area_EW .nav-tabs li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navtbas_area_EW .nav-tabs a {
	position: relative;
	;
	width: auto;
	display: inline-block;
	padding: 8px 25px;
	font-weight: 600;
	color: #555;
	border: 0;
	border-bottom: 4px transparent solid;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.navtbas_area_EW .nav-tabs a:hover {
	border-bottom: 4px transparent solid;
}

.navtbas_area_EW .nav-tabs a span.num {
	display: inline-block;
	margin-left: 5px;
	padding: 1px 5px;
	width: auto;
	height: 15px;
	line-height: 12px;
	font-size: 0.7em;
	font-weight: 400;
	background-color: #b84a5c;
	color: #FFF;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.navtbas_area_EW .nav-tabs a.active {
	background-color: transparent;
	color: #22426a;
	border-bottom: 4px #22426a solid;
}

.navtbas_area_EW .content_area {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
	font-size: 1em;
}

@media (max-width: 767px) {
	.navtbas_area_EW .nav-tabs {
		margin: 0 0 20px;
	}

	.navtbas_area_EW .nav-tabs li {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.navtbas_area_EW .nav-tabs a {
		width: 100%;
		padding: 8px 0;
	}

	.navtbas_area_EW .nav-tabs a span.num {
		position: absolute;
		top: -1px;
		right: -2px;
	}
}

/*RULE*/
.rule_area_EW {
	width: 100%;
	height: 200px;
	background-color: #ebf0f5;
	color: #333;
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.rule_area_EW .rule_box {
	float: left;
	margin: 10px 0 0;
	padding: 0 20px;
	width: 100%;
	height: 180px;
	overflow: hidden;
	overflow-y: scroll;
}

.rule_area_EW .rule_box h4 {
	color: #386498;
	font-size: 1.05em;
	font-weight: 600;
	margin-top: 15px;
}

.rule_area_EW .rule_box p {
	text-align: left;
	line-height: 160%;
}

.rule_area_EW .rule_box ul {
	text-align: left;
	line-height: 160%;
	margin-right: 15px;
}

.rule_area_EW .rule_box ul li {
	list-style-type: decimal;
	display: list-item;
	font-size: 1.05em;
}

.rule_area_EW .rule_box ul li ul li {
	list-style-type: lower-alpha;
}

/*250304*/
/*switch*/
.switch_EW {
	top: 2px;
	display: inline-block;
	height: 26px;
	position: relative;
	width: 54px;
}

.switch_EW input {
	display: none;
}

.slider_EW {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
}

.slider_EW:before {
	background-color: #fff;
	bottom: 4px;
	content: "";
	height: 18px;
	left: 4px;
	position: absolute;
	transition: .4s;
	width: 18px;
}

input:checked+.slider_EW {
	background-color: #66bb6a;
}

input:checked+.slider_EW:before {
	transform: translateX(30px);
}

input:checked+.slider_EW:before {
	transform: translateX(30px);
}

.slider_EW.round {
	border-radius: 34px;
}

.slider_EW.round:before {
	border-radius: 50%;
}

.normal_table_EW.num_style input {
	max-width: 60px;
}

.normal_table_EW.num_style td {
	vertical-align: middle;
}

.normal_table_EW.num_style label.switch_EW {
	margin: 0px;
	float: inherit;
}

/*Radio Button*/
@keyframes ripple {
	0% {
		box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0);
	}

	50% {
		box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
	}

	100% {
		box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
	}
}

.md-radio {
	margin: 16px 0;
}

.md-radio.md-radio-inline {
	display: inline-block;
}

.md-radio input[type="radio"] {
	display: none;
}

.md-radio input[type="radio"]:checked+label:before {
	border-color: #00448D;
	animation: ripple 0.2s linear forwards;
}

.md-radio input[type="radio"]:checked+label:after {
	transform: scale(1);
}

.md-radio label {
	display: inline-block;
	min-height: 20px;
	position: relative;
	padding: 0 30px;
	margin-bottom: 0;
	cursor: pointer;
	vertical-align: bottom;
}

.md-radio label:before,
.md-radio label:after {
	position: absolute;
	content: '';
	border-radius: 50%;
	transition: all .3s ease;
	transition-property: transform, border-color;
}

.md-radio label:before {
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(0, 0, 0, 0.54);
}

.md-radio label:after {
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	transform: scale(0);
	background: #00448D;
}

/*250306*/
/*TABLE - INFO*/
.info_table_EW {
	margin: 0;
	padding: 0;
}

.info_table_EW table {
	background: #ebf0f5;
	border-bottom: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.info_table_EW table.table {
	margin: 0;
}

.info_table_EW th,
.info_table_EW td {
	padding: 10px 8px !important;
	text-align: center;
	background: transparent;
	line-height: 130%;
	color: #22426a;
}

.info_table_EW th {
	font-weight: 600 !important;
	border-bottom: 1px #fff solid !important;
}

.info_table_EW td {
	border: 0;
	border-bottom: 0 !important;
}

img.pic_qrcode {
	max-height: 250px !important;
}


#editor {
	height: 450px;
}

/* 原始碼 textarea */
#html-source {
	width: 100%;
	height: 450px;
	border: 1px solid #ccc;
	padding: 8px;
	font-family: monospace;
	font-size: 14px;
	box-sizing: border-box;
}

.ql-html::after {
	content: "</>";
	font-size: 14px;
	line-height: 18px;
}

/*250903*/
.photo_area_EW a img{
	max-width: 120px;
	max-height: 80px;
	margin: 0 10px 10px 0;}
@media (max-width: 991px) {
.photo_area_EW a img{
	max-width: 20%;}}
@media (max-width: 767px) {
.photo_area_EW a img{
	max-width: 40%;}}
.photo_area_EW a:hover img{
	-webkit-filter:opacity(.7);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;}

/* CY空櫃存量 燈號*/
.CYe_add_table th {
  /*width: 16.67% !important;*/ /*edit251103*/
}
.CYe_add_table tr {
  border-bottom: 1px#fff solid;
}
.CYe_add_sub_title {
  background-color: #224269 !important;
  color: #fff !important;
}

/* 燈號基礎樣式 */
.CYe_add_table .circle_number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

/* 綠燈 - 正常/充足 */
.CYe_add_table .circle_number.green {
  background-color: #28a745;
}

/* 黃燈 - 警告/不足 */
.CYe_add_table .circle_number.yellow {
  background-color: #ffc107;
  color: #212529;
}

/* 紅燈 - 危險/缺貨 */
.CYe_add_table .circle_number.red {
  background-color: #dc3545;
}


/*260226 CYe*/
.color-radio-group {
    display: flex;
    justify-content: flex-start;}
.color-radio {
    margin-right: 5px;}
.color-radio:last-child {
    margin-right: 0;}
.color-radio input[type="radio"] {
    display: none;}
.color-radio .dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.2s ease;}
.color-radio input[type="radio"]:checked + .dot {
    border: 2px solid #333;
    transform: scale(1.1);}
.normal_form_EW label.color-radio  {
	margin-top: 10px;
    width: auto;}
.dot.bg-secondary {
    background-color: #CCC !important;}

/*260312*/
.info_table_EW.rate_style td {
    border-bottom: 1px #fff solid !important;}