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

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

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

/*system*/
body{ font-family:"微軟正黑體",Microsoft JhengHei,Arial, Helvetica, sans-serif; font-size:14px; color:#333;}
a{  color: #333; text-decoration:none;}
a:hover{  color:#d41919;}
.txt-hiden{ text-indent:-9999px; overflow:hidden;}
.a-hiden{ text-indent:-9999px; overflow:hidden; display:inline-block;}
.img-center{border: 0 none;display: inline-block; font-size: 0;height: 100%;line-height: 0; vertical-align: middle;width: 0;}
.img-container{border: 0 none;display: inline-block; font-size: 0;height: 100%;line-height: 0; vertical-align: middle;width: 0;}
.listimg img{ text-align:center; vertical-align:middle;}
/*system-end*/

/*web-layout*/
#creation-page{width:1200px; margin:0 auto;
	.page-top{ position:relative; padding: 25px 0 0 4px; height:134px;}
	.weblogo{ margin:0; width:215px; height:100px;}
	.weblogo a{.a-hiden;width:215px; height:100px;}
	.page_menus{ width:100%; display:inline-block; padding:0 0 0 20px; width:155px; float:left;}
	.page_menus li{ float:left; width:100%; font-size:16px; padding:0 0 15px 0;}
	.page_menus a{ display:block; float:left; margin:0 20px 0 0; letter-spacing: 1px; color:#666;}
	#page-content{ display:inline-block; width:100%; padding:20px 0;}
	.page-con{ display:inline-block; width:1200px; min-height:450px;}
	.facebook{.a-hiden; width:20px; height:20px; position:absolute; top:20px; right:32px;}
	.to-email{ .a-hiden; width:25px; height:20px; position:absolute;top:20px; right:0px;}
}
.page-copyright{ font-size:12px; padding: 15px 0; border-top:1px solid #bababa;}
.page-copyright .ct_con{ width:1200px; margin:0 auto; color:#5d5d5d;}
.web-design{ text-align:right;}
.web-close{ .a-hiden; width:22px; height:34px; position:absolute; right:-40px; top:0;}	
/*web-layout-end*/

/*index*/
.indexbanner{ float:right; width:1000px; height:285px; overflow:hidden;}
.index-txt{ .txt-hiden; display:inline-block; width:460px; height:60px;  margin: 62px 0 40px 25px;}

/*page-article*/
.page-article{ display:inline-block; float:left; width:1015px; padding: 0 0 40px; overflow:hidden; position:relative;
			  .page-title{.txt-hiden; height:32px; width:1000px; display:inline-block; margin: 0 0 15px; padding:0; border-bottom:1px solid #c7c7c7; position:relative;}
			  .page-ms-lsit{ display:inline-block; width:1000px; margin:0 0 15px 0;}
			  .page-ms-lsit li{ float:left; margin:0 10px 0 0; position:relative;}
			  .page-ms-lsit li a{ display:inline-block; padding:2px 10px; border:1px solid #d5d5d5; color:#7a7a7a;}
			  .page-ms-lsit li a:hover{ text-decoration:none;background:#6e2e2e; color:#FFF;border:1px solid #6e2e2e; }
			  .page-ms-lsit li .select{background:#6e2e2e; color:#FFF;border:1px solid #6e2e2e; font-weight:bold; }
			  .article-con{ min-height:300px;}
}

.weburl{ font-size:13px; padding:0 0 10px 0;}

/*formBox*/
#formBox{ padding:30px 0 0 120px; font-size:13px; width:450px; float:left;
	label {display: block; float: left; padding: 0 5px 0 0; text-align: right; width: 65px;}
	b{ color: #f00;font-weight: bold;}
	li{  display: inline-block;float: left; padding: 0 0 10px; width: 650px;}
	.myname{ float:left;}
	.mygender{ float:left;}
	.mycall{ float:left;}
	.myphone{ float:left;}
	.gender_m,.gender_w{ margin:0 5px 0 20px;}
	.myinfobox{ float:left; width:320px; height:100px;}
	.myinfocontent{ width:450px;}
	.boxtips{ display:inline-block; width:250px; padding:10px 0 10px 70px; color:#d41919;}
	.submitbut{ display:inline-block;   padding: 0 0 20px 70px; width:300px;}
	.fromsubmit{ background: none repeat scroll 0 0 #7e7d7e; border: 0 none;color: #ffffff;float: left; padding: 2px 10px;}
	.submitbut b{ margin: 0 0 0 20px;}
}

/*web-full-info*/

.web-full-info{ display:inline-block;   padding:30px 0 0 20px;
				
				.full-info-list{ padding:10px 0 0 0; font-size:13px; line-height:24px;}
	
}

/*ShowCase Display*/

.work-content{ width:1000px; overflow:hidden;
	.works-imglist {display: inline-block;left: 0; padding: 30px 0 0 5px; position: relative; top: 0; width: 1200px;}
	.works-imglist li {width:230px; height:260px; display: inline-block; float: left;}
	.infolist-ac { box-shadow: 0 0 3px #cacaca; display: inline-block;float: left;height: 210px;
				    overflow: hidden;position: relative;width: 230px; margin:5px; border:1px solid #cacaca;
					}
	.listimg {height: 130px;width: 230px; display: inline-block; float: left; overflow: hidden;text-align: center;}
	.listac-info { display: inline-block;float: left;padding: 10px 20px 0 20px;width: 190px;}
	.infolist-ac h3 { font-size: 13px;font-weight: bold; line-height: 25px; height: 1.65em; overflow: hidden; width: 100%; margin:0;}
	.new-iten{display: block;right: -3px; top: 6px; height: 18px;width:35px;overflow: hidden; position: absolute; text-indent: -9999px;}
	.toptxt{ font-size:9px; color:#c2c2c2; font-family:Arial;padding: 10px 0 0 20px;  height: 20px;}
}

.page-switch{display: inline-block; float: right; width:150px; padding:20px 0 0 0;
			  a{.a-hiden; width:51px; height:20px; margin:0 0 0 10px;}
			  .pre-page{ float:left;}
			  .next-page{ float:right;}
}

/*works-info*/
.works-info{  box-shadow: 0 0 4px #cacaca; border: 1px solid #cacaca;display: inline-block;
              position: relative; width: 900px;  margin: 10px 0 10px 35px;		  
}

.photo-showbox{ display:inline-block; float:left;width:560px;padding: 20px 0 0 20px;
				 .case-img-list{ float:left;}
				 .case-img-list li{ float:left;}
				 .case-img-list li a{ width:40px; height:30px; overflow:hidden;} 
				 .photo-img{ width:565px; height:370px; display:inline-block; overflow:hidden; text-align:center;}
				 .photo-img img{ vertical-align:middle;}
				 .case-img-menus{ padding:15px 0; display:inline-block; width:560px; height:40px; overflow:hidden;}
				 .page-s-but{ .a-hiden; display:inline-block; width:6px; height:21px; float:left;}
				 .page-prev{ margin:5px 10px 0 0;}
				 .page-next{ margin:5px 0 0 10px;}
				 
				 /*bx-wrapper*/
				 .bx-wrapper{ float:left;}			 
}

.photo-img img{ vertical-align:middle;}

.photo-txt-info{display:inline-block; float:left; width:275px;padding: 40px 0 0 25px;
				 .txt-title{ margin:0; font-size:15px; font-weight:bold; color:#FFF; background:#6c0000;
				     display:inline-block; padding:3px 10px;}
				 .sr-sub-link{ margin:10px 0; height:28px;}
				 .txt-info{ padding:0 0 20px 0; font-size:13px;}
}

/*product-block*/

.product-block{
	.page-title{  margin: 0 0 10px;}
	.page-ms-lsit{ margin:0 0 10px 0; border-bottom: 1px solid #c7c7c7; padding:0 0 10px 0;}
	.page-article .page-ms-lsit a{ border:0;    padding: 4px 11px;}
	.page-article .page-ms-lsit a:hover{ border:0;}
}

.page-ms-sub{ font-size:13px;
	        ul{ display:inline-block; padding:3px 0 3px 0; width:965px;}
			 li{padding:0 0 0 0; float:left; border-right:1px solid #999; margin:0 10px 0 0; padding:0 10px 0 0;}
			 li a{ display:inline-block; padding:0; border:0;padding: 4px 11px; }
			 li a:hover{background: none repeat scroll 0 0 #666;  color: #fff; text-decoration:none;}
			 .select{background: none repeat scroll 0 0 #666;  color: #fff; text-decoration:none; font-weight:bold;}
}

.product-lsit{ padding:15px 0 0 0; display:inline-block; width:1200px;
	li {width:255px; height:230px; display: inline-block; float: left; }
	.infolist-ac { box-shadow: 0 0 3px #cacaca; display: inline-block;float: left; padding:8px;
				    overflow: hidden;position: relative;height:195px;width: 220px; border:1px solid #cacaca;
					}
	.listimg {height: 165px;width: 220px; display: inline-block; float: left; overflow: hidden;text-align: center;}
	.listac-info { display: inline-block;float: left;padding: 5px;width:210px;}
	.infolist-ac h3 { font-size: 13px;font-weight: bold; line-height: 25px; height: 1.65em; overflow: hidden; width: 100%; margin:0;}
	.new-iten{display: block;  left: 0; top:20px; height: 18px;width:35px;overflow: hidden; position: absolute; text-indent: -9999px;}
	.toptxt{ font-size:9px; color:#c2c2c2; font-family:Arial;padding: 10px 0 0 20px;  height: 20px;}
}

.product-content{width:1000px; overflow:hidden;}
.product-info{box-shadow: 0 0 4px #cacaca; border: 1px solid #cacaca;display: inline-block;
              position: relative; width: 820px;  margin: 15px 0 15px 70px; 
}

.pr-photo-showbox{ display:inline-block; float:left;width:420px;padding: 20px 0 20px 20px;
				 .case-img-list{ float:left;}
				 .case-img-list li{ float:left;}
				 .case-img-list li a{ width:40px; height:30px; overflow:hidden;} 
				 .photo-img{ width:400px; height:300px; display:inline-block; overflow:hidden; padding:3px; border:1px solid #cacaca; text-align:center;}
				 .case-img-menus{ padding:15px 0; display:inline-block; width:560px; height:40px; overflow:hidden;}
				 .page-s-but{ .a-hiden; display:inline-block; width:6px; height:21px; float:left;}
				 .page-prev{ margin:5px 10px 0 0;}
				 .page-next{ margin:5px 0 0 10px;}
				 
				 /*sub*/
				 .product-img-list{ display:inline-block; padding:15px 0;}
				 .product-img-list img{text-align:center; vertical-align:middle;} 
				 .product-img-list li{width:65px; height:50px; float:left;padding:3px; 
				                      border:1px solid #cacaca; display:inline-block;  margin: 0 11px 11px 0;}
				 .product-img-list li a{float:left;width:65px; height:50px; text-align:center; display:block;}
}

.pr-photo-txt-info{display:inline-block; float:left; width:340px;padding:23px 0 0 15px;
				 .txt-title{ margin:0; font-size:15px; font-weight:bold; color:#FFF; background:#6c0000;
				     display:inline-block; padding:3px 10px;}
				 .sr-sub-link{ margin:10px 0; height:28px;}
				 .txt-info{ padding:20px 0 20px 0; font-size:13px;}
}

/*loadfile*/
.loadfile-title{padding:0 0 20px 0;.txt-hiden; width:330px; height:14px;}
.loadfile-list{ padding:0 0 20px 0;
               li{ margin:0 0 8px 0;}
               a{padding:0 0 0 25px; width:295px; overflow:hidden; line-height:24px; display:block; overflow:hidden; height:21px;}
			   }
			   
/*FLASH EFF*/

.index-block{
	 #creation-page .weblogo{ position:relative;}
	 .page_menus{ position:relative;}
	 .indexbanner{ position:relative;}
	 .index-txt{ position:relative;}
}