body{
	font-family: 微軟正黑體 !important;
}

#navigation.modern.white-nav .columns ul li a, #navigation.modern.white-nav .columns ul li button {
    font-size:.875em;
    font-weight: 700;
}

#pagetop .right .text{
	min-width: 100px !important;
}

.bg-colored1.bg-colored2 {
    background-color: #f0ca1b  !important;
}
#navigation a:hover{
    color: #4c4c4c !important;
}

#navigation a:hover {
    color: #f0ca1b !important;
}


/* LAW LAYERED ITEMS */
	.layered-items{ padding: 120px 0 70px; }
	.layered-items .layer-container{ position: relative; display: block; margin: 0; padding: 0; }
	.layered-items .layer-container .layer{ position: absolute; left:0; top:0; width: 100%; height: 100%; }
	.layered-items .layer-container .layer img{ display: block; max-width: 100%; margin:0; width: 100%; }
	/* arrow effect */
	.layered-items .layer-container .arrow-layer{ -ms-transform: translateX(-140px); -webkit-transform: translateX(-140px); transform: translateX(-140px); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
	.layered-items .layer-container:hover .arrow-layer{ -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); }
	/* image effect */
	.layered-items .layer-container .image-layer{ -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
	.layered-items .layer-container:hover .image-layer{ -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); }



/* Contents */
	.contents .content-box{ padding:135px 60px; display: table; table-layout: fixed; overflow: hidden; }
	.contents .content-box.litle-pd{ padding:135px 35px; }
	.contents .inner{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
	.contents .content-box.no-pd{ padding:0; }
		@media only screen and (max-width: 1281px){
			.contents .content-box{ padding:70px 40px; }
			.contents .content-box.litle-pd{ padding:70px 25px; }
		}
		@media only screen and (max-width: 992px){ .contents .content-box{ padding:0 15px; height: auto !important; min-height: 450px; } }
		@media only screen and (max-width: 769px){ .contents .content-box{ width: 100%; padding:25px; } }
	/* Inner Slider */
	.contents .content-box .custom-slider img{ width: auto; height: auto; min-width: 100%; min-height: 100%; position: relative; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.bg-soft-gradient1:before{
		opacity: 0.8;
		background: #f0ca1b; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #2d5c4e 0%, #347867 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #2d5c4e 0%,#347867 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to 45deg,  #2d5c4e 0%,#347867 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.bg-gradient {
		background: #f0ca1b;
		background: -moz-linear-gradient(45deg, #2d5c4e 0%, #347867 100%);
		background: -webkit-linear-gradient(45deg, #2d5c4e 0%,#347867 100%);
		background: linear-gradient(to 45deg, #2d5c4e 0%,#347867 100%);
	}
	.bg-gradient2 {
		background: #d2d1d7;
		background: -moz-linear-gradient(45deg, #d2d1d7 0%, #fff 100%);
		background: -webkit-linear-gradient(45deg, #d2d1d7 0%,#fff 100%);
		background: linear-gradient(to 45deg, #d2d1d7 0%,#fff 100%);
	}



/* ----- input ----- */
.classic_checkbox input[type=radio]:checked + label {
    background: #fcceba;
}
.classic_checkbox input[type=radio]:checked + label, .classic_checkbox:hover label {
    border: 1px solid #fcceba;
}

/* ----- color modify ----- */
#pagetop.dark{
	background: #1b2021 !important;
}

.bg-colored, .bg-colored-hover:hover {
    background-color: #347867 !important;
}

.border-colored, .border-colored-hover:hover {
    border-color: #347867 !important;
}

.colored, .colored-hover:hover {
    color: #fcceba !important;
}
.bg-colored1, .bg-colored1-hover:hover {
    background-color: #347867 !important;
}
.bg-colored2, .bg-colored2-hover:hover {
    background-color: #347867 !important;
}

#side-dotted-navigation.spy {
    background-color: #1b2021;
    width: 40px;
    right: 20px;
}

#navigation.modern .columns ul li a:hover, #navigation.modern.scrolled .columns ul li a:hover, #navigation.modern .columns ul.nav > li.active > a {
    color: #fcceba !important;
}

.video-square{
	background-color: #fcceba;
}

.classic_footer {       
    background-color: #1b2021;
    color: #8a8a8a;
}

.bg-red {
    background-color: #ea3555!important;
}

.text-yellow {
    color: #ffc929 !important;
}