`<style>
	html{
		height: 100vh;
	}
	body{
		height: 100vh;
	}
	input:focus{
		outline:none;
	}
	/* 該死的 ios */
	input {
		-webkit-appearance: none;
		border-radius: 0;
	}
	textarea {  
		-webkit-appearance: none;
		border-radius: 0;
	} 
	select{
		/*去除外邊框*/
		border: none;
		/*適應safari瀏覽器內容不跑偏*/
		line-height: 1;
		width: 100%;
		/*將預設的select選擇框樣式清除*/  
		appearance:none;  
		-moz-appearance:none;  
		-webkit-appearance:none;  
		/*在選擇框的最右側中間顯示小箭頭圖片*/  
		background: url("/image/rwd/rwd_all/down arrow.png") no-repeat scroll right 6px center transparent;
		/*background-position: right 3em bottom 10px;*/
		/*background-size: 1.5rem 1.5rem;*/
		/*為下拉小箭頭留出一點位置,避免被文字覆蓋*/  
		padding-right: 14px;
		/*color: #666666;*/
		/*去除選中時樣式*/
		outline: none;
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button{
		-webkit-appearance: none !important;
		margin: 0;
	}

	input[type="date"], input[type="time"]{
		::-webkit-calendar-picker-indicator;

		/*將預設的select選擇框樣式清除*/  
		appearance:none;  
		background: url("/image/rwd/rwd_all/down arrow.png") no-repeat scroll right 6px center transparent;
	}

	::-webkit-calendar-picker-indicator {
		background: none;
	}
	
	/* 該死的 ios end */

	.specially-font-14{
		font-size: 14px;
		font-weight: 300;
		line-height: 26px;
		letter-spacing: 1.5px;
	}

	.specially-font-16{
		font-size: 16px;
		font-weight: 300;
		line-height: 26px;
		letter-spacing: 1.5px;
	}

	.cursor-pointer{
		cursor: pointer;
	}

	.w-75{
		width: 75%;
	}

	.w-70{
		width: 70%;
	}

	.w-80{
		width: 80%;
	}

	.w-90{
		width: 90%;
	}

	.l-10{
		left: 10%;
	}

	.h-80{
		height: 80%;
	}

	/* radio 01 長方形按鈕 的 radio */
	.radio_01{
		display:none;
	}
	.radio_01 + label {
		display: inline-block;	
		font-size: 15px;
		background-color: #f2f2f2;
		
		color: #000;
		width: 100%;
		text-align: center;
	}
	.radio_01:checked + label {
		color: #FFF;
		background-color: #2EE8DA;
	}
	.radio_01 + label span {
		margin-left: 38px;
	}
	/* checkbox 01 長方形按鈕 的 checkbox */
	.checkbox_01 {
	    display:none;
	}
	.checkbox_01 + label {
		display: inline-block;	
		font-size: 15px;
		background-color: #f2f2f2;
		
		color: #000;
		width: 100%;
		text-align: center;
	}
	.checkbox_01:checked + label {
		color: #FFF;
		background-color: #2EE8DA;
	}
	.checkbox_01 + label span {
		margin-left: 38px;
	}
	
	/* radio 02 框框打勾式 的 radio */
	.radio_02{
	display:none;
	}
	.radio_02 + label {
		display: inline-block;	
		font-size: 16px;
		width: 25px;
		height: 25px;
		cursor: pointer;	
		background-image: url("/image/rwd/rwd_all/radio_button.png");
		background-size: 100%;
	}
	.radio_02:checked + label {
		color: #000;
		background-image: url("/image/rwd/rwd_all/radio_button_active.png")
	}
	.radio_02 + label span {
		margin-left: 30px;
	}
	/* checkbox 02 框框打勾式 的 checkbox */
	.checkbox_02 {
		display:none;
	}
	.checkbox_02 + label {
		display: inline-block;	
		font-size: 16px;
		width: 25px;
		height: 25px;
		cursor: pointer;	
		background-image: url("/image/rwd/rwd_all/check_box.png");
		background-size: 100%;
	}
	.checkbox_02:checked + label {
		color: #000;
		background-image: url("/image/rwd/rwd_all/check_box_active.png")
	}
	.checkbox_02 + label span {
		margin-left: 38px;
	}

	/* button */
	.button_p_10_font_20{
		font-size: 18px;
		padding: 7px;
	}
	/* 固定置底 */
	.absolute_bomttom{
		position: absolute;
		bottom: 0px;
		width: 60%;
		left: 20%;
	}
	/* 平板電腦 */
	@media screen and (min-width:768px) and (max-width:1024px){   
		.absolute_bomttom{
			width: 300px;
			left: 50%;
			margin-left: -150px;
		}
	}
	/* 桌上型 */
	@media screen and (min-width:1025px){   
		.absolute_bomttom{
			width: 300px;
			left: 50%;
			margin-left: -150px;
		}
	}
	.btn{
		min-width: 100px;
	}
	button:focus,
	button:active:focus,
	button.active:focus,
	button.focus,
	button:active.focus,
	button.active.focus {
	  outline: none;
	  border-color: transparent; 
	  box-shadow:none;
	}
	.t-0{
		top: 0px;
	}
	.l-0{
		left: 0px;
	}
	.z-index-1000{
		z-index: 1000;
	}
	.table-fixed{
		table-layout:fixed;
	}
	.rounded-5{
		border-radius: 5px;
	}
	.rounded-10{
		border-radius: 10px;
	}
	.rounded-15{
		border-radius: 15px;
	}
	.rounded-20{
		border-radius: 20px;
	}
	.rounded-60{
		border-radius: 60px;
	}
	.border-bottom-dashed{
		border-bottom: dashed;
	}
    .form-control:disabled, .form-control[readonly] {
    	background: #C6C6C6;
    }
    /* scrolbar 優化 */
/*    ::-webkit-scrollbar {
		width: 5px;
	}
	::-webkit-scrollbar-track {
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	::-webkit-scrollbar-thumb {
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background: rgb(219,219,219);
	}*/
	/* scrolbar 優化 end */
	u{
		text-decoration: none;
    	padding-bottom: 2px;
    	border-bottom:  1px solid #000;
	}
	/* 主題邊色 */
	.border-theme-color{
		border: 1px solid #b8def3!important;
	}
	/* 主題邊色 2 */
	.border-theme2-color{
		border: 1px solid #0da3d2!important;
	}
	/* 灰色邊色 */
	.border-grey-color{
		border: 1px solid #C6C6C6!important;
	}
	/* 藍色邊色 */
	.border-blue-color{
		border: 1px solid #3F68AC!important;
	}
	/* 紅色邊色 */
	.border-red-color{
	    border-color: #ea3030;
	}
	/* 主色底色 */
	.background-theme-color{
		background: #b8def3;
	}
	/* 主題底色 2 */
	.background-theme2-color{
		background: #0da3d2;
	}
	/* 黃色底色 */
	.background-yellow-color{
		background: #E0AC00;
	}
	/* 灰色底色 */
	.background-grey-color{
		background: #F5F5F5;
	}
	/* 灰色底色 2 */
	.background-grey2-color{
		background: #C6C6C6;
	}
	/* 灰色底色 3 */
	.background-grey3-color{
		background: #ACABAB;
	}
	/* 灰色底色 4 */
	.background-grey4-color{
		background: #595959;
	}
	/* 灰色底色 5 */
	.background-grey5-color{
		background: #E6E6E6;
	}
	/* 灰色底色 6 */
	.background-grey6-color{
		background: #E4E4E4;
	}
	/* 亮灰底色 */
	.background-light-grey-color{
		background: #f2f2f2;
	}
	/* 亮綠色底色 */
	.background-light-green-color{
		background: #bafcc4;
	}
	/* 綠色底色 */
	.background-green-color{
		background: #2ecc71;
	}
	/* 藍色底色 */
	.background-blue-color{
		background: #2ee8da;
	}
	/* 藍色底色 02 */
	.background-blue02-color{
		background: #009FD0;
	}
	/* 藍色底色 03 */
	.background-blue03-color{
		background: #31C1ED;
	}
	/* 藍色底色 04 */
	.background-blue04-color{
		background: #E8F2FF;
	}
	/* 黃色底色 */
	.background-yellow-color{
		background: #ffb367;
	}
	/* 紅色底色 */	
	.background-red-color{
		background: #ea3030;
	}
	/* 淡藍色 */
	.background-light-blue-color{
		background: #edf5fd;
	}
	/* 淡藍色 01 */
	.background-light-blue01-color{
		background: #4994FC;
	}
	/* 青色 */
	.background-blue-green-color{
		background: #74DAFF;
	}
	/* 灰白色 */
	.background-dark-white{
		background: #fdfdfd;
	}

	select{
		/*text-align-last: center;*/
	}
	select:required:invalid {
		color: gray;
	}
	option[value=""][disabled] {
		display: none;
	}
	option {
		color: black;
	}
	.navbar{
		z-index: 999;
	}
	.header{
		background: #2EE8DA;
    	text-align: center;
	    padding-left: 10px;
	    padding-right: 10px;
    	height: 12vh;
    	min-height: 50px;
    	max-height: 120px;
    	z-index: 999;
	}
	.header table{
		width: 100%;
		height: 100%;
		table-layout:fixed;
		vertical-align:middle;
	}
	.header .text-left img{
		height: 40px;
	}
	.header .text-center{
		font-size: 40px;
	}
	.header .text-right img{
	    height: 40px;
	}
	@media screen and (max-width:767px){
	   .header .text-left img{
			height: 40px;
		}
		.header .text-center{
			font-size: 20px;
		}
		.header .text-right img{
		    height: 40px;
		}
	}

	#img_title{
		height: 50px;
	}
	.content{
	    width: 90%;
		margin-left: 5%;
	}
	/* for Chrome */
	.content::-webkit-scrollbar {
		display: none;
	}
	/* 平板電腦 */
	@media screen and (min-width:1000px) and (max-width:1212px){   
		#img_title{
			height: 10vh;
		}
	  	.content{
		  width: 850px;
    	  margin-left: 10vw;
		}
	}
	/* 桌上型 */
	@media screen and (min-width:1212px){   
		#img_title{
			height: 10vh;
		}
	   	.content{
		  width: 1080px;
		  /*height: 76vh;*/
		  margin: 0 auto;
    	  /*margin-left: 15vw;*/
		}
	}

	/* 明細頁的 content */
	.detail_content{
	    width: 100%;
	    height: 80vh;
	    top: 12vh;
	    padding-bottom: 0vh;
	}
	/* for Chrome */
	.detail_content::-webkit-scrollbar {
		display: none;
	}
	/* 平板電腦 */
	@media screen and (min-width:768px) and (max-width:1024px){   
	  	.detail_content{
		  width: 80vw;
		  height: 88vh;
    	  margin-left: 10vw;
    	  padding-bottom: 0vh;
		}
	}
	/* 桌上型 */
	@media screen and (min-width:1025px){   
	   	.detail_content{
		  width: 70vw;
		  height: 88vh;
    	  margin-left: 15vw;
    	  padding-bottom: 0vh;
		}
	}

	.footer{
		background: #EBEBEB;
    	position: absolute;
	    bottom: 0px;
	    left: 0px;
	    width: 100%;
	    height: 12vh;
	    min-height: 50px;
	    max-height: 120px;
	    z-index: 999;
	}
	.footer table{
		width: 100%;
		height: 100%;
		table-layout:fixed;
		text-align: center;
		vertical-align:middle;
	}
	.footer img{
	    height: 5vh;
	}

	iframe {
		border: 0px;
	}

	.file_upload_div{
		background: #e0e0e0;
	}
	.file_upload{
	   opacity: 0.0;

	   /* IE 8 */
	   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	   /* IE 5-7 */
	   filter: alpha(opacity=0);
	 
	   /* Netscape or and older firefox browsers */
	   -moz-opacity: 0.0;

	   /* older Safari browsers */
	   -khtml-opacity: 0.0;

	   position: absolute;
	   top: 0;
	   left: 0;
	   bottom: 0;
	   right: 0;
	   width: 0px;
	   height: 0px;
	}

	.notification_count{
		position: absolute;
	    background: #FFF;
	    width: 20px;
	    height: 20px;
	    line-height: 20px;
	    right: 0px;
	    margin-top: -15px;
	    border-radius: 60px;
	    text-align: center;
	    color: #2EE8DA;
	    font-size: 12px;
	}

	/* 必填星號 */
	.form-group.required .control-label:before{
	   color: red;
	   content: "*";
	   position: absolute;
	   margin-left: -10px;
	}

	.form-group input, .form-group textarea{
		border-radius: 5px;
	}

	/* 黃色底線 */
	.yellow-bottom-line{
		border-bottom:  1px solid #E0AC00;
	}
	/* 黑色底線 */
	.block-bottom-line{
		border-bottom:  1px solid #000;
	}

	/* 驗證 的錯誤 提示字顏色 */
	.error{
		color: #F00;
		padding: 4px;
	}
	/* 深灰色 */
	.text-dark-grey{
		color: #414141;	
	}
	/* 灰色文字 */
	.text-grey{
		color: #595959;
	}
	/* 灰色文字 01 */
	.text-grey01{
		color: #4B4B4B;
	}
	/* 灰色文字 02 */
	.text-grey02{
		color: #707070;
	}
	/* 灰色文字 03 */
	.text-grey03{
		color: #A5A5A5;
	}
	/* 灰色文字 04 */
	.text-grey04{
		color: #ACACAC;
	}
	/* 主題色字體 */
	.text-theme{
		color: #b8def3;
	}
	/* 主題色字體 2 */
	.text-theme2{
		color: #0da3d2;
	}
	/* 紅色字體 */
	.text-red{
		color: #e82e6e;
	}
	/* 綠色字體 */
	.text-green{
		color: #5ed154;
	}
	/* 黃色字體 */
	.text-yellow{
		color: #ffb367;
	}
	/* 青色 */
	.text-blue-green{
		color: #0da3d2;
	}
	/* 藍色 01 */
	.text-blue01{
		color: #3D66AE;
	}
	/* 藍色 02 */
	.text-blue02{
		color: #009FD0;
	}
	/* 藍色 03 */
	.text-blue03{
		color: #40A1E8;
	}
	/* 藍色 04 */
	.text-blue04{
		color: #4994FC;
	}

	/* input date 請選擇 */
	input[type="date"]:before {
	  content: attr(placeholder);
	}


	/* input time 請選擇 */
	input[type="time"]:before {
	  content: attr(placeholder);
	}




    /* preloader */
	#preloader{position:fixed;z-index:1800;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#FFF;}
	#loading-center{
		width: 100%;
		height: 100%;
		position: relative;
		}
	#loading-center-absolute {
		position: absolute;
		left: 50%;
		top: 50%;
		height: 200px;
		width: 200px;
		margin-top: -100px;
		margin-left: -100px;
		-ms-transform: rotate(-135deg); 
	   	-webkit-transform: rotate(-135deg); 
	    transform: rotate(-135deg);
	}
	.object{
		-moz-border-radius: 50% 50% 50% 50%;
		-webkit-border-radius: 50% 50% 50% 50%;
		border-radius: 50% 50% 50% 50%;
		position: absolute;
		border-top: 5px solid #0da3d2;
		border-bottom: 5px solid transparent;
		border-left:  5px solid #0da3d2;
		border-right: 5px solid transparent;
		
		-webkit-animation: animate 2s infinite;
		animation: animate 2s infinite;	
	}


	#object_one{
		left: 75px;
		top: 75px;
		width: 50px;
		height: 50px;
		}
								
	#object_two{
		left: 65px;
		top: 65px;
		width: 70px;
		height: 70px;
		-webkit-animation-delay: 0.2s;
	    animation-delay: 0.2s;
		}
			
	#object_three{
		left: 55px;
		top: 55px;
		width: 90px;
		height: 90px;
		-webkit-animation-delay: 0.4s;
	    animation-delay: 0.4s;
		}
	#object_four{
		left: 45px;
		top: 45px;
		width: 110px;
		height: 110px;
		-webkit-animation-delay: 0.6s;
	    animation-delay: 0.6s;
		}	
	@-webkit-keyframes animate {
	50% {

		-ms-transform: rotate(360deg) scale(0.8); 
	   	-webkit-transform: rotate(360deg) scale(0.8); 
	    transform: rotate(360deg) scale(0.8); 
	  }
	}
	@keyframes animate {
		
	50% {

		-ms-transform: rotate(360deg) scale(0.8); 
	   	-webkit-transform: rotate(360deg) scale(0.8); 
	    transform: rotate(360deg) scale(0.8); 
	  }	
	}
	/* preloader end */

	/* footer */
	.footer_contact_div{
		background-image:url('/image/01首頁/聯絡我們背景.png');
		background-size:cover;
		background-position:center;
	}
	.footer_contact_right_pc{
		display: none;
		position:relative;
		height: 500px;
	}
	.footer_contact_right_app{
		display: block;
		position: relative;
		height: auto;
		margin-top: 360px;
	}
	/* 平板電腦 */
	@media screen and (min-width:768px) and (max-width:1024px){  
		.footer_contact_right_pc{
			display: block;
			position:relative;
			height: 500px;
		}
		.footer_contact_right_app{
			display: none;
			position: relative;
			height: auto;
		}
	}
	/* 桌上型 */
	@media screen and (min-width:1025px){  
		.footer_contact_right_pc{
			display: block;
			position:relative;
			height: 500px;
		}
		.footer_contact_right_app{
			display: none;
			position: relative;
			height: auto;
		}
	}	
	.contact_qrcode{
		margin-top: -40px;
		margin-bottom: 20px;
	}
	a{
		text-decoration:none;
	}
	/* footer end */
	
	.readonly {
		pointer-events: none;
	}

	body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: visible !important; }


	/* 產品間距 */
	.product_light_height{
		height: 20px;
	}
	/* 平板電腦 */
	@media screen and (min-width:768px) and (max-width:1105px){  
		.product_light_height{
			height: 0px;
		}
	}
	/* 桌上型 */
	@media screen and (min-width:1105px){  
		.product_light_height{
			height: 10px;
		}
	}	
	/* end 產品間距 */

	/* 置頂 */
	#btn-back-to-top {
	  position: fixed;
	  bottom: 20px;
	  right: 20px;
	  display: none;
	  z-index: 9999;
	}


</style>