@charset "utf-8";
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent
}

article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
	display: block
}

*,
*:before,
*:after {
	box-sizing: border-box;
	font-smoothing: antialiased;
	outline: none
}

img,
object,
embed {
	max-width: 100%
}

html {
	overflow-y: scroll
}

ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th {
	font-weight: bold;
	vertical-align: bottom
}

td {
	font-weight: normal;
	vertical-align: top
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word
}

input[type="radio"] {
	vertical-align: text-bottom
}

input[type="checkbox"] {
	vertical-align: bottom
}

.ie7 input[type="checkbox"] {
	vertical-align: baseline
}

.ie6 input {
	vertical-align: text-bottom
}

select,
input,
textarea {
	font: 99% sans-serif
}

table {
	font-size: inherit;
	font: 100%
}

small {
	font-size: 85%
}

strong {
	font-weight: bold
}

img {
	vertical-align: bottom
}

td,
td img {
	vertical-align: top
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

pre,
code,
kbd,
samp {
	font-family: monospace, sans-serif
}

.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
	cursor: pointer
}

button,
input,
select,
textarea {
	margin: 0
}

button,
input[type=button] {
	width: auto;
	overflow: visible
}

.ie7 img {
	-ms-interpolation-mode: bicubic
}

.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

body,
select,
input,
textarea {
	color: #333;
	font: 16px 'Open Sans', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif
}

a {
	color: #333
}

a:hover {
	color: #a67f6c
}

::-moz-selection {
	background: #333;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #333;
	color: #fff;
	text-shadow: none
}

a:link {
	-webkit-tap-highlight-color: transparent
}

input:-moz-placeholder {
	color: #a9a9a9
}

textarea:-moz-placeholder {
	color: #a9a9a9
}

body {
	text-size-adjust: 100%;
	position: relative
}

input {
	border-radius: 0;
	box-shadow: 0;
	border: 0
}

.bg-size {
	-ms-behavior: url('../js/libs/backgroundsize.min.htc');
	behavior: url('/skin/images/backgroundsize.min.htc')
}

.border-radius {
	-ms-behavior: url('../js/libs/border-radius.htc');
	behavior: url('../js/libs/border-radius.htc')
}

.tabler {
	table-layout: fixed;
	display: table;
	height: 100%;
	width: 100%
}

.tabler .pad-left,
.tabler .pad-sp,
.tabler .pad-right,
.tabler .cell {
	vertical-align: top;
	display: table-cell;
	position: relative;
	height: 100%
}

.holder {
	padding-right: 40px;
	padding-left: 40px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	max-width: 1040px
}

.facebook,
.weibo,
.instagram {
	background: url('/skin/images/facebook.png') no-repeat center center;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	opacity: .7;
	width: 11px;
	filter: alpha(opacity=70)
}

.facebook img,
.weibo img,
.instagram img {
	display: none
}

.facebook:hover,
.weibo:hover,
.instagram:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.weibo {
	background-image: url('/skin/images/weibo.png');
	height: 24px;
	width: 29px
}

.instagram{
	background-image: url('/skin/images/instagram.png');
	height: 29px;
    width: 28px;
    opacity: 1;
}

#wrapper {
	position: relative
}

#article .top {
	position: relative;
	overflow: hidden;
}



#article .top .bg {
	width: 100%
}

#article .top>.inner {
	white-space: nowrap;
	padding-top: 100px;
	position: absolute;
	font-size: 0;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

#article .top>.inner:before {
	vertical-align: middle;
	display: inline-block;
	content: ' ';
	height: 100%
}

#article .top .text {
	vertical-align: middle;
	display: inline-block;
	white-space: normal;
	color: black;
	width: 100%
}

#popupMask {
	background-color: rgba(255, 255, 255, .8)
}

#popupMask,
#popup {
	transform: translateZ(0);
	text-align: center;
	position: fixed;
	z-index: 6000;
	display: none;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

#popup:before {
	vertical-align: middle;
	display: inline-block;
	content: ' ';
	height: 100%
}

#popup>.inner {
	background-color: white;
	padding: 32px 30px 46px;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	text-align: left;
	min-width: 500px;
	width: 36%
}

#popup .inside {
	position: relative
}

#popup .title {
	text-transform: uppercase;
	font-size: 30px
}

#popup .text {
	margin-top: 10px;
	font-size: 18px
}

#popup .field {
	position: relative;
	margin-top: 72px
}

#popup .field input {
	padding-bottom: 6px;
	font-size: 18px;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #7f7f7f
}

#popup .buttons {
	margin-top: 50px
}

#popup .link {
	border-bottom: 2px solid #ab9084;
	display: inline-block;
	padding-bottom: 2px;
	font-weight: 700;
	font-size: 14px;
	color: #ab9084
}

#popup .link+.link {
	margin-left: 40px
}

#popup .close {
	background: url('/skin/images/popup_close.png') no-repeat center center;
	position: absolute;
	height: 13px;
	width: 13px;
	right: 0;
	top: 0
}

#popup .button {
	background-color: #ab9084;
	position: absolute;
	padding: 10px 20px;
	margin-top: -10px;
	font-size: 14px;
	color: white;
	right: 0
}

#popup .message {
	position: absolute;
	left: 0;
	top: 0
}

#popup .confirm,
#popup.success .submit,
#popup .message {
	display: none
}

#popup.success .link,
#popup.success .field input {
	visibility: hidden
}

#popup.success .confirm,
#popup.success .message {
	display: block
}

#popup.success .field input {
	visibility: hidden
}

#popupPhoto {
	overflow: hidden;
	position: fixed;
	z-index: 10000;
	display: none;
	font-size: 0;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

#popupPhoto .mask {
	background-color: black;
	position: fixed;
	z-index: 9000;
	height: 100%;
	opacity: .8;
	width: 100%;
	left: 0;
	top: 0
}

#popupPhoto>.outer {
	padding-bottom: 30px;
	white-space: nowrap;
	text-align: center;
	position: absolute;
	padding-top: 30px;
	z-index: 9500;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

#popupPhoto>.outer:before {
	vertical-align: middle;
	display: inline-block;
	content: ' ';
	height: 100%
}

#popupPhoto>.outer>.inner {
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	position: relative;
	max-height: 100%;
	overflow: hidden
}

#popupPhoto img {
	max-height: 100%
}

@media (max-width:1440px) {
	#popup .title {
		font-size: 26px
	}
	#popup .text {
		font-size: 16px
	}
	#popup .field input {
		font-size: 16px
	}
}

@media (max-width:840px) {
	#popup .title {
		font-size: 22px
	}
	#popup .text {
		margin-top: 6px;
		font-size: 14px
	}
	#popup .field {
		margin-top: 52px
	}
	#popup .field input {
		font-size: 14px
	}
}

@media (max-width:640px) {
	#popup>.inner {
		min-width: 0;
		width: 88%
	}
}

@media (max-width:480px),
(-webkit-min-device-pixel-ratio:1.25) and (max-width:768px),
(min--moz-device-pixel-ratio:1.25) and (max-width:768px),
(-o-min-device-pixel-ratio:1.25/1) and (max-width:768px),
(min-device-pixel-ratio:1.25) and (max-width:768px),
(min-resolution:200dpi) and (max-width:768px),
(min-resolution:1.25dppx) and (max-width:768px) {
	#popup .button {
		margin-bottom: 30px;
		text-align: center;
		position: relative;
		display: block
	}
}

@media (max-width:480px),
(-webkit-min-device-pixel-ratio:1.25) and (max-width:640px),
(min--moz-device-pixel-ratio:1.25) and (max-width:640px),
(-o-min-device-pixel-ratio:1.25/1) and (max-width:640px),
(min-device-pixel-ratio:1.25) and (max-width:640px),
(min-resolution:200dpi) and (max-width:640px),
(min-resolution:1.25dppx) and (max-width:640px) {
	.holder {
		padding-right: 18px;
		padding-left: 18px
	}
}

#footer {
	background-color: #f7f7f7;
	padding-bottom: 140px;
	padding-top: 88px;
	font-size: 14px;
	color: #333
}

#footer h1 {
	text-transform: uppercase;
	margin-bottom: 18px;
	font-weight: 300;
	font-size: 30px;
	color: #003
}

#footer .desc {
	line-height: 23px
}

#footer .phone {
	margin-top: 32px
}

#footer .phone .sp {
	display: inline-block;
	padding: 0 8px
}

#footer .email {
	margin-top: 14px
}

#footer .contact,
#footer .subscription,
#footer .links {
	display: inline-block;
	vertical-align: top;
	width: 35%
}

#footer .subscription form {
	display: inline-block;
	position: relative;
	margin-top: 10px;
	max-width: 100%;
	width: 280px
}

#footer .subscription .textfield {
	background-color: transparent;
	padding: 10px 40px 10px 13px;
	border: 1px solid #acacac;
	display: inline-block;
	margin-left: -2px;
	font-weight: 300;
	appearance: none;
	font-size: 16px;
	width: 100%
}

#footer .subscription .submit {
	background: url('/skin/images/submit_btn.png') no-repeat center center;
	position: absolute;
	cursor: pointer;
	height: 100%;
	width: 42px;
	right: 0;
	top: 0
}

#subscriptResult {
	display: none
}

#footer .links {
	padding-left: 8px;
	padding-top: 7px;
	font-size: 16px;
	width: 25.2%
}

#footer .links .link {
	margin-bottom: 12px;
	display: block
}

#footer .links .left {
	float: left
}

#footer .links .right {
	float: right
}

#footer .links .share {
	margin-top: 28px
}

#footer .links .share .facebook, 
#footer .links .share .instagram {
	margin-right: 34px;
	margin-left: 1px
}

#footer .bottom {
	text-align: center;
	margin-top: 122px;
	font-weight: 300;
	font-size: 13px
}

#footer .bottom .sp {
	margin-right: 17px;
	margin-left: 15px;
	font-weight: 100
}

#footer .bottom .copyright,
#footer .bottom .copyright * {
	font-weight: 300
}

#footer .bottom .mobile {
	display: none
}

@media (max-width:960px) {
	#footer .contact,
	#footer .subscription,
	#footer .links {
		width: 50%
	}
	#footer .links {
		margin-top: 40px;
		padding-left: 0;
		padding-top: 0;
		display: block;
		width: 100%
	}
	#footer .links .left,
	#footer .links .right {
		float: none
	}
	#footer .links .link {
		display: inline-block;
		max-width: 150px;
		width: 20%
	}
	#footer .links .share {
		text-align: right
	}
}

@media (max-width:768px) {
	#footer {
		text-align: center;
		padding-top: 48px
	}
	#footer h1 {
		font-size: 20px
	}
	#footer .phone {
		margin-top: 24px
	}
	#footer .phone .sp {
		padding: 0 4px
	}
	#footer .email {
		margin-top: 0
	}
	#footer .contact,
	#footer .subscription {
		display: block;
		width: auto
	}
	#footer .subscription {
		margin-top: 50px
	}
	#footer .subscription form {
		max-width: 320px;
		width: 86%
	}
	#footer .subscription .textfield {
		font-size: 12px
	}
	#footer .links {
		margin-top: 12px
	}
	#footer .links .left,
	#footer .links .right {
		display: none
	}
	#footer .links .share {
		text-align: center
	}
	#footer .bottom {
		margin-top: 30px;
		font-size: 12px
	}
	#footer .bottom>* {
		margin-bottom: 2px;
		display: block
	}
	#footer .bottom .sp {
		display: none
	}
	#footer .bottom .non-mobile {
		display: none
	}
	#footer .bottom .mobile {
		font-weight: 300;
		display: inline
	}
}

@media (max-width:480px),
(-webkit-min-device-pixel-ratio:1.25) and (max-width:640px),
(min--moz-device-pixel-ratio:1.25) and (max-width:640px),
(-o-min-device-pixel-ratio:1.25/1) and (max-width:640px),
(min-device-pixel-ratio:1.25) and (max-width:640px),
(min-resolution:200dpi) and (max-width:640px),
(min-resolution:1.25dppx) and (max-width:640px) {
	#footer .subscription .submit {
		zoom: .8
	}
}

#header {
	-webkit-transform: translateZ(0);
	background-color: white;
	padding: 20px 38px;
	position: fixed;
	z-index: 5000;
	width: 100%;
	left: 0;
	top: 0
}

.rgba #header {
	background-color: rgba(255, 255, 255, .95)
}

.fixfixed #header {
	position: absolute
}

#header .logo {
	backface-visibility: hidden;
	display: block;
	margin: 0 auto;
	font-size: 0;
	width: 200px
}

#header .logo h1 {
	display: none
}

#header .logo>img {
	width: 100%
}

#menuBtn {
	backface-visibility: hidden;
	padding: 18px 8px;
	font-size: 0;
	color: black;
	float: left
}

#menuBtn>div {
	vertical-align: middle;
	display: inline-block;
	width: 28px
}

#menuBtn>div>span,
#menuBtn>div>span:before,
#menuBtn>div>span:after {
	backface-visibility: hidden;
	background-color: #333;
	display: inline-block;
	height: 4px;
	width: 100%
}

#menuBtn>div>span {
	position: relative
}

#menuBtn>div>span:before,
#menuBtn>div>span:after {
	transform: rotate(0deg) translateZ(0);
	transition: transform .55s;
	position: absolute;
	content: ' ';
	height: 100%;
	left: 0
}

#menuBtn>span {
	vertical-align: middle;
	display: inline-block;
	margin-left: 16px;
	font-size: 20px
}

#menuSearch {
	position: relative;
	font-size: 0;
	color: black;
	float: right
}

#menuSearch a {
	padding: 18px 8px;
	display: block;
	width: 41px
}

#menuSearch img {
	width: 100%
}

#menuSearchForm {
	transition: opacity .4s;
	padding-bottom: 10px;
	visibility: hidden;
	position: absolute;
	padding-top: 26px;
	width: 200px;
	right: 100%;
	opacity: 0;
	bottom: 0
}

.opacity #menuSearchForm {
	visibility: visible
}

#menuSearchForm input {
	text-align: center;
	background: none;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #7f7f7f
}

#menuSearch:hover #menuSearchForm,
.mobile-searching #menuSearchForm {
	visibility: visible;
	opacity: 1
}

#menu {
	transform: translateZ(0);
	background-color: white;
	transition: opacity .9s;
	white-space: nowrap;
	padding-top: 100px;
	visibility: hidden;
	position: fixed;
	z-index: 4900;
	height: 100%;
	width: 100%;
	opacity: 0;
	left: 0;
	top: 0
}

.rgba #menu {
	background-color: rgba(255, 255, 255, .95)
}

.csscalc #menu {
	height: calc(100% - 100px);
	padding-top: 0;
	top: 100px
}

#menu .outer {
	white-space: nowrap;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%
}

#menu .outer:before {
	vertical-align: middle;
	display: inline-block;
	content: ' ';
	height: 100%
}

#menu .inner {
	vertical-align: middle;
	display: inline-block;
	width: 100%
}

#menu a {
	transform: translateY(50px);
	padding-bottom: 14px;
	text-align: center;
	padding-top: 18px;
	font-weight: 300;
	font-size: 26px;
	display: block;
	color: #555;
	opacity: 0
}

#menu a.eng {
	font-size: 34px
}

#menu a:hover,
#menu a.active {
	background-color: #ab9084;
	color: white
}

#menu .search {
	transform: translateY(50px);
	background-color: #f0f0f0;
	text-align: center;
	display: none;
	font-size: 0;
	opacity: 0
}

#menuMobileSearchForm {
	padding-bottom: 10px;
	position: relative;
	padding-top: 16px
}

#menuMobileSearchForm input {
	text-align: center;
	margin-right: 3%;
	background: none;
	width: 75%;
	border: 0;
	border-bottom: 2px solid #363636
}

#menuMobileSearch {
	position: absolute;
	padding: 8px;
	width: 34px;
	right: 5%;
	top: 0
}

a#menuMobileSearch:hover {
	background-color: transparent
}

.page-loaded #header {
	transition: padding .4s ease-in-out;
	transform: translateZ(0)
}

.page-loaded #header .logo {
	transition: width .4s ease-in-out;
	transform: translateZ(0)
}

@media (min-width:641px) {
	#menu .inner {
		padding-bottom: 4%
	}
	#menuBtn>div>span:before {
		top: -10px
	}
	#menuBtn>div>span:after {
		top: 10px
	}
	#menuBtn:hover>div>span:before {
		top: -9px
	}
	#menuBtn:hover>div>span:after {
		top: 9px
	}
	.slim-header #header {
		padding: 14px 38px;
	}
	.slim-header #header .logo {
		width: 136px
	}
	.slim-header #menuBtn {
		padding: 8px
	}
	.slim-header.csscalc #menu {
		height: calc(100% - 100px);
		top: 100px
	}
	.slim-header #menuSearchForm {
		padding-bottom: 12px
	}
	.slim-header #menuSearch a {
		padding: 16px 8px 20px
	}
}

@media (min-width:641px) and (min-height:641px) {
	.slim-header #header .logo {
		width: 180px
	}
	.slim-header #menuBtn {
		padding: 16px 8px
	}
}

@media (min-width:641px) and (max-height:640px) {
	.slim-header #header {
		padding: 10px 38px 9px
	}
	.slim-header #menuBtn>div {
		width: 25px
	}
	.slim-header #menuBtn>div>span,
	.slim-header #menuBtn>div>span:before,
	.slim-header #menuBtn>div>span:after {
		height: 3px
	}
	.slim-header #menuBtn>span {
		margin-left: 14px;
		font-size: 18px
	}
	.slim-header #menuSearch a {
		padding: 8px 8px;
		width: 36px
	}
	.slim-header #menuBtn>div>span:before {
		top: -8px
	}
	.slim-header #menuBtn>div>span:after {
		top: 8px
	}
	.slim-header #menuSearchForm {
		padding-bottom: 4px
	}
}

.open-menu #header {
	transform: translateY(0) translateZ(0);
	position: fixed
}

.open-menu #header,
.open-menu #menuBtn>div>span {
	background-color: transparent
}

.open-menu.csscalc #header {
	background-color: rgba(255, 255, 255, .95)
}

.open-menu #menuBtn>div>span:before {
	transform: rotate(-45deg) translateZ(0);
	top: 0
}

.open-menu #menuBtn>div>span:after {
	transform: rotate(45deg) translateZ(0);
	top: 0
}

.open-menu #menu {
	visibility: visible;
	opacity: 1
}

.open-menu.touch #menu .outer {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll
}

.open-menu #menu a,
.open-menu #menu .search {
	transition: transform .5s, opacity .5s;
	transform: translateY(0) translateZ(0);
	opacity: 1
}

.open-menu #menu a:nth-child(2) {
	transition-delay: .1s
}

.open-menu #menu a:nth-child(3) {
	transition-delay: .2s
}

.open-menu #menu a:nth-child(4) {
	transition-delay: .28s
}

.open-menu #menu a:nth-child(5) {
	transition-delay: .35s
}

.open-menu #menu a:nth-child(6) {
	transition-delay: .40s
}

.open-menu #menu a:nth-child(7) {
	transition-delay: .47s
}

.open-menu #menu a:nth-child(8) {
	transition-delay: .5s
}

.open-menu #menu a:nth-child(9) {
	transition-delay: .52s
}

.open-menu #menu a:nth-child(10) {
	transition-delay: .54s
}

.open-menu #menu .search {
	transition-delay: .53s
}

.closing-menu #header {
	transform: translateY(0) translateZ(0);
	position: fixed
}

.closing-menu #menu {
	transition-delay: .4s;
	pointer-events: none;
	visibility: visible;
	opacity: 0
}

.closing-menu #menuBtn>div>span:before,
.closing-menu #menuBtn>div>span:after {
	transform: rotate(0deg) translateZ(0)
}

.closing-menu #menu a,
.closing-menu #menu .search {
	transform: translateY(50px) translateZ(0);
	transition: transform .5s, opacity .5s;
	transition-delay: 0s;
	opacity: 0
}

.closing-menu #menu a:nth-child(1) {
	transition-delay: .32s
}

.closing-menu #menu a:nth-child(2) {
	transition-delay: .3s
}

.closing-menu #menu a:nth-child(3) {
	transition-delay: .26s
}

.closing-menu #menu a:nth-child(4) {
	transition-delay: .22s
}

.closing-menu #menu a:nth-child(5) {
	transition-delay: .16s
}

.closing-menu #menu a:nth-child(6) {
	transition-delay: .12s
}

.closing-menu #menu a:nth-child(7) {
	transition-delay: .08s
}

.closing-menu #menu a:nth-child(8) {
	transition-delay: .05s
}

.closing-menu #menu .search {
	transition-delay: 0s
}

@media (max-height:840px) {
	#menu a {
		padding-bottom: 10px;
		padding-top: 14px
	}
}

@media (max-height:600px) {
	#menu a {
		font-size: 20px
	}
	#menu a.eng {
		font-size: 22px
	}
}

@media (max-width:840px) {
	#menuSearchForm {
		width: 140px
	}
}

@media (max-width:740px) {
	#menuBtn>span {
		visibility: hidden;
		margin-left: 0;
		width: 0px
	}
	#menuSearch {
		display: none
	}
	#menu .search {
		display: block
	}
}

@media (max-width:640px) {
	#header {
		padding: 8px 10px 7px
	}
	#header .logo {
		width: 126px
	}
	#menuBtn {
		padding: 6px 8px
	}
	#menuBtn>div {
		width: 19px
	}
	#menuBtn>div>span,
	#menuBtn>div>span:before,
	#menuBtn>div>span:after {
		height: 3px
	}
	#menuBtn>div>span:before {
		top: -7px
	}
	#menuBtn>div>span:after {
		top: 7px
	}
	#menu {
		padding-top: 54px
	}
	.csscalc #menu {
		height: calc(100% - 54px);
		top: 54px
	}
	#menu a {
		padding-bottom: 8px;
		padding-top: 12px;
		font-size: 18px
	}
	#menu a.eng {
		font-size: 20px
	}
}

@media (max-width:480px),
(-webkit-min-device-pixel-ratio:1.25) and (max-width:640px),
(min--moz-device-pixel-ratio:1.25) and (max-width:640px),
(-o-min-device-pixel-ratio:1.25/1) and (max-width:640px),
(min-device-pixel-ratio:1.25) and (max-width:640px),
(min-resolution:200dpi) and (max-width:640px),
(min-resolution:1.25dppx) and (max-width:640px) {
	.open-menu #menu a:nth-child(8) {
		transition-delay: .48s
	}
	.open-menu #menu a:nth-child(9) {
		transition-delay: .49s
	}
}

@media (-webkit-min-device-pixel-ratio:1.25) and (max-width:640px) and (orientation:landscape),
(min--moz-device-pixel-ratio:1.25) and (max-width:640px) and (orientation:landscape),
(-o-min-device-pixel-ratio:1.25/1) and (max-width:640px) and (orientation:landscape),
(min-device-pixel-ratio:1.25) and (max-width:640px) and (orientation:landscape),
(min-resolution:200dpi) and (max-width:640px) and (orientation:landscape),
(min-resolution:1.25dppx) and (max-width:640px) and (orientation:landscape) {
	#header {
		position: relative
	}
}

#_atssh {
	position: absolute;
	top: -999px;
}

.head_color{
	color: #a67f6c;
}

.head-size{
	font-size: 50px !important;
}

.head-wirte{
	color: #fff;
}

.now_btn a{
	display: block !important;
	color: #fff !important; 
	border: 1px solid #fff !important;
	text-align: center;
	margin-left: auto !important;
	margin-right: auto;
	margin-top: 20px !important;
}

.re-sp-line{
	margin: 5px auto !important; 
	width: 59%;
	background: #000;
}

.re_holder{
	color: #a67f6c;
}


.re_holder .desc{
	color: #000;
	margin-top: 0px !important;
}
.re_holder p{
	margin: 10px 0;
	font-size: 30px;
}

/* 以下修改 by 葡萄 ==================*/
.hid{display: none!important;}
.dc-jj1{font-size: 0; background-color: #f7eee9;}
.dc-jj1 .mm1,.dc-jj1 .mm2{width: 50%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align:middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.dc-jj1 .mm1{text-align: right;}
.dc-jj1 .mm1 .box1{width: 100%; max-width: 500px; text-align: left; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}
body .slidermj{margin-top: 0px!important;}

@media only screen and (max-width: 840px) {
.dc-jj1 .mm1,.dc-jj1 .mm2{width: 100%;}
.dc-jj1 .mm1{padding: 15px 0; text-align: center;}
.dc-jj1 .mm1 .box1{max-width: none; text-align: center;}


}

/* 以下修改 by 葡萄 ==================*/
.hid{display: none!important;}
.dc-jj1a{font-size: 0; background-color: #f7eee9;}
.dc-jj1a .mm1a,.dc-jj1a .mm2a{width: 50%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align:middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.dc-jj1a .mm1a{text-align: right;}
.dc-jj1a .mm1a .box1a{width: 100%; max-width: 500px; text-align: left; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}
body .slidermj{margin-top: 0px!important;}

@media only screen and (max-width: 840px) {
.dc-jj1a .mm1a,.dc-jj1a .mm2a{width: 100%;}
.dc-jj1a .mm1a{padding: 15px 0; text-align: center;}
.dc-jj1a .mm1a .box1a{max-width: none; text-align: center;}


}