@charset "utf-8";
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
body{
	position:relative;
	font-family:Arial,Helvetica,sans-serif;
	padding:0;
}
h1,h2,h3,h4,h5{margin:0;padding:0}
h1{font-size:120%}
a{
	text-decoration:none;
	font-size:inherit;
	color:inherit ;
}
a:hover > *,
a:hover{
	text-decoration: underline;
}
ul,li{margin:0;padding:0;}
img{
	max-width:100%;
}
.tab {
	width:100%;
	border-collapse:collapse;
}
.table {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
hr {
	height:1px;
	background-color: #DFDFDF;
	border:0px solid transparent;
}


body > .body-bg {
	position:fixed;
	top:0px;
	left:0px;
	display:inline-block;
	width:100vw;
	height:100vh;
	z-index:-1;
}


header,
aside,
section,
footer {
	line-height: 1;
	z-index:1;
}



header {
	
}
header .header-container {
	display:table ;
	width:100%;
	height:100%;
}
header .header-container .header-left,
header .header-container .header-center,
header .header-container .header-right {
	display:table-cell;
	vertical-align:middle;	
}
header .header-container .header-left {
	text-align:left ;
}
header .header-container .header-center {
	text-align:left ;
	vertical-align:top;	
}
header .header-container .header-right {	
	text-align:right ;
}

.header_desk + .header_desk_interval {		/*對應 header_desk 高度 */
	
}
.header_phone + .header_phone_interval {	/*對應 header_phone 高度 */
	
}




section {
	
}
section > .section-banner,
section > .section-bottom {
	
}
section > .section-container {
	display:table;
	width:100%;
	min-height:30vh;
	
	table-layout:auto !important ;
	word-break:break-all;
	white-space:normal;
}
.section-container > .section-right,
.section-container > .section-left,
.section-container > .section-center {
	position:relative;
	display:table-cell;
	
	height:100%;
	
	word-break:break-all;
	white-space:normal;
	vertical-align: top;
	table-layout:fixed;
}
.section-container > .section-right {
	width: 0%;
}
.section-container > .section-left {
	width: 0%;
}
.section-container > .section-center {
	
}
.section-center  > .section-center-bg {
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	height:100%;
	z-index:-1 ;	
}

footer {
	position:relative;
	clear:both;	
}
footer > .footer-bg {
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	height:100%;
	
	z-index:-1;
}
footer .footer-container {
	
}

.btn {
	display: inline-block;
	
	appearance: button;
	-webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
   
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: buttonface;
    box-sizing: border-box;
    
    font: 400 13.3333px Arial;
    border: 1px outset buttonface;
    border-image: initial;
	text-decoration:none;
	cursor:pointer;
}
.btn:hover {
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.2);
}
a > .btn,
a.btn{
	text-decoration:none;
}

.container p {
	line-height: 30px;
}

.form-control {
	display:inline-block;
	width:100%;
	height:34px;
	padding:0px 12px;
	font-size:1em;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.form-control {
	padding: 2px 12px;
	min-height:200px;
	resize:vertical;
}
select.form-control {
	min-width :20%;
}
.form-content .unit {
	margin-bottom:6px;
}
.form-content + .form-footer {
	margin-top:15px;
	margin-bottom:15px;
}


.select_box{
	position: absolute;
	z-index:1000;
}
.red{
	color:#FF0000;
}
.green{
	color:green;
}

label.error{
	color:red;
}

input.error{
	border:1px solid #FF0000;
}

.payok{
	background-color: #f4f6f5;
	border: 1px solid #6a7f78;
	color: #c00;
	float: left;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px;
	text-align: left;
	width: 988px;
}


.css_btn_po a{
	color:#000;
}
.pic_preview{
	overflow: hidden;
}

.div_table {
	display:table;
	width: 100%;
	border-collapse:collapse;
	table-layout:fixed;
}
.div_tr {
	display:table-row;
	
}
.div_th,
.div_td {
	display:table-cell;
	text-align:left;
}

/* j-Radio,j-checkbox,j-select =============================== */
.j-select,
.j-radio,
.j-checkbox,
.j-radio-toggle,
.j-checkbox-toggle {
	position: relative;
	display: inline-block ;
	margin-bottom:0.2em;
	font-size: 1em;
	color: rgba(0, 0, 0, 0.87);
	line-height: 1.2em;
	clear:both ;
	cursor: pointer;
}
.j-radio,
.j-checkbox,
.inline-group .j-radio,
.inline-group .j-checkbox {
	/*padding-right:0.5em ;*/
}
.j-radio-toggle,
.j-checkbox-toggle,
.inline-group .j-radio-toggle,
.inline-group .j-checkbox-toggle {
	padding-top:0.5em ;
}
.j-radio:last-child,
.j-checkbox:last-child,
.j-radio-toggle:last-child,
.j-checkbox-toggle:last-child {
	
}
.inline-group .j-radio,
.inline-group .j-checkbox,
.inline-group .j-radio-toggle,
.inline-group .j-checkbox-toggle {
	display: inline-block;
	margin-right:0.5em ;
}
.j-radio input,
.j-checkbox input,
.j-radio-toggle input,
.j-checkbox-toggle input {
	position: absolute;
	left: -9999px;
}
.j-radio i,
.j-checkbox i,
.j-checkbox-toggle i,
.j-radio-toggle i {
	
	position:relative;
	
	display: inline-block;
	height: 1.2em ;
	
	background-color: #fff;
	border: 2px solid rgba(0, 0, 0, 0.26);
	border: 0.1em solid rgba(0, 0, 0, 0.26);
	
	outline: none;
  
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -ms-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.j-radio i,
.j-checkbox i {
	width: 1.2em ;
	float:left;
	margin-right:0.2em ;
}
.j-checkbox-toggle i,
.j-radio-toggle i {
	width: 3.3em ;
	float:left;
	margin-right:0.2em;
}
.j-checkbox i,
.j-checkbox-toggle i {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.j-radio i,
.j-radio i:after,
.j-radio-toggle i:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  
}
.j-radio-toggle i {
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
}
.j-checkbox-toggle i:before {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.j-radio i:after {
	content: "";
	position: absolute;
	top: 25%;
    left: 25%;
    width: 50%;
    padding:25%;
	background-color: #303030;
	
	opacity: 0;
}
.j-checkbox i:after {
	content: "";
	position: absolute;
	top: 0.2em;
    left: 0.15em;
    height: 0.4em;
    width: 0.7em;
	
	border: 0.1em solid #303030;
	border-top-width : 0 ;
	border-right-width : 0 ;
  
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  
	opacity: 0;
}
.j-radio input:checked + i:after,
.j-checkbox input:checked + i:after {
	opacity: 1;
}
.j-checkbox-toggle i:before,
.j-radio-toggle i:before {
	content: "";
	position: absolute;
	top: 0.25em ;
	left: 0.3em ;
	display: inline-block ;
	width: 0.8em ;
	height: 0.8em ;
	
	border: none;
	background-color: #303030;
}
.j-checkbox-toggle input:checked + i:before,
.j-radio-toggle input:checked + i:before {
	right: 0.3em ;
    left: auto;
}
.j-checkbox-toggle i:after,
.j-radio-toggle i:after,
.j-checkbox-toggle input:checked + i:after,
.j-radio-toggle input:checked + i:after {
	position: absolute;
	top: 0.4em ;
	font-size: 0.8em ;
	font-style: normal;
	font-weight: bold;
	line-height: 0.8em ;
}
.j-checkbox-toggle i:after,
.j-radio-toggle i:after {
	content: "NO";
	right: 0.6em ;
    left: auto;
}
.j-checkbox-toggle input:checked + i:after,
.j-radio-toggle input:checked + i:after {
	content: "YES";
	left: 0.6em ;
}
/*
.j-checkbox:hover i,
.j-radio:hover i,
.j-checkbox-toggle:hover i,
.j-radio-toggle:hover i {
  border: 2px solid rgba(0, 0, 0, 0.4);
}*/



.j-radio input:checked + i,
.j-checkbox input:checked + i {
	border-color:#303030 ;
}
.j-radio input:checked + i:after,
.j-checkbox input:checked + i:after {
	border-color:#303030 ;
}
.j-checkbox-toggle input:checked + i,
.j-radio-toggle input:checked + i {
	background-color: #f5f5f5;
}

.j-radio,.j-radio *,.j-radio-toggle,.j-radio-toggle *,.j-radio i:after,.j-radio-toggle i:after,.j-radio i:before,.j-radio-toggle i:before,
.j-checkbox,.j-checkbox *,.j-checkbox-toggle,.j-checkbox-toggle *,.j-checkbox i:after,.j-checkbox-toggle i:after,.j-checkbox i:before,.j-checkbox-toggle i:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.j-select {
	position: relative;
	display:inline-block;
	height: auto;
	
}
.j-select i {
	position: absolute;
    top: 8%;
    right: 2%;
    display: table;
    width: 1.2em;
    height: 84%;
    pointer-events: none;
	background-color: #fff;
	font-size:0.8em;
	z-index:0;
}
.j-select i:before {
	content: '▼';
	display: table-cell;
    vertical-align: middle;
    text-align: center;
	font-style: normal;
}

.j-checkbox.disabled-view,.j-checkbox-toggle.disabled-view,
.j-radio.disabled-view,.j-radio-toggle.disabled-view,
.j-select.disabled-view {
  cursor: default;
  opacity: .5;
}

.j-checkbox.disabled-view i:after{
	border-bottom: solid rgba(0,0,0,0.26);
	border-left: solid rgba(0,0,0,0.26);
}
.j-radio.disabled-view i:after{
	background-color: rgba(0,0,0,0.26);
}
.j-select.disabled-view input:checked + i,
.j-checkbox.disabled-view input:checked + i,
.j-radio.disabled-view input:checked + i,
.j-checkbox-toggle.disabled-view input:checked + i,
.j-radio-toggle.disabled-view input:checked + i {
	border: 2px solid rgba(0,0,0,0.26);
}