@charset "utf-8";
/* CSS Document */
/*頂層項目*/
body {
	background-color: #FFF;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
.container, .header, .banner, .content, .footer {
	background-color: #fff;
	width: 100%;
}
.header {
	height: auto;
	position: fixed;
	top: 0px;
	z-index: 9999;	
}
.header .logo{
	width: 100%;
	min-height:60px;
}
.header a.title {
	width: 90%;
	float: left;
	margin-bottom:6px;
}
.header a.open_nav {
	width: 20%;
	float: right;
}
.header .banner_down{
	background-image: url(../images/all/banner_down.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 48px;
}
.header .banner {
	border-top:1px #f0f0f0 solid;		
	height: auto;
	color: #FFF;
	position: relative;
    padding: 5px 0;	
}
.header ul.mainnav {
	width: 100%;
	display: none;
}
.header ul.mainnav li {
	width: 33%;
}
.header ul.mainnav a {
	width: 100%;
}
.header ul.mainnav a:hover {
	opacity:0.7;
}
.content {
	min-height: 400px;
	padding: 0 0 50px;
}
.footer {
	height: auto;
	font-size: 12px;
	color: #999;
	text-align: center;
	line-height: 20px;
	clear: both;
	padding: 40px 0 20px 0;
	background: url(../images/all/footer_line.jpg) no-repeat center top;
}

.footer a.join {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 0 0;
}

.footer .copyright span.footer_tel {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.footer .copyright span.footer_name {
	color: #fff;
}
.footer .powered, .footer .powered a {
	font-size: 11px;
	color: #333;
	text-decoration: none;
}
.footer a.change_pc {
	width: 100%;
	background-color: #ccc;
	font-size: 13px;
	color: #757575;
	text-align: center;
	text-decoration: none;
	margin: 15px 0;
	padding: 10px 0;
	display: block;
}
.header .fb a{
    position: absolute;
    right: 0;
    top: 10px;
}
h3.st{
	margin-bottom:0;
	margin-top: 10px;
	background:#FFF;
    font-size:16px;
   	text-align: left;
	border-radius: 0px;
	line-height: 34px;
    color: #ff669d;
    border-bottom:#929292 1px dashed;
    margin:10px 20px;
}
h3.st2{
	font-size: 16px;
	text-align: right;
	border-radius: 0px;
	line-height: 45px;
	color: #ff669d;
	border-bottom: #929292 1px dashed;
    margin: 10px 10px 0 10px;
	background-image: url(../images/all/main_title.png);
	background-repeat: no-repeat;
	background-position: left -5px;
	padding-left:80px;
}

/*--------------------首頁--------------------*/
body.home .header {
	position: relative;
	width: 100%;
}
body.home .banner {
	width: 100% !important;
	height: auto;
}
body.home .banner img{
	width: 100% !important;
	height: auto;
}
body.home .slidesjs-previous, 
body.home .slidesjs-next,
body.home .slidesjs-play,
body.home .slidesjs-stop {
	display: none !important;
}
body.home ul.slidesjs-pagination {
	width: 100%;
	text-align: center;
}
body.home ul.slidesjs-pagination li {
	display: inline-block;
}
body.home ul.slidesjs-pagination li a {
	width: 11px;
	height: 11px;
	background: url(../images/banner/dott.png) no-repeat left top;
	display: inline-block;
	text-indent: -9999px;
	margin: 12px 5px;
}
body.home ul.slidesjs-pagination li a.active {
	background: url(../images/banner/dott.png) no-repeat left bottom;
}
body.home a.open_nav {
	display: none;
}
body.home .header ul.mainnav {
	display: block;
}
body.home .content {
	min-height: 1px;
	padding: 0;
	margin: 0 !important;
}
/*--------------------內頁共用--------------------*/
.contact_box {
    color:#000;
    font-size:13px;
	line-height:16px;
    width: 100%;
    display: block;
    padding-top: 15px;
	text-align:center;		 
}
.contact_box:after { /*清除float*/
    content:"";
    width:100%;
    display:block;
    clear:both
}
.contact_box > div {
    float:left;
    text-align:center;
}
.contact_box .left { /*左邊區塊40%*/
    width: 50%;
}
.contact_box .left a {
    display:block;
}
.contact_box .left a img { /*圖片自動縮放*/
    width:100%;
    height:auto;	
}
.contact_box .right { /*右邊區塊40%*/
    width: 100%;
	margin-bottom: 10px;
}

/*頁面標題*/
.pagetitle {
	width: 100%;
	border-bottom: solid 1px #474747;
	margin: 0 0 10px;
	padding: 0 0 1px;
}
/*列表選單標題*/
h2.sortname {
	color: #FFF;
	font-size: 15px;
	text-align: center;
	border-bottom: solid 1px #3d3d3d;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
/*列表選單*/
.content ul.nav {
	margin: 0 5% 10px;
	border-top: solid 1px #474747;
	border-right: solid 1px #474747;
	border-left: solid 1px #474747;
	border-bottom: none;
}
.content ul.nav a {
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	border-bottom: solid 1px #474747;
	padding: 15px 15px;
}
.content ul.nav ul a {
	color: #c3c3c3;
	padding: 15px 15px 15px 20px;
}
.content ul.nav ul span {
	color: #ff0000;
	padding: 0 5px 0 0;
}
/*頁面返回按鈕*/
.backbtn a{
	font-size: 13px;
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	display: block;
	padding: 8px 0;
	margin:10px auto;
	background-color:#ccc;
	width:120px;
}
.backbtn:hover a{
	background-color:#ffa9c5;
}
/*詳細頁共用*/
.main {
	width: 90%;
	clear: both;
	padding: 0 0 20px 0;
}
.main h1.title {
	color: #FFF;
	font-size: 16px;
	border-bottom: solid 1px #3d3d3d;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
.main td, .main th {
	vertical-align: top;
}
.main h1.title span {
	font-size: 10px;
	color: #b9b9b9;
	display: block;
}
/*PageBar 換頁按鈕*/
.pagebar {
	width: 100%;
	margin: 20px 0 0;
}
.pagebar a, .pagebar span {
	width: 33%;
	float: left;
	text-align: center;
}
.pagebar span {
	font-size: 17px;
	color: #757575;
	padding: 10px 0 0;
}
/*分類下拉*/
.submenu_box {
	width: 90%;
	margin: 0 5% 10px;
	padding: 0 0 10px;
}
.submenu {
    border: 1px solid #ccc;
    font-size: 13px;
    margin: 0 auto;
    padding: 8px 0;
    width: 100%;
}
/*FB分享按鈕*/
.main a.fa_share {
	display: block;
	position: absolute;
	top:-10px;
	right:0;
	padding: 10px;
}
.main a.fa_share img {
	width: 65px;
	height: auto;
}
.content .m_title{
	background-image: url(../images/all/m_tbg01.png);
	background-repeat: no-repeat;
	background-position: left 0;
	font-size:20px;
	color:#999;
	height:50px;
	padding-left:45px;
	font-family:"微軟正黑體";
}
/*字色彩*/
.color01{
	font-size: 13px;
	line-height: 28px;
	color: #ff4683;
	text-decoration: none;	
}
.color03{
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color: #ff588f;
	text-decoration: none;	
}
.color03 a {
    color: #ff588f;
    text-decoration: none;
}
.word01{
    color: #666;
    font-size: 13px;
    line-height: 24px;	
}
.red {
	color: #F00;
}
.word_color01{
	color:#F69;
}
.word_color02{
	background-color:#ff4683;
	color:#ffF;
	padding:5px;
}
.word_color03{
	font-family:"微軟正黑體";
	color: #999;
	font-size:14px;
	line-height:26px;
}
.word_color04{
	font-family:"微軟正黑體";
	color: #000;
	font-size:13px;
	line-height:26px;
	border:1px dashed #CCC;
	padding:5px 10px;
}

/*--------------------關於我們--------------------*/
body.home.about .content .about_bg{
	background-image: url(../images/about/main_bg01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
}
body.home.about .content .about{
    padding: 0 20px;
    width: 90%;
	font-size: 13px;
	line-height: 28px;
	color: #666;
}
body.home.about .content .about02_bg{
	float:left;
	background-image: url(../images/about/main_bg02.jpg);
	background-repeat: no-repeat;
	background-position: 0 50px;
	min-height: 570px;
	width: 668px;
}
body.home.about .local_sec a,
body.home.about .local_sec2 a{
	font-size: 12px;
	line-height: 28px;
	color: #666;
	text-decoration: none;		
}
/*關於我們END*/
/*--------------------最新消息--------------------*/
body.home.news table.news_list {
	width: 90%;
	margin: 0 5% 10px;
}
body.home.news table.news_list th {
	width: 40%;
	padding: 10px 0;
}
body.home.news table.news_list th img {
	border: solid 1px #c5c5c5;
}
body.home.news table.news_list td {
	vertical-align: top;
	padding: 10px 5px 10px 20px;
}
body.home.news table.news_list a {
	text-decoration: none;
	display: block;
}
body.home.news table.news_list a h1 {
	color: #ff84ad;
	font-size: 13px;
	margin: 0 0 3px 0;
    font-weight: bold;
    line-height: 24px;
}
body.home.news span,
body.home.news table.news_list a h1 span{
	font-size: 12px;
	color: #b9b9b9;
	display: block;
}
body.home.news p.word,
body.home.news table.news_list a p.word {
    font-size: 13px;
    line-height: 20px;
	color: #8f8f8f;
}
/*詳細頁*/
body.news02 .main {
	position: relative;
	padding: 20px 0;
}
body.news02 .main h1.title {
	color: #FFF;
}

/*最新消息END*/
/*-------------最新消息內頁-----------------------*/
body.home.news .main{
	padding:40px 0 0 10px;
}
body.home.news h2{
	color: #ff84ad;
	font-size: 13px;
	margin: 0 0 3px 0;
	font-weight: bold;
	line-height: 24px;
	background-image: url(../images/news/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	line-height:34px;
}
/*--------------------海外婚禮--------------------*/
body.home.wedding h2{
	color: #9f9f9f;
	font-size: 15px;
	line-height: 34px;
	text-align: center;
	font-weight: normal;
	font-family: "微軟正黑體";
}
body.home.wedding .wedding_pic{
	padding:10px 15px;
	position:relative;
}
body.home.wedding .wedding_info{
	float:left;
	padding:10px 15px;
	font-size: 13px;
	line-height: 28px;
	color: #666;
	background-image: url(../images/news/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position:relative;	
}
body.home.wedding .wedding_main{
	float:left;
	padding:0 15px 30px 15px;
	font-size: 13px;
	line-height: 28px;
	color: #666;
	background-image: url(../images/news/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position:relative;	
}
.wedding_main h4{
	color: #ff97b7;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	border-bottom: 1px #ffc0d3 dashed;
	background-image: url(../images/wedding/icon_lovedot.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	padding-left: 15px;
}
.church ul.nav_h li {
    color: #999;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}
.church ul.nav_h li a {
    list-style-type: none;
    padding: 15px 8px 15px 0;
    position: relative;
    text-decoration: none;
    color: #999;	
}
.church ul.nav_h li a:hover .wedding_pic img {
	opacity:0.7;
}
.church ul.nav_h li span {
    color: #999;
    font-size: 13px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
}
/*圖片JQ效果CSS設定*/
/* 大圖 */
.product-pic {
    padding: 15px;
}
.product-pic img {
    width:100%;
    height:auto;
}
/* .jcarousel */
.jcarousel-wrapper {
    position: relative;
    padding: 0 20px;
}
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    width: 95px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
}
.jcarousel li a {
    display: block;
    padding:5px;
}
.jcarousel li a img {
    width:100%;
    height:auto;
}
.jcarousel-control-prev a{
	background-image: url(../images/wedding/dot_left.png);
	background-repeat: no-repeat;
	background-position: left center;
    text-indent: -9999px;
    display: block;
    float: left;
	width:20px;
}
.jcarousel-control-next a{
	background-image: url(../images/wedding/dot_right.png);
	background-repeat: no-repeat;
	background-position: left center;
    text-indent: -9999px;
    display: block;			
	width:20px;
    float: right;	
}

/*---------------海外攝影---------------------*/
body.home.photo h2{
	color: #ff6e57;
	font-size: 15px;
	line-height: 34px;
	text-align: center;
	font-weight: normal;
	font-family: "微軟正黑體";	
}
/*--------------------常見問題--------------------*/
body.home.faq .word01{
    color: #666;
    font-size: 13px;
    line-height: 24px;
	padding:0 5px 15px 5px;	
}
/*--------------------友站連結--------------------*/
body.home.link .logo_box{
	position:relative;
	float:left;
	width:98%;
}
body.home.link .logo_box ul{
	list-style-type: none;
}
body.home.link .logo_box h3{
	font-size:15px;
	color:#fff;
	background-color:#f27fa1;
	padding:5px 10px;
	text-align:center;
	margin-top:10px;
}
body.home.link .church ul.nav_h li a {
    padding: 10px 5px;
    text-align: center;
	height:135px;
}
/*-----------------聯絡我們------------------*/
.cform{
	padding:13px;
	display: inline-block;
}
.cform ul{
	list-style-type:none;
	overflow:hidden;
}
.cform ul li{
	margin-bottom:8px;
    line-height:28px;
	font-size:13px;
	color:#999;
}

.cform ul li label{
	float:left;
	width:100%;
	text-align:left;
	margin-right:8px;
	color:#ff4378;
}
body.home.contact .cform ul li textarea,
body.home.contact .cform ul li input[type="text"]{
	width:95%;
	border:1px solid #999;
    padding: 10px 5px;
}
body.home.contact .cform ul li input[type="checkbox"]{
	margin:0 3px;
}
body.home.contact .cform ul li select{
	border:1px solid #999;
	width:80%;
    padding: 5px;
	margin-bottom:8px;	
	font-size:12px;
	color:#999;
}
.cform ul li textarea{
	height:35px;
}
.cform a.send{
	font-size:13px;
	background-color:#ccc;
	color:#fff;
	display:inline;
	padding:5px 20px;
	text-decoration:none;
	text-align:center;
	float:right;
	margin-right:3px;
}
.cform a.send:hover{
	background-color:#ffa9c5;
}

/*----------------各店地址--------------------*/
body.home.contact .store_bg {
	width: 290px;
	min-height:600px;
	position:relative;
	background-image: url(../images/contact/bg_left.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
body.home.contact .store_bg .sec2bg{
	background-image: url(../images/contact/loaction.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 290px;
	position:relative;
}

/*台灣*/
.contact .sec2bg ul .taiwan {
	padding-top:93px;
	margin-left: 20px;
	list-style-type: none;
	font-size: 12px;
	line-height: 30px;
	color: #000;
}
/*澳洲行距30*/
.contact .sec2bg ul .australia {
	padding-top: 38px;
	margin-left: 20px;
	list-style-type: none;
	font-size: 12px;
	line-height: 20px;
	color: #000;
}
/*澳洲行距16*/
.contact .sec2bg ul .australia2 {
	padding-top: 10px;
	list-style-type: none;
	font-size: 12px;
	line-height: 22px;
	color: #000;
}
/*上海*/
.contact .sec2bg ul .shanghai {
	padding-top: 40px;
	margin-left: 20px;
	list-style-type: none;
	font-size: 12px;
	line-height: 30px;
	color: #000;
}
/*END*/


/*--------------------產品資訊--------------------*/
/*產品分類*/
body.product01 .search {
	width: 90%;
	margin: 10px auto;
	text-align: center;
	vertical-align: top;
}
body.product01 .search .form_text {
	width: 75%;
	font-size: 13px;
	padding: 10px 5px ;
}
body.product01 .search a {
	width: 15%;
	background-color: #333;
	font-size: 16px;
	color: #ddd;
	text-decoration: none;
	border: solid 1px #666;
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 8px 5px;
}
/*產品清單*/
body.product02 ul.pro_list02 {
	width: 90%;
	margin: 2% 5% 5%;
}
body.product02 ul.pro_list02 li {
	width: 46%;
	padding: 2%;
}
body.product02 ul.pro_list02 a {
	width: 100%;
	color: #FFF;
	position: relative;
}
body.product02 ul.pro_list02 a p.productname {
	width: 100%;
	font-size: 14px;
	color: #FFF;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 5px 0;
	position: absolute;
	bottom: 0;
}
/*商品詳細頁*/
body.product03 .main .proimg_box {
	width:100% !important;
	height:auto;
	position: relative;
}
body.product03 .main .proimg_box .proimg {
	width:100% !important;
	height:auto;
	padding: 0 0 25px;
}
body.product03 .slidesjs-previous, 
body.product03 .slidesjs-next,
body.product03 .slidesjs-play,
body.product03 .slidesjs-stop {
	display: none !important;
}
body.product03 ul.slidesjs-pagination {
	width: 100%;
	text-align: center;
}
body.product03 ul.slidesjs-pagination li {
	display: inline-block;
}
body.product03 ul.slidesjs-pagination li a {
	width: 11px;
	height: 11px;
	background: url(../images/banner/dott.png) no-repeat left top;
	display: inline-block;
	text-indent: -9999px;
	margin: 12px 5px;
}
body.product03 ul.slidesjs-pagination li a.active {
	background: url(../images/banner/dott.png) no-repeat left bottom;
}
body.product03 .main h1.title {
	padding: 0 75px 10px 0;
}
body.product03 .main .protab {
	width: 100%;
	border-bottom: solid 1px #3d3d3d;
	margin: 10px 0;
}
/*--------------------愛眼常識--------------------*/
a.wqa {
	width: 90%;
	display: block;
	margin: 0 5% 10px;
}
body.knowleage02 .content ul.nav {
	border: none;
}
body.wqa .wqa_form p {
	font-size: 15px;
	padding: 0 0 10px;
}
body.wqa .wqa_form p .form_text {
	width: 98%;
	padding: 5px 1%;
}
body.wqa .wqa_form p .form_textarea {
	width: 98%;
	padding: 5px 1%;
}
body.wqa .from_btn {
	width: 100%;
	margin: 20px 0;
}
body.wqa .from_btn a {
	width: 50%;
	float: left;
	display: block;
}
/*--------------------門市資訊--------------------*/
body.store01 table.store_seorch {
	width: 90%;
	margin: 0 5%;
}
body.store01 table.store_seorch th {
	 width: 20%;
	border-bottom: solid 1px #3d3d3d;
	padding: 15px 0;
}
body.store01 table.store_seorch td {
	border-bottom: solid 1px #3d3d3d;
	padding: 15px 0;
}
body.store01 table.store_seorch .submenu {
	width: 100%;
	margin: 0;
}
body.store01 table.store_seorch .form_text {
	width: 100%;
	font-size: 13px;
	padding: 5px 0;
}
body.store01 a.seorch_btn {
	width: 90%;
	display: block;
	margin: 5px 5% 0;
}
/*列表頁*/
body.store02 ul.nav {
	border: none;
}
body.store02 ul.nav span.name {
	font-size: 18px;
	color: #FFF;
}
body.store02 ul.nav span.tel {
	font-size: 13px;
	color: #F90;
	float: right;
	margin: 3px 0 0;
}
body.store02 ul.nav span.add {
	font-size: 13px;
	color: #999;
	display: block;
	letter-spacing: 1px;
	text-align: right;
	margin: 2px 0 0;
	clear: both;
}
/*詳細頁*/
body.store03 .gmap {
	width: 100%;
	margin: 0 0 5px;
}
body.store03 .main h1.title {
	font-size: 20px;
	color: #F00;
}
body.store03 .store_info {
	font-size: 15px;
}
body.store03 .store_info p,
body.store03 .editor p {
	padding: 5px 0;
	color: #999;
}
body.store03 .editor {
	font-size: 15px;
	line-height: 22px;
	margin: 20px 0 0;
}
body.store03 .editor h1 {
	color: #FFF;
	font-size: 16px;
	border-bottom: solid 1px #3d3d3d;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}