﻿/*reset css*/
  
  @charset "utf-8";	body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, select, textarea, p, blockquote, th, td, span {margin: 0;padding: 0;}
	img {border: 0;}
	:focus {outline: 0;}a
	h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
	input, button, textarea,select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	}
	code, kbd, samp, tt {font-size: 100%;}
	/*purpose To enable resizing for IE */
	/*branch For IE6-Win, IE7-Win */
	input, button, textarea, select {*font-size: 100%;}
	body {line-height: 180%;}
	ol, ul, li {list-style: none;}
	:link, :visited , ins {text-decoration: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	/*HTML5 tag*/
	section, article, aside, footer, header, nav, main {display:block;}
	
	/* general css */
	body {
		background:#fff;
		color:#000;
		font-size:16px;
		font-family:"Century Gothic","Microsoft JhengHei","\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4" !important;
		line-height: 30px;
	}
	
	body.lg-2 {font-size:14px;line-height: 25px;}
	
	a {color: #777;text-decoration:none;}
	a:hover {color:#000;}
	hr {border: none;}
	img {border:none;max-width:100%;}
	img:hover {opacity: 0.9;}
	
	/*input*/
	input, select, textarea {background: #ffffff;border: 1px solid #adadad;padding: 2px;}
	input[type="button"], input[type="submit"], .box_content ul li a, .printer_friendly, .shipping_b, .cancel_b, .paid_b {
		background: #fff;
		color: #000;
		cursor: pointer;
		font-size: 14px;
		height: auto;
		padding-bottom:2px;
		width: 120px;
		-webkit-border-radius: 3px;
			 -moz-border-radius: 3px;
						border-radius: 3px;
	font-family:"Century Gothic","Microsoft JhengHei";
	}
	input[type="button"]:hover, input[type="submit"]:hover, .box_content ul li a:hover, .printer_friendly:hover, .shipping_b:hover, .cancel_b:hover, .paid_b:hover {
		background: #999;
		color: #ffffff;
	}
	input[onclick="history.back();"] {margin: 30px 0 0;width: 120px !important;}
	input[type="radio"], input[type="checkbox"] {margin-right: 5px;}
	ul {}		
	ul li {list-style:none;}		
	.tr-heading {}
	.odd {}
	:focus {outline: 0;}
	
	.main-button-div {width: 100%;float:left;text-align:center;margin:10px 0 40px;}
	.main-button-div input:hover {background:#999;}	
	
	.printer_friendly {display:none;}
	
	/*general*/	
	#artboard {width: 100%;float:left;}
	#artboard-body {margin: 0 auto;width: 100%;min-width: 1047px;position: relative;}
	#artboard-inner {width: 100%;float:left;}
	
		/*header*/	
	#header {font-size:14px;height: 30px;position: relative;width: 100%;float:left;}
	
	/*bottommenu*/
	.bottommenu {width:100%;float:left;position:fixed;bottom:4px;right:0;}
	.bottommenu1  {width:1047px;margin:0 auto;}
	
	/*logolink*/
	.logolink {width:100px;float:left;z-index:900 !important;position:relative;}
	.logolink a {display:block;width:58px;height:76px;float:left;margin-top:25px;top:-5px;position:relative;z-index:998 !important;}
	.logolink img {width:100%;}
	.logolink img:hover {opacity: 1;}

	/* common styling */
	#mainmenu { width:720px;float:left;z-index:902;margin-bottom:10px;position:relative;bottom:-8px;left:75px;}
	#mainmenu ul li a {display:block; text-decoration:none; width:94px; padding:15px 0 10px;text-align:left; font-size:18px;  color:#a2a2a2; }
	#mainmenu ul {padding:0; margin:0;list-style-type: none;width:100%;margin:0 auto; }
	#mainmenu ul li {position: relative; width:auto;float:left;text-align:center;margin:0 0 0 50px;height:43px;word-wrap:break-word;}
	#mainmenu ul li ul {display: none;}
	
	.mainend ,.mainstart {display:none;}
	#mainmenu ul li.mainend ,#mainmenu ul li.mainstart {display:none;}
 	#mainmenu ul li ul li.mainend , #mainmenu ul li ul li.mainstart {display:none;}
 
	/* specific to non IE browsers */
	#mainmenu ul li:hover a {color:#dfdfdf;}
	#mainmenu ul li:hover ul {display:block; position:absolute; bottom:43px; left:-55px;}
	#mainmenu ul li:hover ul li {display:block;width:150px;clear:both;height:auto;border:1px solid #666;border-top:none;}
	#mainmenu ul li:hover ul li ul {display: none;}
	#mainmenu ul li:hover ul li a {display:block; background:#000;color:#fff; width:90%; padding:10px 2% 10px 8%;}
	#mainmenu ul li:hover ul li a:hover {background:#777;}
	#mainmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; bottom:-2px;}
	#mainmenu ul li:hover ul li:hover ul li ul {display: none;}
	#mainmenu ul li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; bottom:-2px;}
  #mainmenu ul li#menu11029 {display:none;}
  #mainmenu ul li.rightend , #mainmenu ul li.leftend {display:none;}
	
	/* common styling -en*/
	body.lg-2 #mainmenu { width:780px;float:left;z-index:902;margin-bottom:10px;position:relative;bottom:-8px;left:75px;}
	body.lg-2 #mainmenu ul li a {display:block; text-decoration:none; width:100px; padding:15px 0 10px;text-align:left; font-size:18px;  color:#a2a2a2; }
	body.lg-2 #mainmenu ul li:hover ul li a:hover {background:#777;}
	
	/* specific to non IE browsers -en */
	body.lg-2 #mainmenu ul li:hover ul {display:block; position:absolute; bottom:43px; left:-51px;}
	body.lg-2 #mainmenu ul li:hover ul li {display:block;width:150px;clear:both;height:auto;border:1px solid #666;border-top:none;}
	body.lg-2 #mainmenu ul li:hover ul li ul {display: none;}
	body.lg-2 #mainmenu ul li:hover ul li a {display:block; background:#000;color:#fff; width:90%; padding:10px 3% 10px 7%;}
	body.lg-2 #mainmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; bottom:-2px;}
	body.lg-2 #mainmenu ul li:hover ul li:hover ul li ul {display: none;}
	body.lg-2 #mainmenu ul li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; bottom:-2px;}

  
  /*footer*/
	#footer {width:100%;float:left;color:#c8c8c8;/*word-break:break-all;*/line-height:25px;height:154px;min-width: 1047px;position:fixed;bottom:0px;background: url(graphics/footer.png) left bottom repeat-x;z-index:600;}
	.footer {width:1047px;margin:0 auto;}
	
	#copyright {width:88%;float:left;text-align:right;margin:97px 6% 0;color:#5a5a5a;font-size:12px;position:relative;bottom:2px;}
	.copyright .language {display:inline-block;margin-left:20px;width:135px;position:relative;z-index:999;}
	.copyright .language select {border:none;color:#939393;width:100%;font-size:13px;border: solid 1px #000;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 14px;background: #2d2d2d url(graphics/select.png) right  bottom no-repeat;}
	.copyright span {display:inline-block;}
	.copyright span span {margin-left:20px;}
	.copyright span span a span {margin-left:8px;}
	.copyright span a:hover {color:#dfdfdf;}
	
	.copyright ul {width:190px;text-align:right;float:right;margin-right:810px;}
	.copyright ul li {display:inline-block;margin:0 0px;position:relative;top:23px;color:transparent;}
	.copyright ul li a , .copyright ul li a:hover {color:transparent;}
	.copyright ul li.fb a {display:block;background: url(graphics/fb.png) right  center no-repeat;padding:0 15px;background-size:80%;}
	.copyright ul li.wech a {display:block;background: url(graphics/wechat.png) right  center no-repeat;padding:0 15px;background-size:80%;}
	.copyright ul li.pinte a {display:block;background: url(graphics/pinterest.png) right  center no-repeat;padding:0 15px;background-size:76%;}
	.copyright ul li.sn a {display:block;background: url(graphics/sn.png) right  center no-repeat;padding:0 15px;background-size:80%;}
		
	.wechatqr {width:100%:float:left;text-align:center;}
	.wechatqr img {margin-top:20px;}
	
	/**/
	#content {width:100%; margin-top:0px;}
	#contentbody {width:58%;padding:0px 0px;margin:0 auto;min-height:50.8vh;}
	.maincontent {width:100%;float:left;min-height:auto;padding-bottom:154px;min-height:67.3vh;margin-top:10px;}
	.maincontent-body {width:1047px;margin:0px auto 0;min-height:50.8vh;font-size:16px;}
	
	/*title*/
	#menu-name , h1 {font-size:26px !important;font-weight:500 !important;color:#000;margin-bottom:25px;padding:25px 0 15px;width:100%;text-align:left;position:fixed;top:0;background:#fff;z-index:600;}
	h2 {font-size:22px;color:#716b57;width:100%;padding-bottom:5px;margin:25px 0 10px;}
	h3 {font-size:22px;color:#d66639;width:100%;padding-bottom:5px;margin:10px 0 10px;}
	body.lg-2 #menu-name , h1 {font-size:24px;}
	
	.printer {display:none;}
	
	
	/*home*/
	#home {background:#000;}
	#home #menu-name  {display:none;}
	#home .maincontent {width:100%;float:left;padding-bottom:100px;min-height:70.3vh;margin-top:19px;}
	#home #footer {height:98px;background:#000 /*url(graphics/footer.png) left bottom repeat-x*/;border-top:1px solid #f94c08;}
	#home .footer {width:1047px;margin:0 auto;}
	#home #mainmenu ul li ul li {display:none;}
	#home #copyright {width:88%;float:left;text-align:right;margin:41px 6% 0;color:#5a5a5a;font-size:12px;}
	#home  img:hover {opacity: 1;}


	/*flash-box*/
	#flash-box {width:100%;float:left;position:relative;top:0px;}
	.flash01 {width:100%;float:left;}
	
	.nivo-directionNav {display:none !important;}
  .nivo-controlNav {display:none !important;}
  
  .nivo-controlNav {display:none !important;}
	.nivo-directionNav {display:none !important;}
	/*.nivo-slice , .nivo-box {display:none !important;}*/
	
	/*about*/
	.aboutus {width:100%;background:#ebe9da;float:left;margin-top:33px;}
	.aboutus1 {width:94%;margin:35px auto;min-height:53.3vh;}
	.abouttext {width:49%;margin-right:1%;float:left;}
	.aboutimg {width:50%;float:left;}
	.aboutimg img {width:100%;}
	
	/*藝術總監*/
	.artstext {width:44%;margin-right:1%;float:left;}
	.artstext1 {width:100%;float:left;}
	.artsimg {width:55%;float:left;margin-top:60px;}
	.artsimg img {width:100%;}
	
	body.lg-2 .artsimg {width:55%;float:left;margin-top:18px;}
	
	.webs {width:98.5%;float:left;margin-top:15px;padding-left:1.5%;background: url(graphics/li.jpg) left top 12px no-repeat;}
	.webs a {color:#ee7b4d;font-size:15px;}
	
	/*大紀事*/
	#news-list-top , .expanded-title {DISPLAY:NONE;}
	#news-list {background:#ebe9da;width:100%;float:left;margin-top:33px;padding-bottom:20px;}
	
	.listing-ul {width:96% !important;margin:0 2% !important;float:left;font-size:18px;}
	.upc-brief {text-align:center;width:10%;float:left;font-weight:900;padding:5px 0;color:#666;}
	.upc-more {display:none;}
	.upc-subject {text-align:left;width:86% !important;float:left;border-bottom:1px dotted #999;padding:5px 0;/*word-break: break-all;*/}
	.listing-ul a {color:#000;}
	.listing-ul a:hover {color:#555;}
	
	body.lg-2 .listing-ul {font-size:15px;}
	body.lg-2 .upc-brief {padding:10px 0;}
	body.lg-2 .upc-subject {padding:10px 0;}
	
	/*.expanded-ul {width:96%;margin:0 2%;float:left;padding:0;}
	
	.epc-subject {font-size:48px;width:13%;padding:5px 1% 0 0;float:left;text-align:right;}
	
	.epc-picture {width:10%;float:left;height:102px;}
	.epc-picture img {max-width:100%;}
	.epc-brief {width:71%;padding-left:1%;float:left;border-top:1px solid #ed7101;padding-top:1px;}
	*/	
	.pspectable {width:94% !important;margin:25px 3% 0;float:left;}
	.pspectable a {color:#000;}
	.pspectable a:hover {color:#a2a2a2;}
	.pspectable tr {border-bottom:1px dotted #999;width:100%;float:left;height:115px;}
	.pspectable td {padding:10px 0 5px;font-size:18px;}
	.pspectable .pstitle {display:none;} 
	.pc-picture {width:17%;float:left;text-align:center;min-height:80px;}
	.pc-picture img {max-height:95px;overflow:hidden;width:85%;}
	.pc-subject {width:83%;float:left;text-align:left;min-height:80px;}
	
	
	/*展覽訊息*/
	.post-title {font-size:22px;color:#ed7101;width:100%;text-align:left;padding-bottom:5px;margin:40px 0 20px;line-height:30px;}
	.post-date	{width:100%;text-align:right;}
	#events-main-picture	{width:50%;text-align:center;float:left;}
	#events-main-picture img {width:100%;}
	#gallery-imglist	{width:47%;margin-left:3%;float:left;text-align:center;}
	.imgbody {width:20%;float:left;}
	.imgbody img {max-width:90%;}
	.news-content {margin-top:0px;width:47%;margin-left:3%;float:left;}
	.video {width:100%;float:left;text-align:center;}
	.video iframe {width:100% !important;height:300px !important;}
	
	body.lg-2 .post-title {font-size:20px;}
	
	/*專案設計*/
	.company {width:94%;margin:25px 3% ;float:left;}
	.listing-title {display:none;}
	.news-list-content {width:94%;margin:25px 3% ;float:left;}
	#menu-11087 .listing-ul {width:32.3% !important;margin:0 0.5% 35px !important;float:left;text-align:center;min-height:400px;}
	#menu-11087 .listing-ul a {color:#676767;font-size:15px;}
	#menu-11087 .listing-ul a:hover {color:#000;}
	#menu-11087 .upc-picture {width:100%;float:left;}
	#menu-11087 .upc-picture img {width:100%;}
	#menu-11087 .upc-subject {width:100% !important;float:left;border:none;text-align:center;margin:-5px 0% 0;}	
	
	.go-back {width:100%;float:left;text-align:center;margin-top:30px;border-top:1px solid #dadada;padding-top:20px;}
	.go-back a {background:#ed7101;color:#fff;padding:5px 10px;border-radius:5px;}
	.go-back a:hover {background:#ed9240;}
		
	/*聯絡我們*/
	#general-content-main {width:96%;float:left;background:#ebe9da;padding:30px 2%;min-height:480px;margin-top:33px;}
	.contactus1 {width:49%;float:left;margin-right:1%;}
	.emailform {width:50%;float:left;background:#dad6bc;}
	.emailf {width:100%;}
	.emailf tr {width:100%;float:left;}
	.emailf tr td {padding:5px 0;}
	.emailf tr td.title {width:25%;float:left;text-align:center;}
	.emailf tr td.body {width:75%;float:left;}
	.emailf tr td.body input {width:90%;}
	.emailf tr td.body .se input {width:20px;}
	.emailf tr td.body select {width:91.5%;}
	.emailf tr td.body textarea {width:90%;}
	.must {display:block;text-align:center;width:90%;margin:10px auto 0;color:#fa4c06;}
	.button {width:93%;float:left;text-align:right;margin:0 7% 15px 0;}

	/*藝術收藏*/
	#menu-11072 #menu-name {display:none;}  
	#menu-11072 h3 {font-size:26px;color:#000;margin:0px 0 25px;width:100%;text-align:left;}
	
	
	#catalog_display {width:100%;float:left;}
	#catalog_display h2 {display:none;}
	#catalog_display #cat-notice {width:99%;margin:0 0.5%;float:left;}
	#catalog_display .product {width:33.3% !important;float:left;margin-bottom:25px;}
	#catalog_display .product .title {width:100%;float:left;text-align:center;}
	#catalog_display .product .productimage {width:99%;float:left;margin:0 0.5%;}
	#catalog_display .product .productimage img {width:100%;}
	#catalog_display .product .briefdesc {width:100%;float:left;text-align:center;}
	#catalog_display a {color:#676767;}
	#catalog_display a:hover {color:#000;}
	
	
	#menu-11074 #catalog_display .product {margin-top:30px;}
	
	.description {width:100%;float:left;text-align:center;}
	.description .title a {color:#000;}
	.description .title a:hover {color:#676767;}
	
	body.lg-2#menu-11073 h1 {background:none}
	
	/*店鋪*/
	.contactus {width:50%;float:left;}
	.contactus h3 {margin:0px 0 15px;}
	.contactus ul li {padding:5px 0;}
	.imap {width:100%;float:left;margin-top:20px;}
	iframe {width:50% !important;height:170px !important;}
	
	/*產品*/
	#main_info {font-size:26px;color:#000;margin-bottom:25px;width:100%;text-align:left;}
	#main_info span {display:None;}
	#main_picture {width:60%;float:left;margin:0 auto 0;text-align:left;min-height:450px;}
	#extra-picture {width:100%;float:left;margin:0 auto 0;text-align:center;}
	#extra-picture a {width:20%;float:left;}
	#main_picture img {max-width:100%;}
	.detail_briefdesc , #detail_spec , #detail_other {margin-top:20px;width:38%;float:left;text-align:left;padding-left:2%;}
	.detail_briefdesc {font-size:13px;line-height:22px;}
	.detail_title {font-size:22px;color:#ed7101;width:100%;float:left;margin-bottom:10px;}
	.detail_des {font-size:15px;line-height:26px;}
	.detail_des1 {color:#777;}
	body.lg-2 .detail_briefdesc {font-size:15px;line-height:22px;}
	body.lg-2 .detail_des1 {font-size:13px;}
	
	#mbPrevLink big , #mbCloseLink big , #mbNextLink big {display:none !important;}
	
	/**/
	.legal {width:80%;margin:10% 10%;float:Left;}
	.legal span {display:block;margin-bottom:15px;}


/*RWD 800*/
@media screen and (max-width: 799px) {
	
	/*general*/	

	#artboard-body {min-width: auto;position: relative;}
	#artboard-inner {width: 100%;float:left;position: relative;background:#fff;}

	
	/*logolink*/
	.logolink {width:100px;float:left;left:2%;z-index:900 !important;position:relative;}
	.logolink a {display:block;width:58px;height:76px;float:left;margin-top:0px;top:-5px;position:relative;z-index:998 !important;}

	/*bottommenu*/
	.bottommenu {width:100%;float:left;position:absolute;bottom:4px;right:0;}
	.bottommenu1  {width:100%;margin:0 auto;}
	
	/* common styling */
	#mainmenu {display:none;}
	
	/* common styling -en*/
	body.lg-2 #mainmenu {display:none;}
	
  /*footer*/
	#footer {min-width: auto;background:#000;height:auto;position:absolute;}
	.footer {width:100%;}

	#copyright {width:calc(100% - 70px);font-size:10px;float:right;margin:20px 0% 0;text-align:center;background:#000}
	.copyright .language {display:block;margin:0px 0 0 auto;width:135px;position:relative;z-index:999;top:-70px;right:10px;}
	.copyright span {margin-top:0px;position:relative;top:30px;line-height:20px;}
	.copyright span span {margin:0 50% 0 10px;display:block;top:-65px;}
	.copyright span span a span {margin:0 0 0 3px;display:inline-block;top:auto;}
	
	.copyright ul {width:190px;text-align:right;margin:0px 160px 0 0;position:relative;top:-25px;}
	.copyright ul li {display:inline-block;margin:0 5px;position:relative;top:23px;color:transparent;}
	
	/*title*/
	#menu-name , h1 {padding:15px 2% 10px;width:96%;top:35px;}
	h3 {margin:0px 0 10px;}

	/**/
	#contentbody {width:58%;padding:0px 0px;margin:0 auto;min-height:auto;}
	.maincontent {padding-bottom:154px;min-height:auto;margin-top:0px;}
	.maincontent-body {width:100%;min-height:auto;}
	
	/*home*/
	#home #artboard {background:#000;}
	#home #artboard-body {background:#000;}
	#home #artboard-inner {background:#000;}
	#home .maincontent {min-height:auto;margin-top:19px;padding-bottom:100px;background:#000;}
	#home .logolink a {top:12px;}
	#home #footer {height:98px;}
	#home .footer {width:100%;margin:0px auto 0;padding:10.5px 0;float:left;background:#000 /*url(graphics/footer.png) left bottom repeat-x*/;}
	#home #copyright {width:calc(100% - 70px);font-size:10px;float:right;text-align:center;margin:0px 0% 0;background:#000}
	#home .copyright .language {display:block;margin:0px 0 0 auto;width:135px;position:relative;z-index:999;top:-60px;right:10px;}
	#home .copyright span {margin-top:0px;position:relative;top:55px;background:#000;}
	#home	.copyright span span {margin:0 55% 0 10px;text-align:right;display:block;top:-85px;}
	#home .copyright span span a span {margin:0 0 0 3px;display:inline-block;top:auto;}
	
	#home .copyright ul {width:190px;text-align:right;margin:0px 160px 0 0;position:relative;top:-15px;}
	
	/*about*/
	.aboutus {width:96%;background:#ebe9da;float:left;margin:20px 2% 0;}
	.aboutus1 {width:94%;margin:35px auto;min-height:auto;}
	.abouttext {width:100%;margin:0 0%;}
	.aboutimg {width:100%;margin:0 0%;}
	.aboutimg img {margin-top:10px;}
	
	/*藝術總監*/
	.artstext {width:100%;margin-right:0%;float:left;}
	.artsimg {width:100%;float:left;margin-top:10px;}
	
	body.lg-2 .artsimg {width:100%;float:left;margin-top:18px;}
	
	.webs {width:97.5%;float:left;margin-top:15px;padding-left:2.5%;background: url(graphics/li.jpg) left top 12px no-repeat;}
	
	/*大紀事*/
	#news-list {margin-top:20px;}
	.listing-ul {width:100% !important;margin:0 0% !important;}
	.upc-brief {text-align:center;width:13%;margin-left:2%;float:left;text-align:left;font-weight:900;padding:5px 0;color:#666;}
	.upc-subject {text-align:left;width:85% !important;}

	.pspectable {width:98% !important;margin:25px 1% 0;float:left;}
	.pspectable tr {border-bottom:1px dotted #999;width:100%;float:left;height:auto;}
	.pspectable td {padding:15px 0 15px;font-size:18px;}
	.pc-picture {width:20%;float:left;text-align:center;min-height:auto;}
	.pc-picture img {max-height:95px;overflow:hidden;width:85%;}
	.pc-subject {width:80%;float:left;text-align:left;min-height:auto;}
	
	#news-content {width:94% !important;margin:0px 3% 0;float:left;}
	
	/*展覽訊息*/
	.post-title {font-size:22px;color:#ed7101;width:100%;text-align:left;padding-bottom:5px;margin:40px 0 20px;line-height:30px;}
	.post-date	{width:100%;text-align:right;}
	#events-main-picture	{width:100%;text-align:center;float:left;}
	#gallery-imglist	{width:100%;margin-left:0%;float:left;text-align:center;}
	.imgbody {width:20%;float:left;}
	.imgbody img {max-width:90%;}
	.news-content {margin-top:0px;width:100%;margin-left:0%;float:left;}
	.video iframe {width:100% !important;height:300px !important;}
	
	/*專案設計*/
	.company {width:94%;margin:25px 3% ;float:left;}
	.news-list-content {width:94%;margin:25px 3% ;float:left;}
	#menu-11087 .listing-ul {width:32.3% !important;margin:0 0.5% 35px !important;float:left;text-align:center;min-height:290px;}
	#menu-11087 .upc-subject {margin:-10px 0% 15px;}	

	/*聯絡我們*/
	#general-content-main {margin-top:20px;}
	.contactus1 {width:100%;float:left;margin-right:0%;}
	.emailform {width:100%;margin-top:25px;}

	/*藝術收藏*/
	#menu-11072 #menu-name {display:none;}  
	#menu-11072 h3 {font-size:26px;color:#000;margin:0px 0 25px;width:100%;text-align:left;}

	#catalog_display {width:96%;margin:15px 2% 0;float:left;}
	body.lg-2 #catalog_display .product {min-height:210px;margin-bottom:15px;}
	
	#menu-11074 #catalog_display .product {margin-top:30px;}

	/*店鋪*/
	.contactus {width:100%;float:left;}
	.imap {width:100%;float:left;margin:10px 0;}
	iframe {width:100% !important;height:170px !important;margin:15px 0 10px;}
	
	/*產品*/
	#main_info {width:96%;margin:0 2%;}
	#main_picture {width:96%;margin:0 2% 0;text-align:left;min-height:auto;margin-bottom:10px;}
	#extra-picture {width:96%;margin:0 2% 0;text-align:center;}
	.detail_briefdesc , #detail_spec , #detail_other {margin-top:0px;width:96%;float:left;text-align:left;padding:0 2%;}
	#caption {display:none;}
		
	/**/
	.legal {width:96%;margin:5% 2%;float:Left;}	
		
	/*demo.css*/
	.nav-header {background: #000 !important;}
	#hamburger:before, #hamburger:after, #hamburger span {
	content: '';
	display: block;
	height: 5px;
	position: absolute;
	left: -5px !important;
	width: 30px;
	}
	#hamburger:before {top: 5px;}
	#hamburger:after {bottom: 5px;}
	#hamburger span {margin-top: -3px;top: 50%;}
		
	
}
/*RWD 625*/
@media screen and (max-width: 625px) {	
	.copyright span {margin-top:0px;position:relative;top:25px;line-height:20px;}
	.copyright span span {margin:0 0% 0 0px;display:block;top:auto;text-align:center;}
	.copyright span span a span {margin:0 0% 0 3px;display:inline-block;top:auto;}



	#home .copyright span {margin:0px 0 2.5px;position:relative;top:32px;}
	#home	.copyright span span {margin:0 0% 0 0px;display:block;top:auto;text-align:center;}
	#home .copyright span span a span {margin:0 0% 0 3px;display:inline-block;top:auto;}
}


/*RWD 480*/
@media screen and (max-width: 480px) {
	
	.maincontent {padding-bottom:124px;}

	/*logolink*/
	.logolink {width:100px;float:left;left:2%;z-index:900 !important;position:relative;}
	.logolink a {display:block;width:58px;height:76px;float:left;margin-top:0px;top:-5px;position:relative;z-index:998 !important;}

	#copyright {width:calc(100% - 70px);font-size:10px;line-height:15px;float:right;margin:10px 0% 0;text-align:center;}
	.copyright .language {display:block;margin:0px 0 0 auto;width:85px;position:relative;z-index:999;top:-60px;right:10px;}
	.copyright .language select {font-size:11.5px;}
	.copyright span {margin-top:0px;top:22px;}
	.copyright span span {display:block;top:auto;}
	.copyright span span a span {margin-left:3px;display:inline-block;top:auto;}

	.copyright ul {width:calc(100% - 105px);text-align:right;margin:0px 105px 0 0;line-height: 30px;top:-15px;}
	.copyright ul li {display:inline-block;margin:0;position:relative;top:23px;color:transparent;}
	.copyright ul li.fb a {padding:0 14px;}
	.copyright ul li.wech a {padding:0 14px;}
	.copyright ul li.pinte a {padding:0 14px;}
	.copyright ul li.sn a {padding:0 14px;}
		
	/*home*/
	#home .maincontent {min-height:auto;margin-top:19px;padding-bottom:150px;}
	#home .logolink a {top:45px;}
	#home #footer {height:98px;background:#000 url(graphics/footer.png) left bottom repeat-x;}
	#home .footer {width:100%;margin:0 auto;}
	#home #copyright {width:calc(100% - 70px);font-size:10px;float:right;text-align:center;margin:0px 0% 0;line-height:15px;}
	#home .copyright .language {display:block;margin:0px 0 0 auto;width:85px;position:relative;z-index:999;top:-44px;right:10px;}
	#home .copyright span {margin:0px 0 2.5px;position:relative;top:45px;}
	#home	.copyright span span {display:block;top:auto;}
	#home .copyright span span a span {margin-left:3px;display:inline-block;top:auto;}

	#home .copyright ul {text-align:right;margin:0px 105px 0 0;position:relative;top:9px;}
		
	
	/*專案設計*/
	#menu-11087 .listing-ul {width:100% !important;margin:0 0% 0px !important;min-height:auto;}
	
	/*藝術收藏*/
	#catalog_display .product {width:100% !important;margin:0 0% 25px !important;}
		
		
		
		
		
}









/*RWD 460*/
@media screen and (max-width: 460px) {
	

	.copyright ul {top:-15px;}
	.copyright .language {top:-80px;}
	
	#home .logolink a {top:45px;}
	#home .copyright .language {display:block;margin:0px 0 0 auto;width:85px;position:relative;z-index:999;top:-65px;right:10px;}
	#home .copyright ul {text-align:right;margin:0px 105px 0 0;position:relative;top:2px;}
		
	
	/*大紀事*/
	.upc-brief {text-align:center;width:20%;margin-left:2%;float:left;text-align:left;font-weight:900;padding:5px 0;color:#666;}
	.upc-subject {text-align:left;width:78% !important;}

	
	
	
	
}