@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* Menu */
#Menu .superfish, #Menu .superfish > li > a { height:60px; }
#Menu .superfish > li > a { line-height:44px; }

#Menu .superfish > li.home > a { width:64px; }
#Menu.MenuFix .superfish > li.home > a { background:url("../images/fixed_logo.png") no-repeat center center; background-size:contain; width:160px; color:rgba(255,255,255,0); }
#Menu.MenuFix .superfish > li.home > a span { color:rgba(255,255,255,0); }


/*----------------------------------------------------------------------*/
/* Key Visual */
#KeyVisual { background:url("../images/bg_wall.jpg") repeat-x center top; padding:100px 10px 40px 10px; }
#KeyVisual > div { 
	border:20px solid #fff; background-color:#fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}
#KeyVisual div.banner1 { width:33%; }
#KeyVisual div.banner_logo { width:33%; }
#KeyVisual div.banner2 { width:33%; }

#KeyVisual .banner_logo_narrow { display:none; }


/*----------------------------------------------------------------------*/
/* 最新消息 */
#IndexNews ul li { float:left; width:30%; padding-left:5%; }
#IndexNews ul li:first-child { padding:0; }


/*----------------------------------------------------------------------*/
/* 首頁-左右區塊 */
.indexBox { height:360px; }
.indexBox .titleBox { position:absolute; top:0; width:30%; height:100%; text-align:center; color:#fff; }
.indexBox .titleBox .en_title { font-weight:bold; font-size:30px; color:#fff; line-height:55px; text-align:center; }
.indexBox .titleBox h3 { width:66.67%; color:#fff; text-align:center; line-height:30px; letter-spacing:2px; }
.indexBox .titleBox h3:before, .indexBox .titleBox h3:after { width:20%; background-color:#fff; content:""; display:block; position:absolute; top:14px; height:1px; }
	.indexBox .titleBox h3:before { left:0; }
	.indexBox .titleBox h3:after { right:0; }

.indexBox .titleBox .btn_more { position:absolute; left:0; bottom:60px; width:100%; }
.indexBox .titleBox .btn_more a { width:180px; margin:0 auto; border:2px solid #fff; color:#fff; }
.indexBox .titleBox .btn_more a:hover { background-color:#fff; }
	#IndexLocations .titleBox .btn_more a:hover { color:#635040; }
	#IndexAbout .titleBox .btn_more a:hover { color:#c52a0f; }
	
.indexBox .titleBox .btn_more a .btn_arrow:after, .indexBox .titleBox .btn_more a .btn_arrow:before { background-color:#fff; }
	#IndexLocations .btn_more a:hover .btn_arrow:after, 
	#IndexLocations .btn_more a:hover .btn_arrow:before { background-color:#635040; }
	#IndexAbout .btn_more a:hover .btn_arrow:after, 
	#IndexAbout .btn_more a:hover .btn_arrow:before { background-color:#c52a0f; }

.indexBox .contBox { height:100%; }

/* 分店介紹 */
#IndexLocations .titleBox { left:0; background:#635040; }
#IndexLocations .contBox { margin-left:30%; }
#IndexLocations ul li { float:left; width:30.7%; margin-left:3.8%; }
#IndexLocations ul li:first-child { margin-left:0; }

/* 關於歐奇 */
#IndexAbout .titleBox { right:0; background:#c52a0f; }
#IndexAbout .contBox { margin-right:30%; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#ContKeyVisual { background-position:center bottom; }
#ContKeyVisual .logo { max-width:400px; margin:0 auto; padding:40px 0 20px; }
#ContKeyVisual .logo img { width:100%; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
.ToolBar dl.font_size, .ToolBar dl.share { height:32px; }
.ToolBar .colm_left a, .ToolBar dl.font_size dt, .ToolBar dl.share dt { line-height:32px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { width:32px; height:32px; }

.ToolBar .colm_left a { padding-left:36px; }
.ToolBar .colm_right { float:right; }

.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:left; padding-left:14px; margin-left:14px; border-left:1px solid #dadada; }

.ToolBar .colm_left a.return span { background-position:-4px -4px; }
.ToolBar .colm_left a.print span { background-position:-4px -44px; }
.ToolBar .colm_left a.mail span { background-position:-4px -84px; }
.ToolBar .colm_left a.rss span { background-position:-4px -124px; }
.ToolBar .colm_left a.return:hover span { background-position:-44px -4px; }
.ToolBar .colm_left a.print:hover span { background-position:-44px -44px; }
.ToolBar .colm_left a.mail:hover span { background-position:-44px -84px; }
.ToolBar .colm_left a.rss:hover span { background-position:-44px -124px; }

.ToolBar dl.font_size dd.font_small a { background-position:-4px -162px; }
.ToolBar dl.font_size dd.font_medium a { background-position:-4px -202px; }
.ToolBar dl.font_size dd.font_big a { background-position:-4px -242px; }
.ToolBar dl.font_size dd.font_small:hover a { background-position:-44px -162px; }
.ToolBar dl.font_size dd.font_medium:hover a { background-position:-44px -202px; }
.ToolBar dl.font_size dd.font_big:hover a { background-position:-44px -242px; }

.ToolBar dl.share dt { display:none; }
.ToolBar dl.share dd.facebook a { background-position:-4px -284px; }
.ToolBar dl.share dd.twitter a { background-position:-4px -324px; }
.ToolBar dl.share dd.google_plus a { background-position:-4px -364px; }
.ToolBar dl.share dd.plurk a { background-position:-4px -404px; }
.ToolBar dl.share dd.line a { background-position:-4px -444px; }
.ToolBar dl.share dd.facebook:hover a { background-position:-44px -284px; }
.ToolBar dl.share dd.twitter:hover a { background-position:-44px -324px; }
.ToolBar dl.share dd.google_plus:hover a { background-position:-44px -364px; }
.ToolBar dl.share dd.plurk:hover a { background-position:-44px -404px; }
.ToolBar dl.share dd.line:hover a { background-position:-44px -444px; }

/* 頁碼 */
#Pagination a { margin:0 2px; color:#7b7b7b; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { background-color:transparent; }
#Pagination .current { display:none; }
#Pagination a:hover { border-bottom:3px solid #f8b500; color:#f8b500; }
#Pagination a.focuz { color:#fff; background-color:#f8b500; border-bottom:3px solid #fff; }

/* colorbox */
#colorbox_thum a { width:200px; height:150px; margin:15px 30px; }


/*----------------------------------------------------------------------*/
/* 菜單 */
.btn_product_cat li { margin-left:10px; margin-right:10px; }
.btn_product_cat li a span.photo { width:208px; height:80px; }

.ProductList div.item { float:left; width:31.57%; margin-left:2.63%; }
.ProductList div.item:nth-child(3n+1) { margin-left:0; }

.ProductCont { padding:20px; }
.ProductCont .photo { float:left; width:54.54%; position:relative; }
.ProductCont .cont { float:right; width:43.63%; position:relative; padding-bottom:85px; }
.ProductCont .desc > div { padding:20px; }
.ProductCont .tags { bottom:45px; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { width:100%; margin-top:10px; margin-bottom:30px; }
.ListTable th { 
	padding:12px 10px; border-top:2px solid #635040; border-bottom:2px solid #635040; font-size:0.9375rem; color:#fff; white-space:nowrap; 
	background:#9a8675 url("../images/table_th_divide.png") no-repeat 0 center;
	}
	.ListTable tr th:first-child { background-image:none; }
.ListTable td { padding:12px 10px; border-bottom:1px dashed #c6c6c6; line-height:24px; vertical-align:top; font-size:87.5%; }
.ListTable tr:nth-child(2n+3) { background-color:#f5f5f5; }

.ListTable th.no { width:30px; }
.ListTable td.no { width:30px; color:#7e7e7e; font-size:81.25%; font-family:Arial, Helvetica, sans-serif; white-space:nowrap; text-align:right; }
.ListTable th.date { width:70px; }
.ListTable td.date { width:70px; color:#7e7e7e; font-size:81.25%; font-family:Arial, Helvetica, sans-serif; white-space:nowrap; }
.ListTable th.cat { width:80px; }
.ListTable td.cat { width:80px; text-align:center; }
.ListTable th.unit { width:140px; }
.ListTable td.unit { width:140px; text-align:center; }
.ListTable td.title { font-size:100%; }
.ListTable td.title a { display:block; color:#000; text-decoration:none; }
.ListTable td.title a:hover { color:#c52a0f; text-decoration:underline; }
.ListTable th.thum { width:150px; }
.ListTable td.thum { width:150px; text-align:center; }
.ListTable td.thum img { max-width:150px; }
.ListTable .tag { height:24px; }
.ListTable .tag::before { top:8px; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.StoreList .item { float:left; width:32%; margin-left:2%; }
.StoreList .item:nth-child(3n+1) { margin-left:0; }


/*----------------------------------------------------------------------*/
/* 分店資訊 */
.StorePhoto::before, .StorePhoto::after { 
	content:''; position:absolute; top:0; width:110px; height:110px; z-index:10000; background: url('../images/bg_store_corner.png') no-repeat; background-size:cover; 
	}
.StorePhoto::before { left:0; background-position:0 0; }
.StorePhoto::after { right:0; background-position:right 0;}