@charset "utf-8";
/* clearfix */
.cf{ zoom: 1;}
.cf:before, .cf:after { content: ""; display: table;}
.cf:after { clear:both;}
body{
	margin: 0;
	padding: 0;
	font-family: "微軟正黑體";
}
a{
	color: #000;
	text-decoration: none
}
a:hover,a:focus{color:#ff0000;text-decoration:underline}
img {
  max-width: 100%;
  height: auto; }
#header{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#logo{
	float: left;
	position: absolute;
	visibility: visible;
}
#color_line{
	width:100%;
}
#container{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 2em;
	font-size: medium;
}
#phtml{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 20px;
	line-height: 2em;
	font-size: medium;
	
}
/*sitemap
------------------------------------*/
.breadcrumbs {
	padding:10px 0 6px;
	box-shadow:inset 0 0 4px #d2d2d2;
	background:url(../images/breadcrumbs.png) repeat;
}
.breadcrumbs h1 {
	color: #B9B9B9;
	font-size: 30px;
	text-shadow: 0 1px 0 #f1efef;
	padding-top: 8px;
}
.breadcrumbs .site {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.breadcrumb { 
	top:9px;
	padding-right:0;
	background:url(../images/breadcrumbs.png) repeat;
	position:relative;
}
.breadcrumb a {
	color:#777;
}
.breadcrumb li.active,
.breadcrumb li a:hover {
	color:#f69700;
	text-decoration:none;
}
/*Contact Page
------------------------------------*/
.map {
	width:100%; 
	height:350px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

.map-box {
	height: 250px;
}

.map-box-space {
	margin-top: 25px;
}
/*Pricing Head*/
.pricing:hover h4 {
	color:#55c931;
}

.pricing-head h3 {
	background:#55c931;
	text-shadow:0 1px 0 #32a20f;
	border-bottom:solid 1px #41b91c;
}
.pricing-head h4 {
	color:#999;
	background:#fbfef2;
	border-bottom:solid 1px #f5f9e7;
}
	
/*Pricing Content*/
.pricing-content li {
	border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
	color:#72c02c;
}
/*product button*/
#probutton{
	width:55%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
.cd-add-to-cart {
  display: inline-block;
  padding: 0.5em 1.5em;
  margin:0.5em;
  background: #122782;
  border-radius: 50em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: .1em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .2s;
  transition: all .2s;
}
.cd-add-to-cart:hover {
  background: #f28d00;
  color: #ffffff;
  text-decoration: none;
}
.cd-add-to-cart:active {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
		  color: #ffffff;
		  text-decoration: none;
}
.cd-add-to-cart:visited {
		  color: #ffffff;
		  text-decoration: none;
}


@media screen and (min-width:1199px) and (max-width: 1800px){
	#probutton{
	width:90%;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
}
}
@media screen and (min-width:1036px) and (max-width:1200px){
	#probutton{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
}
}
@media screen and (min-width:959px) and (max-width: 1035px){
#header{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	padding-left:1%;
	padding-right:1%;
}
#logo{
	width: 70%;
}
#container{
	width: 98%;
	margin-bottom:20px;
	margin-left: auto;
	margin-right: auto;
	padding-left:1%;
	padding-right:1%;
}
#phtml{
	width: 98%;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left:1%;
	padding-right:1%;
	
}
#probutton{
	width:100%;
	margin-top:20px;
}
.cd-add-to-cart {
  display: inline-block;
  padding: 0.2em 1em;
  margin:0.2em;
  background: #122782;
  border-radius: 50em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 300;
  letter-spacing: .1em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .2s;
  transition: all .2s;
}
}

/*==========================================
指定佈局大平板電腦：600px〜960px
===========================================*/
@media screen and (min-width:600px) and (max-width: 960px)  {
#header{
	width:98%;
	padding-left:1%;
	padding-right:1%;
}
#logo{
	width: 45%;
}
#container{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	padding-left:1%;
	padding-right:1%;
}
#phtml{
	width: 98%;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left:1%;
	padding-right:1%;
	
}
#probutton{
	width:100%;
	margin-top:10px;
}
.cd-add-to-cart {
  display: inline-block;
  padding: 0.2em 1em;
  margin:0.2em;
  background: #122782;
  border-radius: 50em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 200;
  letter-spacing: .1em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .2s;
  transition: all .2s;
}
}

/*==========================================
Mobile Layout: 480px~599px
===========================================*/
@media screen and (min-width:480px) and (max-width: 599px){
#header{
	width:96%;
	margin-bottom:20px;
	padding-left:2%;
	padding-right:2%;
}
#logo{
	width:60%;
}
#container{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	padding-left:2%;
	padding-right:2%;
}
#phtml{
	width: 96%;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left:2%;
	padding-right:2%;
	
}
#probutton{
	width:100%;
	margin-top:10px;
}
.cd-add-to-cart {
  display: inline-block;
  padding: 0.2em 1em;
  margin:0.2em;
  background: #122782;
  border-radius: 50em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 300;
  letter-spacing: .1em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .2s;
  transition: all .2s;
}
}
/*==========================================
Mobile Layout: 480px and below.
===========================================*/
@media screen and (max-width:480px){
#header{
	width:96%;
	margin-bottom:5px;
	padding-left:2%;
	padding-right:2%;
}
#logo{
	width:75%;
}
#container{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	padding-left:3%;
	padding-right:3%;
}
#phtml{
	width: 94%;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left:3%;
	padding-right:3%;
	
}
#probutton{
	width:100%;
	margin-top:10px;
}
.cd-add-to-cart {
  display: inline-block;
  padding: 0.2em 1em;
  margin:0.2em;
  background: #122782;
  border-radius: 50em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 300;
  letter-spacing: .1em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .2s;
  transition: all .2s;
}
}