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

/*----------------------------------------------------------------------*/
/* Key Visual */
#KeyVisual > div { max-width:1200px; box-sizing:border-box; margin:0 auto; }
#KeyVisual .row { display:table; }
#KeyVisual .row > div { display:table-cell; background-repeat:no-repeat; background-position:center center; background-size:cover; }
#KeyVisual .row > div img { width:100%; }
#KeyVisual div.banner1 { 
	border-right:10px solid #fff; 
	}
#KeyVisual div.banner_logo { 
	background-image:url("../images/logo_banner_index.png"); background-color:#635040;
	border-right:10px solid #fff; 
	}
#KeyVisual div.banner2 { 
	}
#KeyVisual div.banner3 { 
	border-right:10px solid #fff; border-top:10px solid #fff; width:50%;
	}
#KeyVisual div.banner4 { 
	border-top:10px solid #fff; width:50%;
	}

#KeyVisual .banner_logo_narrow { text-align:center; }
#KeyVisual .banner_logo_narrow img { max-width:400px; width:100%; }


/*----------------------------------------------------------------------*/
/* 最新消息 */
#IndexNews { 
	position:relative; padding:0 15px; background-color:#fff; 
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5); 
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.5); 
	box-shadow: 0 0 12px rgba(0,0,0,0.5); 
	}
#IndexNews > div { max-width:1200px; margin:0 auto; padding:30px 0; }
#IndexNews .newsTitle { 
	background:url("../images/title_news.png") no-repeat; width:307px; height:59px; margin:0 auto 30px auto;
	color:#fff; letter-spacing:4px; font-size:24px; text-align:center; line-height:50px; font-weight:400; 
	}
#IndexNews ul { overflow:hidden; }
#IndexNews ul li span { display:block; }
#IndexNews ul li .title { padding-bottom:15px; }
#IndexNews ul li .title a { font-size:24px; color:#2b7f80; line-height:110%; text-decoration:none; }
#IndexNews ul li .title a:hover { color:#e04628; }
#IndexNews ul li .desc { font-size:15px; color:#000000; line-height:200%; padding-left:10px; text-align:justify; border-left:5px solid #2b7f80; }
#IndexNews ul li .desc a { color:#2b7f80; }
#IndexNews ul li .desc a:hover { color:#e04628; }

#IndexNews .btn_more { padding-top:30px; text-align:center; clear:both; }
#IndexNews .btn_more a { width:240px; height:40px; line-height:40px; border:1px solid #2b7f80; display:inline-block; font-size:15px; color:#2b7f80; }
#IndexNews .btn_more a:hover { background:#2b7f80; border:1px solid #fff; color:#fff; }


/*----------------------------------------------------------------------*/
/* 首頁-左右區塊 */
.indexBox { margin:30px 10px; }
.indexBox > div { max-width:1200px; width:100%; height:100%; margin:0 auto; position:relative; }
.indexBox .titleBox .icon { height:100px; }
.indexBox .titleBox .en_title { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:0.25px; opacity:0.6; filter:alpha(opacity=60); }
.indexBox .titleBox h3 { margin:0 auto; position:relative; font-size:24px; font-weight:300;	}

.indexBox .btn_more a { height:40px; line-height:36px; font-size:16px; }
.indexBox .btn_arrow { right:30px; }

/* 分店介紹 */
#IndexLocations .titleBox .icon { background:url("../images/icon_locations.png") no-repeat center bottom; }
#IndexLocations .contBox { background:url("../images/bg_locations.jpg") no-repeat center top; }

#IndexLocations ul { font-size:0; padding:30px; height:100%; overflow:hidden; }
#IndexLocations ul li {
	background:rgba(255,255,255,0.9); padding:10px; line-height:130%; box-sizing:border-box; text-align:center;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); 
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
#IndexLocations ul li > div { border:1px solid #ccc; padding:15px; box-sizing:border-box; height:100%; }
#IndexLocations ul li span { display:block; }
#IndexLocations ul .shopName { padding:20px 0 15px 0; }
#IndexLocations ul .shopName a { display:block; font-size:24px; color:#000; line-height:130%; text-decoration:none; }
#IndexLocations ul .shopName a:hover { color:#e04628; }
#IndexLocations ul .phone { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; padding-bottom:50px; line-height:130%; }
#IndexLocations ul .addr { font-size:14px; line-height:130%; }
#IndexLocations ul .addr > span { display:block; }
#IndexLocations ul .addr .en { font-size:12px; margin-top:5px; }

/* 關於歐奇 */
#IndexAbout .titleBox .icon { background:url("../images/icon_about.png") no-repeat center bottom; }
#IndexAbout .contBox { background:#ffffff url("../images/bg_about.jpg") no-repeat right bottom; }
#IndexAbout .contBox .dep {
	background:rgba(255,255,255,0.6); width:410px; padding:25px; position:absolute; left:30px; top:40px; font-size:15px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.15); 
	box-shadow: 0 0 10px rgba(0,0,0,0.15); 
	}
#IndexAbout .contBox .dep .ab_logo { margin:0 0 15px 0; }
#IndexAbout .contBox .dep .ab_logo img { max-width:100%; max-height:100%; }


/*----------------------------------------------------------------------*/
/* btn_more */
.btn_more a { 
	display:block; box-sizing:border-box; position:relative; text-decoration:none; text-align:center; 
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	}
.btn_more.arrow a { padding-right:20px; }
.btn_more a:hover {
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}
.btn_arrow {
	position:absolute; top:50%; width:16px;
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.btn_arrow::after, .btn_arrow::before {
	content:""; width:8px; height:2px; left:0; position:absolute;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}
.btn_arrow { height:16px; }
.btn_arrow::after {
	bottom:5px;
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.btn_arrow::before {
	top:5px;
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}