@charset "UTF-8";
/* CSS Document */
body {
	font-family: Meiryo, "Meiryo UI", Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", DFKai-SB, sans-serif;
	/* font-family: Meiryo, "Meiryo UI", Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif; */
	padding-top: 60px;
	letter-spacing: 1px;
}
.navbar-default .navbar-brand {
	color: #FFFFFF;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #FFFA00;
}
.navbar-default {
	background-color: #D60050;
}
.navbar-brand {
	padding-top: 20px;
}
.navbar-default .navbar-nav>li>a {
	color: #FFFFFF;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #FFFA00;
}
.navbar-toggle {
	margin-top: 13px;
	margin-bottom: 13px;
}
.navbar-default .navbar-toggle:hover  , .navbar-default .navbar-toggle:focus{
	background-color: #FFFA00;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ddd;
}
.navbar-fixed-top {
	border-width: 0px;
}
.landing-frame {
	width: 100%;
	position: relative;
}
.landing-image {
	width: 100%;
}
.footer-frame {
	width: 100%;
}
.footer-image {
	width: 100%;
}
.landing-btn-fb {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 58%;
}
.btn-fb-share {
	width: 10%;
}
.products-frame {
	max-width: 1170px;
	margin-top: 30px;
	margin-bottom: 50px;
}
.title-hr {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 0px;
}
.pd-frame {
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
}
.pd-solid {
	border: 1px solid #E6E6E6;
}
.pd-frame .date {
	color: #FFFFFF;
	font-family: "Refrigerator Deluxe";
	background-color: #808080;
	font-size: 2em;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.pd-image {
	margin-top: 10px;
	height: 160px;
}
.pd-frame .title {
	font-size: 1.2em;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	display: table;
	min-height: 5em;
}
.pd-image-bg {
	width: 100%;
	margin-top: 20px;
}
.dl-title {
	line-height: 1.5em;
}
.dl-table {
	border: 1px solid #e6e6e6;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.dl-table .text {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 1em;
}
.btn{
	border-radius: 2px
}
.btn-success{
	color: #fff;
	background-color: #333333;
	border-color: #000000
}
.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{
	color: #fff;
	background-color: #000000;
	border-color: #000000
}
.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}
.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{
	background-color: #333333;
	border-color: #000000
}
.btn-success .badge{
	color: #333333;
	background-color: #fff
}
.tel-number {
	font-size: 1.8em;
	margin-left: 10px;
}
.pd-main {
	margin-bottom: 20px;
}
.pd-content-image {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
.pd-content {
	padding-top: 30px;
}
.pd-content p {
	line-height: 2em;
}
.frame-footer-btn {
	margin-top: 50px;
	margin-bottom: 20px;
}
.contact-vendor {
	margin-top: 30px;
}
.frame-origin {
	text-align: center;
	padding-top: 40px;
}
.plan-text {
	padding-top: 30px;
}
.frame-step {
	margin-bottom: 20px;
	padding-left: 40px;
}
.frame-step h4 {
	margin-bottom: 16px;
}
.frame-step p {
	padding-left: 25px;
}
.frame-step ol {
	margin-left: 15px;
	margin-top: 20px;
}

@media (min-width:768px){
.navbar-nav>li>a {
	padding-top: 20px;
	padding-bottom: 20px;
}
}

@media (max-width:768px){
.pd-image {
	margin-top: 10px;
	width: 100%;
}
}
