/* ----------------------------------------------------------------

   共用區

-----------------------------------------------------------------*/

/*匯入google 仿宋字體*/

@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);

* {

	padding: 0;

	margin: 0;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	vertical-align: baseline;

}

body {

	font-family: 'cwTeXFangSong', serif;

	background: url(../images/bg_body.jpg);

	background-size: 100%;

}

.w-100 {

	width: 100%!important;

}

.w-75 {

	width: 75%!important;

}

br{
 display: block;
 width: 100%;
}

/* ----------------------------------------------------------------

對齊方向*

-----------------------------------------------------------------*/

.float-left {

	float: left;

}

.float-right {

	float: right;

}

.text-left {

	text-align: left!important;

}

.text-right {

	text-align: right!important;

}

.text-center {

	text-align: center;!important;

}

.flex{
	display: flex;
}

.flex-end{
  align-items: flex-end;	
}

.clear_both{
	clear: both;
}

/* ----------------------------------------------------------------

文字大小

-----------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {

	margin: 0;

}

h1, h2, h3 {

	font-size: 6.25rem;

	letter-spacing: 4px;

	margin-bottom: 3rem;

}

h4 {font-size: 3.25rem;}

h5 {}

h6 {font-size: 2rem;}

p {

	font-size: 2rem;

	color: #727272;

	margin-bottom: 1rem;

	line-height: 2;

	text-align: justify;

}

a {

	font-size: 1.125rem;

	margin: 0;

	text-decoration: none;

	color: #6d6e71;

}

a:hover, a:focus, a:active {

	text-decoration: underline;

	color: #4a3600;

}

a:visited {

	text-decoration: none !important;

}




@media (max-width: 768px) {

h1, h2, h3 {

	font-size: 3.75rem;

	margin-bottom: 1.75rem; 

}

p {

	font-size: 1.5rem;

	line-height: 1.6;

}

}

/* ----------------------------------------------------------------

文字顏色*

-----------------------------------------------------------------*/

.text_white {

	color: #ffffff;

}

.text_black {

	color: #000000;

}

.text_brown {

	color: #4a3600;

}

.text_yellow {

	color: #ccb78f;

}

.text_yellow_light {

	color: #fffbf0;

}


.text_middle {
  font-size: 90%;
}

.text_small {

	font-size: 64%;

    font-weight: bold;

    vertical-align: text-bottom;

}

/* ----------------------------------------------------------------

背景色

-----------------------------------------------------------------*/

.bg_Khaki {

	background-color: #e5c67a;

}

/* ----------------------------------------------------------------

按鈕

-----------------------------------------------------------------*/

.btn_video, .btn_video:visited {

	font-size: 1.75rem;

	color: #fffbf0;

	letter-spacing: 1px;

	padding:0.5rem 0 0 1.5rem; 

	margin:3rem 0 0 0; 

	width: 195px;

	height: 42px;

	font-weight: normal;

	display: block;

	background: url(../images/bg_btn_video.png) no-repeat 0 0;

	transition: all 0.3s ease-out;

	text-decoration: none;

}

.btn_video:hover {

	transform: scale(0.95);

	text-decoration: none;

}

@media (max-width: 320px) {

	.btn_video, .btn_video:visited {

		font-size: 1.5rem;

	}

}

/* ----------------------------------------------------------------

置頂按鈕

-----------------------------------------------------------------*/

#top_btn {

	display: none;

	position: fixed;

	bottom: 2%;

	right: 20px;

	z-index: 9999;

	font-size: 1.8em;

	cursor: pointer;

	width: 90px;

	height: 90px;

	background: none;

	border: none;

}

@media (max-width: 991px) {

	#top_btn {

		font-size: 1em;

		width: 60px;

		height: 60px;

		bottom: 3%;

		right: 10px;

	}

}

/* ----------------------------------------------------------------

主選單

-----------------------------------------------------------------*/

.logo_desktop {

	position: absolute;

	left: 2%;

	top: 0;

	padding: 4.5% 7.25%;

	background: #ef464f url(../images/logo.png) no-repeat center 35%;

	background-size: 70%;

	text-indent: -9999px;

	z-index: 999;

}

.nav {

	float: right;

	height: 69px;

}

.navbar {

	border: none!important;

	border-radius: 0;

}

.navbar-brand {

	float: left;

	padding: 18px 22%;

}

.navbar-brand img {

	height: 3rem;

}

.navbar-default {

	background: url(../images/bg_nav.png);

	border: none;

}

.navbar-default .navbar-nav>li {

	font-size: 1.75rem;

	line-height: 64px;

	color: #ccb78f;

	letter-spacing: 1px;

	padding: 0 1rem;

	transition: all 0.3s linear;

	font-family: 'cwTeXFangSong', serif;

}

.navbar-default .navbar-nav>li>a {

	color: #ccb78f;

	line-height: 35px;

	font-size: 1.75rem;

	letter-spacing: 1px;

	transition: all 0.3s linear;

}

.navbar-default .navbar-nav>li:hover {

	border-bottom: 5px solid #ccb78f;

	color: #ccb78f;

}

.navbar-default .navbar-nav>li>a:hover {

	color: #ccb78f;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

	border: none;

}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

	background: none;

}

@media (max-width: 1200px) {

	.navbar-default .navbar-nav>li {

		padding: 0 1.75rem!important;

	}

}

@media (max-width: 991px) {

	.navbar-default .navbar-nav>li {

		padding: 0 0.5rem!important;

	}

	.navbar-default .navbar-nav>li>a {

		padding: 0 0.5rem;

		line-height: 65px;

	}

}

@media (max-width: 768px) {

	.nav {

		width: 100%;

	}

	.navbar-brand {

		float: left;

		padding: 16px 5%;

		height: auto;

	}

	.navbar-collapse.in {

		overflow-y: inherit;

		background-color: #1f1f22;

	}

	.navbar-default .navbar-toggle .icon-bar {

		background-color: #ccb78f;

		border-radius: 0;

	}

	.navbar-toggle .icon-bar {

		width: 26px;

	}

	.navbar-default .navbar-toggle {

		border: none;

		margin-top: 14px;

	}

	.nav {

		float: right;

		height: 100%;

		display: block;

		width: 78%;

		background-image: none;

	}

	.navbar-default .navbar-nav>li {

		text-align: center;

		display: block;

		line-height: 60px;

		letter-spacing: 0;

	}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {

		max-height: none;

	}

	.navbar-nav {

		margin: 7.5px 0;

	}

	.navbar-default .navbar-nav>li:hover {

		border-bottom: 3px solid #ccb78f;

		color: #ccb78f;

	}

	.navbar-default .navbar-nav>li>a {

    line-height: 58px;

}

}

@media (max-width: 720px) {

	.navbar-default {

	background-image: none;

}

	.navbar-header {

		background: url(../images/bg_nav.png);

		background-size: 43%;

	}

	.nav {

		float: right;

		height: 100%;

		display: block;

		width: 100%;

		background-image: none;

	}

}

/* ----------------------------------------------------------------

   間距

-----------------------------------------------------------------*/

.mg_1 {

	margin: 1rem;

}

.mgr_05 {

	margin-right: 0.5rem;

}

.mgr_1 {

	margin-right: 1rem;

}

.mgr_2 {

	margin-right: 2rem;

}

.mgr_3 {

	margin-right: 3rem;

}

.mgr_4 {

	margin-right: 4rem;

}

.mgb_0 {

	margin-bottom: 0!important;

}

.mgb_05 {

	margin-bottom: 0.5rem;

}

.mgb_075 {

	margin-bottom: 0.75rem;

}

.mgb_1 {

	margin-bottom: 1rem;

}

.mgb_2 {

	margin-bottom: 2rem!important;

}

.mgb_3 {

	margin-bottom: 3rem;

}

.mgb_4 {

	margin-bottom: 3rem;

}

.mgb_6 {

	margin-bottom: 6rem;

}

.mgb_8 {

	margin-bottom: 8rem;

}

.mgt_05 {

	margin-top: 0.5rem;

}

.mgt_0 {

	margin-top: 0!important;

}

.mgt_1 {

	margin-top: 1rem;

}

.mgt_2 {

	margin-top: 2rem!important;

}

.mgt_25 {

	margin-top: 2.5rem!important;

}

.mgt_3 {

	margin-top: 3rem;

}

.mgt_4 {

	margin-top: 4rem;

}

.mgt_5 {

	margin-top: 5rem;

}

.mgt_6 {

	margin-top: 6rem;

}

.mgr_0 {

	margin-right: 0;

}

.mgr-1 {

	margin-right: -1rem;

}

.mgl_05 {

	margin-left: 0.5rem;

}

.mgl_1 {

	margin-left: 1rem;

}

.mgl_2 {

	margin-left: 2rem;

}

.mgl_3 {

	margin-left: 3rem;

}

.mg_0 {

	margin: 0rem;

}

.pd_0 {

	padding: 0;

}

.pdlr_0 {

	padding-left: 0;

	padding-right: 0;

}

.pdlr_02 {

	padding: 0 0.2rem;

}

.pdl_05 {

	padding-left: 0.5rem;

}

.pdr_05 {

	padding-right: 0.5rem;

}

.pdb_05 {

	padding-bottom: 0.5rem;

}

.pd_1 {

	padding: 1rem!important;

}

.pd_3 {

	padding: 3rem;

}

.pd_4 {

	padding: 4rem;

}

.pd_15 {

	padding: 1.5em;

}

.pd_05 {

	padding: 0.5rem;

}

.pdl_0 {

	padding-left: 0;

}

.pdr_0 {

	padding-right: 0;

}

.pdt_0 {

	padding-top: 0;

}

.pdb_0 {

	padding-bottom: 0;

}

.pdb_3 {

	padding-bottom: 3rem!important;

}

.pdr_025 {

	padding-right: 0.25rem;

}

.pd_2 {

	padding: 2rem;

}

.pd_3 {

	padding: 3em;

}

.pdl_1 {

	padding-left: 1em;

}

.pdl_2 {

	padding-left: 2em;

}

.pdl_075 {

	padding-left: 0.75rem;

}

.pdr_075 {

	padding-right: 0.75rem;

}

.pdr_1 {

	padding-right: 1rem;

}

.pdr_2 {

	padding-right: 2em;

}

.pdlr_1 {

	padding: 0 1rem;

}

.pdlr_2 {

	padding: 0 2rem;

}

.pdlr_3 {

	padding: 0 3rem;

}

.pdt_5 {

	padding-top: 5rem;

}

.pdtb_1 {

	padding: 1rem 0;

}

.pdtb_2 {

	padding: 2em 0;

}

.pdt_3 {

	padding-top: 3rem;

}

.pdt_1 {

	padding-top: 1rem;

}

.pdb_05 {

	padding-top: 0.5rem;

}

.pdtb_05 {

	padding: 0.5rem 0;

}

.ls_1 {

	letter-spacing: 1px;

}

.ls_2 {

	letter-spacing: 2px;

}

.ls_3 {

	letter-spacing: 3px;

}

.lh_16 {

	line-height: 1.6;

}

.lh_18 {

	line-height: 1.8;

}

.lh_2 {

	line-height: 2;

}

.oh{overflow: hidden;}