@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@font-face {
	font-family: 'FuturaBT-Medium';
	src: url('../font/futurabt/FuturaBT-Medium.ttf'); /* IE9 Compat Modes */
	src: url('../font/futurabt/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/futurabt/FuturaBT-Medium.woff') format('woff'), /* Modern Browsers */
       url('../font/futurabt/FuturaBT-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/futurabt/FuturaBT-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}

* { *zoom: 1; }

.middle { display: table; width: 100%; height: 100%; }
.middle .middle-helper { *display: inline-block; *height: 100%; vertical-align: middle; }
.middle .middle-content { display: table-cell; *display: inline; width: 100%; vertical-align: middle; }

.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }

.sit { font-family: 'FuturaBT-Medium'; font-size: 12px; }

.table,.thead,.tbody,.tfoot,.tr,.th,.td { position:relative; }
.table { display: table; margin-bottom: 0; } 
.tr { display: table-row; }
.td { display: table-cell; } 

/* Margin and padding */
body, p, pre, hr, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
blockquote, ol, ul, figure {
    margin: 0;
    padding: 0;
}
td, th {
    padding: 0;
}


/* Color */
body {
    color: #000;
}
a {
    color: inherit;
}

/* Type */
body, p {
    font-family: "Noto Sans TC", "微軟正黑體", simhei;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Sans TC", "微軟正黑體", simhei;
    font-weight: 900;
}

/* Other */
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
img {
    max-width: 100%;
    -webkit-user-drag: none;
}
html, body, .site-overflow {
/*     height: 100%; */
}
body {
	/*
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	*/
	min-width: 320px;
    margin: 0 auto;
    text-align: left;
	font-size: 14px;
}

#formbox {
	margin:auto; 
	/* padding-left:15px;  */
	/* padding-right:15px;  */
	background: #FFF; 
	min-width: 320px; 
	max-width: 960px; 
	box-sizing: border-box; 
	border: 5px solid #000;
}

#topimage { float: left; width: 100%; }
#left { float: left; width: 50%; }
#right { float: left; width: 50%; padding: 0 15px 15px; }
/* #right p { font-size: 12px; } */
#right > * { padding-top: 20px; }
#bottom { float: left; width: 100%; padding: 0 15px 15px; }
#formtop { padding-top: 30px; }
#formtop .td { padding-bottom: 10px; }
#formbottom { font-size: 11px; }
#formbottom .td:first-child  { padding-right: 10px; }
#bottom > * { padding-top: 15px; font-size: 11px; }
#right #submitbtn { 
    padding: 6px 32px;
    background: #000;
    color: #fff;
    outline: 0;
    border: 0;
    letter-spacing: 1px;
}
#slider { float: left; width: 100%;  }
#slider .swiper-container {
	max-width: 500px;
}
/* #slider .swiper-wrapper, */
/* #slider .swiper-slide  { height: auto; } */
#details { float: left; width: 100%; padding: 0 15px 15px; font-size: 12px; }
.details { padding-top: 15px; }
.details p { padding-bottom: 6px; }
.details .text {
    text-align: right;
    padding-right: 5px;
}
.details .image {
    text-align: left;
    padding-left: 5px;
}
.details .text,
.details .image { width: 50%; display: inline-block; vertical-align: middle; }

.details .text, 
.details .image {
    width: 50%;
    display: inline-block;
    
}

.details img {
/*     max-width: 120px;  */
	text-align: center;
	margin: 0 auto;
}
.details .table .td:first-child { padding-right: 10px; width: 60px; }
#footer {
	margin:auto; 
	min-width: 320px; 
	max-width: 960px; 
}

#footer #copyright {
	float: left;
    padding: 14px 10px;
    font-size: 10px;
	line-height: 16px;
}

#footer #logo {
	float: right; 
	padding: 8px 10px;
}


@media (max-width: 991px) {
	#left, #right { width: 100%; }
	#formtop .td input { width: 100%; }
	#slider .swiper-container {
	padding-top: 20px;
	}
}
@media (max-width: 567px) {
	#slider .swiper-container {
    margin: 0 10%;
	}
	#formtop .td { display: block; }
}