.mm-page{position:inherit;}
.header, .iconMenu , .mobile_only {
    display: none;
}
header{
	display: flex;
}
.inner {
	max-width: 1200px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
}
.header_pc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15px 0;
	z-index: 20;
	display:block;
}
.header_pc.small{
	position: fixed;
	z-index:999;
	-webkit-animation-duration:0.7s;-moz-animation-duration:0.7s;
	animation-name: slidein;
}
.header_pc #navigation .logo {
	float:left;
	position:relative;
	z-index:9999;
	display:block;
}
.header_pc #navigation .logo h1{
	text-indent: -9999px;
	height:1px;margin:0;
}
.header_pc #navigation ul {
	list-style: none;
	padding-left: 0;
	margin: 15px 0;
	float:right;
}
.header_pc #navigation ul li {
	float: left;
	margin-left: 0.6em;
}
.header_pc #navigation ull li a {
	display: block;
	padding: 5px;
}
.header_pc #navigation ul li a.out_link{
	display:inline-block;
	margin: 0 3px;
}



.footer{line-height:26px;padding:2em 0;font-size:15px;}
.footer ul li{text-align:center;}
.copyR{color:#888;text-align: center;font-size:14px;padding:10px 0;}
.copyR .break{display: inline;}
.copyR a, .footer a{color:#888;}
.keywords{width:100%;display:block;height:5px;overflow:hidden;color:#072457;text-indent: 100%;white-space: nowrap;-webkit-text-size-adjust:none;position:absolute;bottom:0;}
.to_top {
	width: 40px;
	height: 40px;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: none;
	background: url(../images/sort-down.png) center center no-repeat #3e3e4b;
	z-index: 30;
}

/* 側選單 */
headerside{display:none;}
#menu-right {
	/*background: #fff;*/
	/*color: #858585;*/
	position: absolute;
	top: 0;
	width: 280px;
	z-index: 99;
}
#menu-right .box {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
}
#menu-right .box::-webkit-scrollbar {
	height: 4px;
	width: 4px;
}
#menu-right ul {
	margin: 0;
	padding: 0;
}
#menu-right li {
	border-bottom: 1px solid #eee;
	font-size: 16px;
	line-height: 28px;
	padding: 6px 0;
}
#menu-right li a{
	padding: 5px 1em;
	color:#111;
}
#menu-right li li {
	font-size: 15px;
	border:none;
	background:#eee;
	padding:3px 0;
	display:none;
}
#menu-right li li a{
	padding: 5px 2em;
}
#menu-rightli:last-child {
	border: 0;
}
#menu-right{
	top: 65px;
	left: 0;
	width: 280px;
}
#menu-right.albums_side{top:10px;}
#menu-right .layer_one{
	border-bottom: 3px solid #161616;
	border-right: 1px solid #161616;
}
	
.layer_one li.spread a{background:url(../images/side_layer1.png) 5px center no-repeat;}
.layer_one li a{background: none;}
#menu-right li li.now a{background:url(../images/side_layer2.png) 15px center no-repeat;}
#menu-right li li a{background: none;}



.sider_top{position:relative;height:75px;padding:20px 25px;font-size:24px;letter-spacing:1px;text-align:center;color:#EDEDED;background-image:url(../images/side_top.png);background-position:center center;background-repeat:no-repeat;}
.sider_top span{display:block;font-size:14px;font-weight:normal;margin-top:-5px;text-align:right;}
.sider_top:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 11px 0 11px;
  bottom: -11px;
  position: absolute;
  left: 48%;
  z-index: 2;
}
.search_side{width:100%;/*background:#fff;*/text-align:center;position:relative;}
.search2{width:250px;margin:20px auto;height:35px;line-height:35px;padding:5px;}
.search2_bg{background:url(../images/search2.png) center center no-repeat;width:30px;top:20px;
    height: 35px;position:absolute;right:20px;border:none;}


@-webkit-keyframes slidein {
	from { margin-top: -80px; }
	to { margin-top: 0px; }
}

@-moz-keyframes slidein {
	from { margin-top: -80px; }
	to { margin-top: 0px; }
}

@media only screen and (max-width: 1200px) {
headerside{
	display:block;
	margin:-40px 0 0 10px;
	font-size:24px;
}
#menu-right {
	border-bottom: 3px solid #161616;
	top: 45px;
	left: 0;
	width: 280px;
	display:none;
	-webkit-transform: translate3d(-280px,0,0);
	   -moz-transform: translate3d(-280px,0,0);
			transform: translate3d(-280px,0,0);
	-webkit-transition: all 500ms ease-in-out;
	   -moz-transition: all 500ms ease-in-out;
			transition: all 500ms ease-in-out;
}
#menu-right.albums_side{top:45px;}
#menu-right.activeM {
	display:block;
	left: 0;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	-webkit-transition: all 500ms ease-in-out;
	   -moz-transition: all 500ms ease-in-out;
			transition: all 500ms ease-in-out;
}


@media (max-width: 840px) {
.pc_menu, .header_pc {display: none;}
header{
	display:block;
}
.header{display:block;}

.iconMenu{display: block;height: 30px;width: 35px; float: right; margin: 13px 0;
    font-size: 21px;text-align: center;color:#fff;}
.search2_bg{top:2px;}

/***************手機選單plugin樣式********************/
html
{
	height: 100%;
}
body {
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	min-height: 100%;
	position: relative;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
a.button,
span.button,
/*select,*/
input[type="text"]
{
	box-sizing: border-box;

	border-radius: 5px;
	text-transform: none;
	text-indent: 0;
	font-weight: bold;
	vertical-align: middle;
	line-height: 20px;
	display: block;
	height: 40px;
	width: 100%;
	padding: 10px;
}
a.button,
span.button
{
	background: #4BD963;
	color: #fff !important;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
select,
input[type="text"]
{
	background: #fff;
	border: 1px solid #ccc;
}
.mm-divider.button
{
	text-indent: 0 !important;
	padding: 20px 20px 40px 20px !important;
}
.mm-navbar>*{padding:6px 0;}
pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
nav:not(.mm-menu)
{
	display: none;
}

.header,
.content,
.footer
{
	text-align: center;
}
.header
{
	background: #111;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width: 100%;
	height: 60px;
	padding: 0px 20px 0px 50px;
}
.header img{
	height:100%;
	display:block;
	margin:0 auto;
	max-width:200px;
}
.header.mm-slideout
{
	position: fixed;
	top: 0;
	left: 0;
}
.header a.m_menu
{
	background: center center no-repeat transparent;
	background-image: url( ../images/menu.png );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 20px;
}
.header.mm-fixed + .content
{
	background-position: 25px 55px;
}

.messages
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
.messages div
{
	color: rgba( 0, 0, 0, 0.5 );
	line-height: 18px;
	padding: 10px 20px;
}
.messages .error
{
	background: rgb( 255, 225, 225 );
	border-bottom: 1px solid rgb( 255, 150, 150 );
}
.messages .warn
{
	background: rgb( 255, 255, 200 );
	border-bottom: 1px solid rgb( 200, 200, 150 );
}

html.mm-opened.mm-effect-zoom-menu body
{
	background: #f3f3f3;
}
html.mm-opened.mm-effect-zoom-menu.mm-theme-dark body
{
	 background: #333;
}
html.mm-opened.mm-effect-zoom-menu.mm-theme-black body
{
	background: #000;
}
html.mm-opened.mm-effect-zoom-menu.mm-theme-white body
{
	background: #fff;
}
html.mm-opened.mm-effect-zoom-menu .mm-page
{
	background-color: #fff;
}

.mm-menu:not( .mm-offcanvas )
{
	z-index: 10;
}
.mm-menu:not( .mm-offcanvas ) + #page
{
	display: none;
}
.mm-menu li .fa
{
	margin: 0 15px 0 5px;
	font-size: 16px;
	width: 12px;
	text-align: center;
}
.mm-tileview li[class*="mm-tile"] .fa
{
	margin: 0;
	line-height: 0;
}
.mm-tileview li[class*="mm-tile"] .fa + span
{
	display: none;
}

.mm-menu .buttonbar-item:after
{
	content: none !important;
	display: none !important;
}
/************************************/


.search_box{display:none;}
.search_box.open{display: block;}
.search_top{width:200px;text-align:center;margin:0 auto;position:relative;padding: 20px 0;}
.search_top input[type="text"]{height:30px;border:1px solid #e1e1e1;border-radius: 5px;padding:5px;}
.search_top input[type="submit"]{width:30px;height:30px;background:url(../images/search.png) 0 center no-repeat;border:0;position: absolute;right: 0;top:20px;}

.footer{font-size:14px;}
.copyR{font-size:13px;}
.copyR .break{display: block;}

}/* 840 */
}/* 1200 */