/*
======LAYOUT CSS======

★Author:THINKIDEA
★Web:thinkidea.com.tw
★CreateDate:2014.10.13

font-size:85%  renders 11px
font-size:100% renders 13px 
font-size:108% renders 14px 
font-size:123.1% renders 16px
font-size:138.5% renders 18px

date:http://yuilibrary.com/yui/docs/cssfonts/

======LAYOUT CSS======
*/

/*system*/
html{ height:100%;}
body{ height:100%; font-family:"微軟正黑體",Microsoft JhengHei,Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
a{  color: #059; text-decoration:none;}
a:hover{  color: #059; text-decoration:underline;}
.txt-hiden{ text-indent:-9999px; overflow:hidden;}
.a-hiden{ text-indent:-9999px; overflow:hidden; display:inline-block;}
.addthis_button_facebook_like{ overflow:hidden;}
/*system-end*/

/*web-layout*/

#creation-page{width:100%; height:99.9%; min-width:1000px; min-height:500px; overflow:hidden;
	.page-copyright{ font-size:13px;}
	.web-main{ width:340px;height:100%; position:relative; float:left;  box-shadow: 0 0 10px #c4c4c4;
	          overflow:hidden; background:#FFF; z-index:999;}
	#page-content{ display:inline-block; /*width:960px;*/ height:100%; overflow:hidden; position:relative; z-index:10; float:left;}
	.headerms{ vertical-align:middle; width:335px; display:inline-block;}
	.webcenter{   border: 0 none;
    display: inline-block;
    font-size: 0;
    height: 100%;
    line-height: 0;
    vertical-align: middle;
    width: 0;}
	.weblogo{/*margin: 130px 0 0 0;*/ /*margin-top:29.5%;*/}
	.weblogo a{ .txt-hiden; display:block; width:242px; height:42px; margin:0 auto;}
	.weblogo a:hover{ opacity:0.7;}
	.homa-signature{ .txt-hiden; width:121px; height:34px; margin:62px auto 45px auto;}
	.page_menus{ width:150px; margin:0 auto;}
	.page_menus li{ display:inline-block; width:100%; margin:0 0 17px 0;}
	.page_menus li a{.txt-hiden; display:block; width:85px; height:14px; margin:0 auto;}
	.goindex{ .txt-hiden; display:inline-block; width:55px; height:20px; position:absolute; top:2%; left:5%;}
	.goindex:hover{ opacity:0.5;}
}
.page-ms-bk{ width:200px;height:100%; min-height:500px; overflow:hidden; background:#5c5c5c; color:#FFF; z-index:500;
			  position:absolute; top:0; left:0; 
			 h2{ font-size:15px; font-weight:bold; text-align:center; margin:0 0 10px 0;}
			 h3{ font-size:13px; font-weight:bold; text-align:center; margin:0 0 10px 0;}
			 ul li h3 a{ font-size:13px; font-weight:bold;}
			 ul{ text-align:center; color:#FFF; padding:0 10px;}
			 ul li .sub-liten{ display:none;padding:0 0 10px 0; margin:0 0 10px 0;}
			 ul li a{ color:#FFF;font-size:12px; opacity:0.8; display:block;  margin: 0 0 6px;}
			 ul li a:hover{ color:#FFF; text-decoration:none;opacity:1; }
}


.copyright{ bottom:0; left:0; position:absolute; width:330px; height:80px; overflow:hidden;
	.gu-link{ margin:0 auto; width:135px; height:23px;}
	.gu-link a{ display:inline-block; float:left; margin:0 5px;}
	.gu-link a:hover{ opacity:0.7;}
	.copyright-txt{ font-size:11px; color:#747373; text-align:center; padding:13px 0 0 0;}
}


/*web-layout-end*/

/*index*/

.index-adbanner{ height:100%; overflow:hidden;
	li{ height:50%; overflow:hidden; float:left;}
	li:hover .adbanner-txt{ opacity:1;-webkit-transition:All 0.70s ease; -moz-transition:All 0.7s ease; -o-transition:All 0.7s ease;}
/*	.adimg1{ width:700px;}
	.adimg2{ width:260px;}
	.adimg3{ width:210px;}
	.adimg4{ width:490px;}
	.adimg5{ width:260px;}*/
	
	.adbanner-txt{ opacity:0; display:block; width:100%; height:100%; vertical-align:middle; text-align:center; text-decoration:none;}
	.adbanner-txt .adtxt{ display:inline-block; vertical-align:middle; padding:0 10%; width:80%; font-size:116%; color:#FFF; 
	                 font-weight:bold; text-decoration:none;}
	.adbanner-txt{ background:url(../images/layout/hover_bk.png);}
	.txt-center{ height:100%; width:0; vertical-align:middle; display:inline-block;}
}

/*designer-dn*/
.designer-dn{ padding:85px 0 0 0;
	.dn-page-title{.txt-hiden; width:205px; height:22px; margin:0 auto;}
	.homa-info{ padding:41px 0 0 0; width:800px; margin:0 auto; height:405px;}
	.homa-photo{ float:left; width:290px; display:inline-block;}
	.homa-dn-txt{ width:480px; float:left; display:inline-block; color:#333;padding: 0 0 0 15px; font-size:13px; line-height: 22px;}
	.homa-info2{ height:826px;}
	.homa-txt2{ width:800px-415px; margin:0 auto; padding:120px 0 0 415px; width:335px; text-align:justify;  color: #333; line-height: 22px; font-size:13px;}
	.homa-info2-title{.txt-hiden;width:86px; height:68px; margin:0 0 30px 0;}
	.homa-info3-title{width:100%; height:371px;}
	.homa-info3-title-txt{ max-width:800px; min-width:600px; height:100%; margin:0 auto; position:relative;}
	.homa-info3-title-txt h2{.txt-hiden; margin:0; padding:0; position:absolute; top:38%; left:0; width:200px; height:78px;}
	.homa-info3-txt{ width:100%; height:560px;}
	.homa-info3-con{ width:800px; margin:0 auto; padding:35px 0 0 0;}
	.homa-info3-left,.homa-info3-right{ width:380px;text-align:justify;  font-size:13px;}
	.homa-info3-left{ float:left;padding: 0 25px 0 0; line-height:31px; color: #333;}
	.homa-info3-right{ float: left; line-height:17px; color:#7b7b7b;}
}

/*brand-dn*/
.brand-dn{ padding:85px 0 0 0; min-width:500px;
	.brand-txt-img{ margin:0 0 35px 0; text-align:center;}
	.bd-page-title{.txt-hiden;width:379px; height:25px; margin:0 auto;}
	.brand-con{ margin:40px auto 0 auto; width:85%; font-size:13px; line-height:24px; padding:0 0 50px 0;}
	.br-txt-b{ font-size:15px; font-weight:bold; color:#aa2e21; margin:0 0 10px 0;}
	.brand-txt-img img{ width:100%;}
}

/*news*/
#newsad1{ width:33%;}
#newsad2{ width:33%;}
#newsad3{ width:34%;}
.news-adbanner{ height:100%; overflow:hidden; float:left;
	li{overflow:hidden; float:left;}
	li:hover .adbanner-txt{ opacity:1;-webkit-transition:All 0.70s ease; -moz-transition:All 0.7s ease; -o-transition:All 0.7s ease;}
	.adimg1{height:33%;}
	.adimg2{height:33%;}
	.adimg3{height:34%;}
	.adimg4{height:66%;}
	.adimg5{height:34%;}
	.adimg6{height:50%;}
	.adimg7{height:50%;}
	
	.adbanner-txt{ opacity:0; display:block; width:100%; height:100%; vertical-align:middle; text-align:center; text-decoration:none;}
	.adbanner-txt .adtxt{ display:inline-block; vertical-align:middle; padding:0 10%; width:80%; font-size:116%; color:#FFF; 
	                 font-weight:bold; text-decoration:none;}
	.adbanner-txt{ background:url(../images/layout/hover_bk.png);}
	.txt-center{ height:100%; width:0; vertical-align:middle; display:inline-block;}
}

#sw-prebut{ left:3%;}
#sw-prebut:hover{opacity:1;}
#sw-nextbut{ right:3%;}
#sw-nextbut:hover{opacity:1;}
#sw-prebut,#sw-nextbut{ .txt-hiden; display:inline-block; width:79px; height:79px; position:absolute; bottom:3%; opacity:0.5;
-webkit-transition:All 0.70s ease; -moz-transition:All 0.7s ease; -o-transition:All 0.7s ease;
}

/*news-article-con*/

.news-article-con{ padding:60px 0 0 0; max-width:815px; min-width:500px; margin:0 7%; position:relative;
					.article-title{ padding: 22px 0 0 15px; font-size:130%; height:29px; overflow:hidden; color:#333;}
					.article-sub{ padding:12px 0 0 10px; height:60px; overflow:hidden;}
					.article-date{ display:inline-block; width:165px;color:#666; float:left; font-weight:bold;}
					.article-date .ad-label{ display:inline-block; font-size:11px; background:#307d86; 
											   color:#FFF; padding:2px 5px; margin:0 15px 0 0; }
					.addthis_toolbox{ display:inline-block; width:180px; float:left; font-size:0;}
					.article-htmledit{ width:97%; margin:0 auto; padding:0 0 100px 0;}
					.article-htmledit img{ max-width:70%; min-width:50%; height:auto;}
					.backnews-list a{ .txt-hiden; width:25px; height:37px; display:block; position:absolute; top:25px; right:0;}
					
}

.storemap{ width:100%; height:100%;}

/*bridal-block*/

.bridal-block #page-content{ background:#f7f6f4;
	.product-photo{height:100%; height:95%;  position:relative; left:14%;}
	.product-photo img{ height:100%;}
	.pr-brief{ position:absolute;  top: 43%; left: 69%;  width: 200px;}
	
	.pr-idnu{ width:155px; position:relative; height:40px;}
	.pr-idnu .prbut{ left:0; }
	.pr-idnu .nextbut{  right:0;}
	.pr-idnu .prbut,.pr-idnu .nextbut{.txt-hiden; width:20px; height:24px; display:inline-block;top:0;position:absolute;}
	.pr-idnu .prid{ font-family:Tahoma; color:#5aacb6; font-size:72px; display:inline-block;  line-height: 15px; margin: 0 0 0 35px;}
	.pr-brief .prbf-title{ margin:0; font-size:19px; font-weight:normal; color:#757575;   padding: 21px 0 15px; margin:0;
							height:23px; overflow:hidden;}
	.pr-subiten{ position:relative;}
	.addthis_toolbox{ width:70px; height:21px; overflow:hidden; position:absolute; top:0; left:100px; display:none;
					   .stButton{ margin:0;}
					 }
	.go-details,.pr-share-but{ display:inline-block; background:#5aacb6; color:#FFF; margin:0 10px 0 0; 
								 font-size:12px; font-weight:bold; text-decoration:none; line-height:21px;
								 width:40px; overflow:hidden; text-align:center;}
	.go-details:hover,.pr-share-but:hover{ background:#307d86;}
	

}

.bridal-article-block{background:#edf2f3;
	.pr-idnu{ display:inline-block;   height: 35px;}
	.pr-idnu .prid{ font-family:Tahoma; color:#5aacb6; font-size:72px; display:inline-block;  line-height: 15px; width:100px; }
	.prbf-title{ margin:0; font-size:19px; font-weight:normal; color:#757575;    margin: 21px 0 0; height:23px; overflow:hidden;}
	.details-photo{ width:52%;/*500px*/ height:100%;}
	.details-title{  left: 58%;position: absolute;top: 13%;width: 300px;}
	.go-back{ display:inline-block; background:#5aacb6; color:#FFF; margin:0 0 0 0; 
								 font-size:12px; font-weight:bold; text-decoration:none; line-height:21px;
								 width:40px; overflow:hidden; text-align:center;}
	.go-back:hover{ background:#307d86;}
	.prinfo{ font-size:12px; margin: 10px 0 0; overflow:hidden;   line-height: 23px; color:#666;}
	
	.pr-photolist{ top:35%; left:58%; position:absolute; width:200px;}
	.pr-photolist li{ display:inline-block;   margin: 0 15px 2% 0; float:left;}
	.pr-photolist li a{ display:inline-block; border:3px solid #edf2f3; width:160px; height:80px; overflow:hidden;}
	.pr-photolist li a:hover{ border:3px solid #97d6de; opacity:0.8;}
}

.store-addinfo{ position:absolute; right:0; bottom:5%; width:300px; height:60px; background:#272827;
				 color:#FFF; padding: 20px; overflow:hidden; z-index:9999;
			.se-img{ float:left;} 
			.store-infolist{ float:left; margin:0 0 0 20px; width:220px; overflow:hidden;}
			.store_name{ font-size:13px; font-weight:bold; margin:0 0 5px 0;}
			.store_add{ font-size:12px; height:20px; overflow:hidden;}
			.store_tel{ font-size:12px;height:20px; overflow:hidden;}
}

.storemapurl{ display:block; width:100%; height:100%;}