@charset "utf-8";
/* CSS Document */
* { outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
 line-height:1.5;
 font-size: 101.5%;
 }
input,textarea{outline:none}  
a{text-decoration:none;}
a:hover{ text-decoration:none;}
a, a:hover, a:active {
	-webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

input[type*="text"]:focus,
textarea:focus,
input[type*="password"]:focus {
    background-color: #fbefe8 !important
}

a:focus,
input[name*="Collapse"]:focus,
input[type*="submit"]:focus,
input[type*="reset"]:focus {
    outline: 2px #ff3400 dotted !important;
}

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}



body {	
	margin: 0px 0px 0px 0px;
	font-family:微軟正黑體;
	
	background-color: #fff;
	position: relative;
	-webkit-text-size-adjust: none;
}
#wrapper { margin:0px auto; width:100%; height:auto; }
header { margin:0px auto 0px auto; width:100%; height:auto; }
main { margin:0px auto 0px auto; width:100%; height:auto;  }
footer { margin:0px auto 0px auto; padding:0px 0; width:100%; height:auto; overflow: hidden; }
footer .fbg02{ width:100%; height:auto; overflow: hidden; background:#ae6717; padding:30px 0 30px 0; border-bottom: 1px solid rgba(255,255,255,0.1);
background: #1c7bc4; 
}
footer .fbg02 ul{ width:100%; margin:0 0px 15px 0; padding:0; list-style:none; text-align:center;}
footer .fbg02 ul li{ margin:0 0px 0px 0; padding:0 25px; list-style:none; font-size: 1.0625em; color:#fff; font-weight: bold; display: inline-block;}
footer .fbg02 ul li a{ color:#fff;}
footer .fbg02 ul li a:hover{ color:#fff; text-decoration:underline;}
footer .copyright { width:100%; background:#0a0a0a; text-align:center; padding:15px 0px 15px 0px;}
footer .copyright .fleft{ width:auto; float: left; font-size: 1.0625em; color:#fff;}
footer .copyright .fright{ width:auto; float: right; font-size: 1em; color:#fff;}
footer .copyright a{ color:#FFF; }
footer .copyright a:hover{ color:#fff; text-decoration:underline;}
@media only screen and (min-width: 0px) and (max-width: 1160px){
footer .copyright .fleft{ width:100%;}
footer .copyright .fright{ width:100%;}
}   

/* 定義無障礙標點 */
.sr-only {
    position: absolute;
    width: 0.063rem;
    height: 0.063rem;
    padding: 0;
    margin: -0.063rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
.ace {
    color: #fff; position: absolute;
    font-size: 84%
}

.accesskey {
    display: inline-block;
}
.accesskey a {
    color: #fff;
    letter-spacing: normal;
}

/* 定義區塊 */
.box-1{ width:92%; margin:0px auto; padding:0px 0; height:auto; overflow: hidden; }
.box-2{ width:1440px; margin:0px auto; padding:0px 0; height:auto; overflow: hidden;}
.box-3{ padding:50% 0px 0px 0px; }
@media only screen and (min-width: 0px) and (max-width: 1650px){
.box-2{ width:85%;}
}    

.title01{ width:100%; text-align: center;}
.title01 h2{
    width:100%; margin:0 0 10px 0;
    font-size: 2.3125em; color: #393939; 
    font-family: 'Garamond Premier Pro';
    font-weight: normal;
    font-style: normal;
}
.title01 h3{
    width:100%; 
    font-size: 1.5625em; color: #3c3c3c; 
    font-weight: bold;
}


#pricing {
  padding: 100px 0 70px;
}
#pricing div.pricing {
  list-style: none;
  padding: 0;
  margin: 70px 0 30px;
  border: 1px solid #eee;
  border-radius: 5px 5px 4px 4px;
  padding: 15px;
  text-align: center;
}
#pricing div.pricing div {
  display: block;
  padding: 10px;
}
#pricing div.pricing div.plan-header {
  background: #eee;
  border-radius: 4px 4px 0 0;
  margin: -15px -15px 10px;
  padding: 15px 15px 30px;
  border: 0;
}
#pricing div.pricing div.plan-header .price-duration {
  position: relative;
  margin-top: -63px;
  top: -10px;
  display: inline-block;
  width: 116px;
  height: 116px;
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  color: #fff;
  border-radius: 100px;
  border: 5px solid #f6f6f6;
}
#pricing div.pricing div.plan-header .price-duration > span {
  display: block;
  line-height: 1;
}
#pricing div.pricing div.plan-header .price-duration > span.price {
  font-size: 24px;
  font-weight: 700;
  margin-top: 35px;
}
#pricing div.pricing div.plan-header .price-duration > span.duration {
  margin-top: 5px;
}
#pricing div.pricing div.plan-header .plan-name {
  margin-top: 10px;
  font-size: 24px;
  color: #272727;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
#pricing div.pricing.featured {
  background: #fbfbfb;
  color: #4F4F4F;
  border: 0;
}
#pricing div.pricing.featured div.plan-header {
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
#pricing div.pricing.featured div.plan-header .plan-name {
  color: #fff;
}
#pricing ul li {
	border:0px;
}