/* CSS Document */

/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---reset.css--- */

html {	
	font-family:"微軟正黑體", Arial;
	-webkit-text-size-adjust:none;
	background-color:#FFF;
}

body{
	padding-bottom:0px;
}
body {
    font-size: 1em;
    line-height: 1.5em;
}
.bottombar {
background-color: rgba(23, 122, 181, 0.95);
position: fixed;
bottom: 0;  
width: 100%;
z-index: 99; 
height: 90px;		
}
.privacy-content{
  float:left;
  width: 65%;
  height: 80px;  
}
.privacy-content h1{
	margin-top: 2%;
	margin-left: 20%;
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 1px;
	text-align: left;
	line-height: 22px;
}
.privacy-content-bt{
   float:left;
   width: 35%;
   height: 80px; 
}
.privacy-content-bt .login-bot {
    line-height: 40px;
    max-width: 200px;
    margin: 0 auto;
	overflow:hidden;
	float: left;
	margin-top: 5%;
}
.privacy-content-bt .login-bot .submit {
    display: block;
    float: left;
    width: 120px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border: none;
    background:#064269;
    outline: none;
    transition: background .25s linear;
    -ms-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -webkit-transition: background .25s linear;
	border-radius: 20px;
	cursor: pointer;
	font-family: "微軟正黑體", Arial;
}
.privacy-content-bt .login-bot .submit:hover{
	background-color: #164d7f;
}
.privacy-content-bt .contact-bt{
	line-height: 40px;
    max-width: 200px;
    margin: 0 auto;
	overflow:hidden;
	float: left;
	margin-top: 5%;
	margin-left: 2%;
}
.privacy-content-bt .contact-bt .submit {
    display: block;
    float: right;
    width: 150px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border: none;
    background: #099aab;
    outline: none;
    transition: background .25s linear;
    -ms-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -webkit-transition: background .25s linear;
	border-radius: 20px;
	cursor: pointer;
	font-family: "微軟正黑體", Arial;
}
.privacy-content-bt .contact-bt .submit:hover{
	background-color: #077c8a;
}
/* --手機版型------------------------------------- */

@media screen and (max-width: 736px) {
	
*{
	box-sizing:border-box; /* 讓 padding 與 width 解除關係 */
}

html,body{
	-webkit-text-size-adjust:none; /* iPhone 旋轉後 文字不要放大 */
}
.bottombar {
background-color: rgba(23, 122, 181, 0.95);
position: fixed;
bottom: 0;  
width: 100%;
z-index: 9999; 
height: auto;		
}
.privacy-content{
  float:none;
  width: 90%;
  height: auto; 
  margin: 0 auto;
}
.privacy-content h1{
	margin-top: 2%;
	margin-left: 2%;
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 1px;
	text-align: left;
	line-height: 22px;
}
.privacy-content-bt{
   float:none;
   width: 100%;
   height: auto; 
}
.privacy-content-bt .login-bot {
    line-height: 35px;
    max-width: 100px;
    margin: 0 auto;
	overflow:hidden;
	float: left;
	margin-top: 5%;
    margin-left: 6%;
	margin-bottom: 5%;
}
.privacy-content-bt .login-bot .submit {
    display: block;
    float: none;
    width: 100px;
    height: 35px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    border: none;
    background: #064269;
    outline: none;
    transition: background .25s linear;
    -ms-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -webkit-transition: background .25s linear;
	border-radius: 18px;
	cursor: pointer; 
}
.privacy-content-bt .login-bot .submit:hover{
	background-color: #164d7f;
}
.privacy-content-bt .contact-bt{
	line-height: 35px;
    max-width: 130px;
    margin: 0 auto;
	overflow:hidden;
	float: left;
	margin-top: 5%;
	margin-left: 2%;
}
.privacy-content-bt .contact-bt .submit {
    display: block;
    float: none;
    width: 130px;
    height: 35px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    border: none;
    background: #099aab;
    outline: none;
    transition: background .25s linear;
    -ms-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -webkit-transition: background .25s linear;
	border-radius: 18px;
	cursor: pointer;
}
.privacy-content-bt .contact-bt .submit:hover{
	background-color: #077c8a;
}	
}

/* --ipad版型------------------------------------- */
@media only screen and (min-width: 737px) and (max-width: 1024px) {
*{
	box-sizing:border-box; /* 讓 padding 與 width 解除關係 */
}

html,body{
	-webkit-text-size-adjust:none; /* iPhone 旋轉後 文字不要放大 */
}
.bottombar {
background-color:rgba(23, 122, 181, 0.95);
position: fixed;
bottom: 0;  
width: 100%;
z-index: 9999; 
height: auto;		
}
.privacy-content{
  float: none;
    width: 85%;
    height: auto;
    margin: 0 auto; 
}
.privacy-content h1{
	margin-top: 2%;
	margin-left: 2%;
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 1px;
	text-align: left;
	line-height: 22px;
}
.privacy-content-bt{
    float: none;
    width: 100%;
    height: auto;
    margin: 0 auto; 
}
.privacy-content-bt .login-bot {
    line-height: 40px;
    max-width: 200px;
    margin: 0 auto;
	overflow:hidden;
	float: left;
    margin-top: 2%;
    margin-left: 9%;
    margin-bottom: 2%;
}
.privacy-content-bt .login-bot .submit {
    display: block;
    float: left;
    width: 120px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border: none;
    background: #064269;
    outline: none;
    transition: background .25s linear;
    -ms-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -webkit-transition: background .25s linear;
	border-radius: 20px;
	cursor: pointer; 
}
.privacy-content-bt .login-bot .submit:hover{
	background-color: #164d7f;
}
.privacy-content-bt .contact-bt{
	line-height: 40px;
    max-width: 200px;
    margin: 0 auto;
	overflow:hidden;
	float: left;
    margin-top: 2%;
    margin-left: 2%;
}
.privacy-content-bt .contact-bt .submit {
    display: block;
    float: right;
    width: 150px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border: none;
    background: #099aab;
    outline: none;
    transition: background .25s linear;
    -ms-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -webkit-transition: background .25s linear;
	border-radius: 20px;
	cursor: pointer;
}
.privacy-content-bt .contact-bt .submit:hover{
	background-color: #077c8a;
}
}