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

@import url("reset.css");
/* =================================  DeskTop First 桌機版型區 =============================== */
body{ background:url(../images/bgrepect.jpg); font-family:Arial, "微軟正黑體"; font-size:0.9em;}
body#page1 .header .main li:nth-child(1) a,
body#page2 .header .main li:nth-child(2) a,
body#page3 .header .main li:nth-child(3) a,
{color:#fff;}
body, html{ height:100%; }
/*-header-*/
.header{ position:absolute; z-index:999; width:100%;}
.header h1{ position:absolute; left:0px; top:0px; z-index:998;}
.header h1 a{ display:block; width:150px; height:60px; background:url(../images/logo-b.png); text-indent:-9999px;}
.header .main{ position:fixed; width:100%; left:0; top:0; height:60px; background:#FFF 50% 0; opacity:0.8;}
.header .main ul{ padding:0 50px; width:720px; margin:0 auto;}
.header .main li{ float:left;}
.header .main li a{ display:block; width:120px; height:60px; line-height:60px; color:#060; font-weight:bolder; text-decoration:none; font-size:15px; text-align:center;}
.header .main li a:hover{ background: #900; color:#FFFFFF;}
.header .narrow{ display:none;}
/*-index-*/
.index{display:block; text-align:center;padding-bottom:0px; padding-top:60px;}
.indexmobile {display:none;}
.movie{
	margin:10px 13%;
	width: 74%;;
	height:auto;
	position: relative;
	background-color: #333;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
    padding-bottom: 56.25%;
    padding-top: 30px;   
}
.movie iframe, object, embed{
	position: absolute;
    top: 0; 
	left: 0;
    width: 100%; 
	height: 100%;
}
/*google map*/
#map-canvas {min-width:75%; min-height:400px;}
.store-map{ height:auto; background:url(../images/box-bg.jpg) #FFF 0 0 repeat-x; padding:15px; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #999; border-bottom:1px solid #999; position:relative;} 

/*-agents-*/
.agentstop { width:100%; margin:0px auto; padding-top:80px; border-bottom:none; overflow:hidden;}
.agentstop h1{ padding:6px 15%; line-height:22px; font-size:20px;  background:#FFF; color:#930;}
.agents { width:100%; margin:0 auto; padding-bottom:20px; padding-top:0px;}
.agents h2{ padding:4px 15%; font-size:14px; line-height:21px; font-weight:normal; background:#EFE;}
.agents h3{ padding:4px 15%; font-size:14px; line-height:21px; font-weight:normal; background:#EFE;}
.agents h4{ padding:0px 15%; font-size:12px; line-height:21px; font-weight:normal; color:#333;}
.agents h4 a{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #469df5;
	padding:4px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #4197ee) );
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #287ace;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	-moz-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	box-shadow:inset 1px 1px 0px 0px #cae3fc;}
.agents h4 a:hover{ 
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) );
	background-color:#4197ee;}
.agents h4 a:active {	
	position:relative;
	top:1px;}
.agents ul li {  margin:5px; padding-left:15%; width:800px; min-height:400px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.agents ul li a{ display:block; width:800px; height: overflow:hidden; position:relative; text-decoration:none; }
.agents ul li a img{  display:block; width:96%; border:1% solid #666; padding:20px; background:#FFF;}

/*-agentsv-*/
.agentsv { padding-bottom:8%;}
.agentsvtop { width:100%; margin:0px auto; padding-top:80px; border-bottom:none; overflow:hidden;}
.agentsvtop h1{ padding:8px 150px; line-height:22px; font-size:22px;  background:#FFF;}
.agentsv h4 { padding:8px 150px; font-size:16px; line-height:24px; font-weight:normal; background:#afff9a;}
.agentsv .location-search { padding:0px 150px;}
.agentsv .location-search .select-location { padding:0px 5px; margin:3px 0;}
.agentsv .location-search .store-search { padding:0px 5px; margin:3px 0; margin:10px 0;}
.agentsv .btn-search{ margin:2px 0; padding:0; background:url(../images/btn-search.jpg); width:81px; height:23px; border:1px solid #ea5633; border-radius:4px; text-indent:-9999px; cursor:pointer;}

.agentsv .table-striped>tbody>tr:nth-child(odd)>td { background:#fff;}
.agentsv .table>tbody>tr>td{ padding:8px; line-height:1.428571429; vertical-align:top; border-top:1px solid #ddd;}
.agentsv .table>tbody>tr>td>a{ text-decoration : none; color:#09F; }
.agentsv .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color:#ddd;}
.agentsv .table>thead>tr>th{ padding:5px 0px; border-bottom:2px solid #ea5633; background-image:url(../images/agentbgtop.jpg);}
.agentsv .table>tbody{ border-bottom:2px solid #ccc;}
.agentsv .table{ width:80%; margin-bottom:0px; margin:0% 10%; background:#CCC;}
.agentsv .page { 
width:100%;
float:right;
}
.agentsv .page>ul>li>a.now {
color: #333;
font-weight: bold;
text-decoration:none;
}
.agentsv .page>ul>li>a {
color:#06F;
font-weight: normal;
text-decoration:none;
}
.pagein>li>a:hover, .pagein>li>span:hover, .pagein>li>a:focus, .pagein>li>span:focus {
background-color: #eee;
}
.pagein>li>a, .pagein>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.agentsv .pagein {
display: block;
padding-left: 70%;
margin: 20px 0;
border-radius: 4px;
}
/*-service-*/
.service { width:700px; margin:0 auto; padding-bottom:40px; padding-top:80px; float:none;}
.service .hruse { display:block; width:100%; height:1px; background-color:#CCC;}
.service .private{
font-size: 14px;
color: #900;
letter-spacing: 2pt;
font-family: "新細明體";
font-weight: normal;
line-height: 30px;
border-bottom:2px solid #000000;
text-align: left;
width: 90%;
height: 200px;
overflow: auto;
padding:2% 5%;
display: block;
background-color:#EFE;
clear: both;}
.service .reddot {font-size:12px; color:#F00; font-weight:normal; padding-right:2px; padding-left:4px;}
.service h8{ display:block; width:1000px; height:25px; background-image:url(../images/agentbgtop.jpg); }
.service h2{ display:block; width:700px; height:24px; background-color:#FFFFFF; }
.service h2 .chi{ display:block;  width:350px; font-size:18px; color:#CC0000; margin:0px auto 0px auto;}
.service h2 .inword {display:block; font-size:14px; color:#000000; margin:0px auto 0px auto;}
.service h3{ display:block; width:700px; height:14px; background-color:#006836;}
.service h3 hr{ border:0px; border-bottom: 2px dashed #ccc; float:none;}
.service h4{ display:block; width:700px; height:22px; background-color:#FFC; border-top:thick #CCC; font-size:14px; color:#222; font-weight:normal;}
.service h5{ display:block; width:700px; height:22px; background-color:#DBEEFD; border-top:thick #CCC; font-size:14px; color:#222; font-weight:normal;}
.service h6 { display:block; width:700px; height:22px; background-color:#FFF; border-top:thick #CCC; font-size:14px; color:#222; font-weight:normal; border-bottom:#CCC  thick;}
.service h7{ display:block; width:100%; height:100%; line-height:22px; background-color:#FFC; border-top:thick #CCC; font-size:14px; color:#222; font-weight:normal;}
.service h8{ display:block; width:100%; height:100%; background-image:url(../images/agentbgtop.jpg); }
/*-container-*/
.container{ width:1000px; margin:0 auto; padding-bottom:40px; padding-top:20px;}
.container h2{ display:block; background:url(../images/slogan.png) no-repeat 50% 0; height:70px; margin:40px 0 0 0; text-indent:-9999px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.container h5{ display:block; background:url(../images/slogan2.png) no-repeat 50% 0; height:140px; margin:10px 0 10px 0; text-indent:-9999px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.container ul{ overflow:auto;}
.container li{ float:left; margin:5px; width:320px; height:250px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.container li a{ display:block; width:320px; height:250px; background:#1b1b1b; overflow:hidden; position:relative; text-decoration:none; }
/*.container li a:hover{ background:url(../images/link-icon.png) no-repeat 50% 50% #1b1b1b; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.container li a:hover img{ opacity:.2; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}*/
.container li a img{ display:block; width:100%;}
.container li a h3{ display:block; position:absolute; left:0; bottom:0; background:url(../images/container-triangular.png) no-repeat 100% 0; padding-right:40px; color:#fff; font-size:13px; font-weight:normal;}
.container li a h3 b{ display:block; background:#28b0b7; padding:0 10px; height:40px; line-height:40px;}

.container li a iframe{ width:320px; height:210px;}

/*-footer-*/
.footer{ clear:both; position:fixed; left:0; bottom:0; font-size:13px; color:#fff; width:100%; text-align:center; background:#000; line-height:30px; opacity:.8;}
.footer a{ color:#666; text-decoration:none; font-size:12px;}
.footer a:hover{ text-decoration:underline;}
.footer span b{ font-size:12px; font-weight:normal; color:#999;}

/*-sub-*/
.sub{ position:fixed; right:0; top:0; bottom:0;  margin:auto; width:80px; padding-top:40px; background:url(../images/sub-triangular.png) no-repeat 0 0; z-index:88;}
.sub ul{ padding-bottom:40px; background:url(../images/sub-triangular.png) no-repeat 0 100%;  border-top:#1ca0a7 solid 1px;}
.sub li{ border-bottom:#1ca0a7 solid 1px; background:#fff;}
.sub li a{ display:block; font-size:13px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; padding:20px 10px; width:60px; background:url(../images/lattice.jpg);-webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.sub li a:hover, .sub li a.active{background: url(../images/flowre.png); color:#26a3a9;-webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.subMb{ display:none;}

/*-wheel container-*/
.wheel-container{ position:absolute; width:100%; height:100%; left:0; top:0;}
.wheel{ height:100%; position:relative; overflow:hidden;}
.wheel nav{ display:block; width:1000px; height:92%; margin:0 auto ; padding-top:5%; padding-bottom:30px; position:relative;}

/*-concept-*/
.thumb{ position:absolute; width:620px; height:450px; right:0; top:0; bottom:0; margin:auto;}
.thumb h3{ display:block; margin-bottom:20px;}
.thumb li{ overflow:auto; float:left; margin:10px 0; width:300px;}
.thumb li a{ display:block; width:100px; height:100px; position:relative; overflow:hidden; border-radius:50px; -webkit-border-radius:50px; float:left;}
.thumb li a img{ position:absolute; left:-100%; right:-100%; top:0; bottom:0; margin:auto; height:100px;}
.thumb li a:hover img{ opacity:.3;}
.thumb li a:hover{ background:url(../images/thumb-icon.png) no-repeat 50% 50% #000;-webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.thumb li span{ display:block; float:left; font-size:20px; color:#39b6ba; line-height:100px; margin-left:10px;}
.inline{ display:none;}
.inline img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.phone{ display:none;}

/*-activity-*/
.masonry { width:90%; margin:0 auto; padding-top:7%; padding-bottom:50px;}
.masonry .item { float:left;}
.item, .grid-sizer { width:25%; height:auto;}
.item { border: none; background: transparent; }
.item-content { width: 100%; height: 100%;
-webkit-transition: width 0.4s, height 0.4s;
   -moz-transition: width 0.4s, height 0.4s;
	 -o-transition: width 0.4s, height 0.4s;
		transition: width 0.4s, height 0.4s;
}
.item-content dl{ display:block; background:#fff; margin:10px; border-bottom:#000 solid 1px;}
.item-content dl a{ display:block; text-decoration:none; padding:10px;}
.item-content dl a:hover{  background: url(../images/link-icon.png) no-repeat 50% 50% #000;-webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.item-content dl dt{ display:block; margin-bottom:5px;}
.item-content dl dt img{ width:100%; height:auto;}
.item-content dl dd h5{ display:block; font-size:15px; color:#28b0b7; margin-bottom:5px; line-height:20px; font-weight:normal;}
.item-content dl dd h5 span{ font-size:12px; color:#999;}
.item-content dl dd p{ display:block; color:#666; font-size:15px; line-height:20px;}

.item-content dl a:hover dt img, .item-content dl a:hover dd{ opacity:.3;}

.item.is-expanded { width: 60%;}
.item.is-expanded { z-index: 2;}
.item.is-expanded .item-content { background: #F90;}
#animate-item-size-responsive .item.is-expanded { width: 60%;}

.activity .item-content dl{ background:#28b0b7;}
.activity .item-content dl dd h5{ color:#fff;}
.activity .item-content dl dd h5 span{ color:#d2fafc;}
.activity .item-content dl dd p{ color:#d2fafc; word-break:break-all;}

.w1{ width:50%;}

.info{ width:980px; margin:0 auto; padding:10px; padding-bottom:50px;padding-top:7%;}
.info img{ max-width:100% !important; max-height:100% !important;}
.info .title{ margin-bottom:10px;}
.info .title h5{ display:block; font-size:20px; color:#28b0b7; line-height:30px; font-weight:normal; margin-bottom:5px;}
.info .title span{ font-size:13px; color:#d2fafc; line-height:20px;}
.info .txt{ font-size:15px; color:#fff; line-height:23px; padding:10px;}
.info .txt a{ color:#d2fafc;}
.info .back a{ display:block; width:80px; height:40px; margin:10px auto; background: url(../images/container-triangular.png) no-repeat 0 50% #fff; padding:0 35px; line-height:40px; color:#28b0b7; text-decoration:none; font-size:15px; text-align:center;}
.info .back a:hover{ background:#28b0b7; color:#fff;}
.info .fbinfo{ width:100%;}

/*- 701 and 1000-*/
@media(min-width:701px) and (max-width:1000px) {
	/*-header-*/
	.header{ position: relative; background: url(../images/flowre.png);}
	.header h1{ position:relative; left:0px; top:0; background:url(../images/white-gradient.png);}
	.header h1 a{ width:100%; background:url(../images/logo-b.png) no-repeat 10px 0; }
	.header .other{ top:10px;-webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
	.header .main{ position:relative; background:url(../images/flowre.png) #fff;}
	.header .main ul{ width:100%; height:50px; padding:0; background:#fff;}
	.header .main li{ width:16.666666%;}
	.header .main li a{ width:auto;}
	/*-index-*/
	.index{display:block; text-align:center; width:100%;}
	.index img{ width:100%;}
	/*-agents-*/
	.agentstop { padding-top:20px;}
	.agentstop h1{ padding:6px 5%;}
	.agents { width:100%; margin:0 auto; padding-bottom:40px; padding-top:0px;}
	.agents h2{ padding:4px 5%;}
	.agents h3{ padding:4px 5%;}
	.agents h4{ padding:4px 5%;}
	.agents ul li{ width:90%; padding-left:5%;  margin:0.5%; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
	.agents ul li a{ width:90%;}
	.agents ul li a img{ width:90%; height:90%;}
	.agentsvtop { padding-top:30px;}
	/*-service-*/
	.service { width:700px; margin:0 auto; padding-bottom:40px; padding-top:15px;}
	
	
	/*-concept-*/
	.md{ display:none;}
	.thumb{ left:10%; right:10%; width:80%; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
	.thumb li{ width:28%; margin:1%;}
	.thumb li a{ width:100%; height:150px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; float:none; border-radius:10px; -webkit-border-radius:10px;}
	.thumb li a img{ width:auto; height:auto;}
	.thumb li span{ width:100% !important; font-size:15px; width:150px; float:none; text-align:center; margin:0; line-height:50px;}
	
	/*-activity-*/
	.masonry{ width:100%; padding-top:1%;}
	.item, .grid-sizer{ width:33.33333%;}
	.info{ width:98%; padding:1%;}
	
	.w1{ width:66.66666%;}
	
}
/* =================================  手機版型區 =============================== */
/*- 640-*/
@media screen and (max-width: 640px) {
	/*-header-*/
	.header{ position: relative; background: url(../images/flowre.png);}
	.header h1{ position:relative; left:0px; top:0; background:url(../images/white-gradient.png);}
	.header h1 a{ width:100%; background:url(../images/logo-b.png) no-repeat 10px 0; }
	.header .other{ top:10px;}
	.header .narrow{ display:block; width:100%;}
	
	.header .main{ display:none;}
	.header .mainMb{ display:block;}
	.header .mainMb ul{ display:none;}
	.header .mainMb li a{display:block; color:#666; font-weight:bold; text-decoration:none; font-size:15px; line-height:40px; background:#fff; opacity:.95; padding:0 10px;}
	.header .mainMb li a:hover{background:#033; color:#fff;}
	.button{ height:40px; background:#fff; position:relative; text-align:center; line-height:40px; font-size:15px; color:#999; border-bottom:#eee solid 1px;}
	.button a{ position:absolute; width:40px; height:40px; background:url(../images/icon.png) no-repeat 100% 0; text-indent:-9999px;}
	.button a.mainBtn{ left:0;}
	.button a.subBtn{ right:0;}
	.button a.active{  background-position:100% 100%;  background-color:#033;}
	/*-index-*/
	.index{display:none;}
	.indexmobile {display:block; text-align:center; width:100%;}
	.indexmobile img {width:100%;}

/*-agents-*/
	.agentstop { width:100%; margin:0px auto;  padding-top:10px; border-bottom:none; }
	.agentstop h1{ padding:5px 10px; line-height:22px; font-size:20px; background:#FFF; color:#930;}
	.agents h2{ padding:4px 10px; font-size:14px; line-height:21px; font-weight:normal; background:#EFE;}
	.agents h3{ padding:4px 10px; font-size:14px; line-height:21px; font-weight:normal; background:#EFE;}
	.agents h4{ padding:4px 10px;}
	.agents ul li{  margin:5px; padding:0; width:100%; height:100%; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
	.agents ul li a{ display:block; width:100%; height:100%;  overflow:hidden; position:relative; text-decoration:none; }
	.agents ul li a img{  display:block; width:92%; border:1% solid #666; padding:1%; background:#FFF;}
	
	/*-agentsv-*/
	.agentsvtop { width:100%; margin:0px auto; padding-top:10px; border-bottom:none;}
	.agentsvtop h1{ padding:5px 10px 3px 10px; line-height:22px; font-size:22px;  background:#FFF;}
	.agentsv h4 {padding:8px 10px 3px 10px; font-size:16px; line-height:24px; font-weight:normal; background:#EFE;}
	.agentsv .location-search { padding:0px 5px;}
	.agentsv .table{ width:96%; margin-bottom:0px; margin:0% 2%; background:#CCC;}
	.agentsv .pagein {padding-left: 5%; padding-bottom:100px;}

	/*-service-*/
	.service { width:100%;  margin:0 auto; padding-bottom:40px; padding-top:20px;}
	.service .private{ width:98%; height:200px; padding:0 1%; }
	.service .reddot {font-size:12px; color:#F00; font-weight:normal; padding-right:2px; padding-left:4px;}
	.service h2{ display:block; width:100%; min-height:24px;  height:100%; ; background-color:#FFFFFF; }
	.service h2 .chi{ display:block;  font-size:18px; color:#CC0000;}
	/*.service h3{ display:block; width:100%;  height:2px; background-color:#FFC; border-bottom: inset #CCC; border-top:groove #CCC;}*/
	.service h3{ display:block;  width:100%; height:14px; background-color:#1b7e00;}
	.service h3 hr{ border:0px; border-bottom: 2px dashed #ccc;}
	.service h2 .inword {display:block; font-size:12px; color:#000000; margin:0px auto 0px auto;}
	.service h4{ display:block; width:100%; height:100%; background-color:#FFC; border-top:thick #CCC; font-size:12px; color:#222; font-weight:normal;}
	.service h5{ display:block; width:100%; min-height:22px; height:100%; background-color:#DBEEFD; border-top:thick #CCC; font-size:12px; color:#222; font-weight:normal;}
	.service h6 { width:100%; height:100%; }
	/*-container-*/
	.index{ width:100%;}
	.index h2{ background-position:50% 100%; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; margin:10px 0;}
	.index h5{ background-position:50% 100%; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; margin:10px 0;}
	.index li{ float:none; width:96%; height:250px; margin:2%; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
	.index li a{ width:100%;}
	.index li a img{ min-width:320px;}

	
	/*-footer-*/

	.footer span{ display:none; }
	
	/*-wheel container-*/
	.wheel{ height:auto;}
	.wheel nav{ display:block;  width:100%; padding-top:130px;}
	.wheel nav.paddingTop{ padding-top:50px;-webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
	
}

/*----------------------------------------------------------fb share-------------------------------------------------------*/
/*-fbMain-*/
/*.fbMain li a{ width:180px !important;}
.fbpic{ padding-top:7%; padding-bottom:50px;}
.fbpic .masonry{ padding:0;}
.fbitem { float:left;}
.fbitem, .fb-grid-sizer { width:25%; height:auto;}
.fbitem { border: none; background: transparent; }
.fbitem-content { width: 100%; height: 100%;
-webkit-transition: width 0.4s, height 0.4s;
   -moz-transition: width 0.4s, height 0.4s;
	 -o-transition: width 0.4s, height 0.4s;
		transition: width 0.4s, height 0.4s;
}
.fbitem-content dl{ display:block; background:#fff; padding:10px; margin:10px;}
.fbitem-content dt{ display:block; border-bottom:#eee solid 1px; padding-bottom:10px; overflow:auto;}
.fbitem-content dt p, .fbitem-content dt span{float:left;}
.fbitem-content dt p a{ display:block; width:50px; height:50px; overflow:hidden;}
.fbitem-content dt p a img{ width:50px;}
.fbitem-content dt span a{ display:block; margin-left:10px; line-height:48px; font-size:15px; color:#3b5998; text-decoration:none; font-weight:bold; height:48px; overflow:hidden;}
.fbitem-content dt span a:hover{ text-decoration:underline;}
.fbitem-content div{ clear:both; padding:10px 0; font-size:15px; color:#666; line-height:22px;}
.fbitem-content dd{}
.fbitem-content dd a img{ display:block; width:100%;}

.fbitem-content nav{ display:block; background:#28b0b7; padding:10px; margin:10px;}

.upload{ display:none;}
.upload h5{ display:block; border-bottom:#fff solid 1px; font-size:15px; color:#fff; text-align:center; padding:0 0 20px 0; font-weight:bold;}
.upload form{ padding:10px 0;}
.upload form dl{ overflow:auto; padding:10px 0;}
.upload form dt, .upload form dd{ float:left;}
.upload form dt{ width:80px; font-size:15px; color:#fff; line-height:25px;}
.upload form dd input.text, .upload form dd textarea{ width:300px; padding:5px; border:#fff solid 1px; background:#111; color:#fff; font-size:15px; font-family:Arial, "微軟正黑體";}
.upload form dd textarea{ height:150px;}
.upload form p{ display:block; margin-left:80px; font-size:15px; color:#fff; padding:5px 0;}
.upload form p a{ color:#eee;}
.upload form p a.fblink{ display:block; background:#3b5998; border-radius:5px; text-align:center; text-decoration:none; padding:10px 0;}
.upload input.send{ display:block; background:#fff; border-radius:5px; text-align:center; cursor:pointer; border:none; width:100%; padding:10px 0; color:#28b0b7;}

.fbinfo nav h5{ font-size:15px; font-weight: bold; color:#fff; padding-bottom:10px; border-bottom:#fff solid 1px; text-align:center;}
.fbinfo .txt{ color:#fff; padding:10px 0;}
.myupload{ padding-top:10px; border-top:#fff solid 1px;}
.myupload a{ display:block; width:150px; height:50px; background:#fff; font-size:15px; text-align:center; line-height:50px; color:#28b0b7; text-decoration:none; margin:0 auto; border-radius:3px; font-weight:bold;}
.myupload a:hover{ background:#cffcfe;}

@media(min-width:701px) and (max-width:1250px) {
	/*-fbMain-*/
/*	.fbMain li{ width:25% !important;}
	.fbMain li a{ width:auto !important;}
	.fbpic .masonry{ padding:0;}
	.fbitem, .fb-grid-sizer{ width:33.33333%;}
}

@media(max-width:700px){
	.fbitem, .fb-grid-sizer{ width:100%;}
	.upload form dt, .upload form dd, .upload form dd input, .upload form dd textarea{ width:96% !important;}
	.upload form dd input, .upload form dd textarea{ padding:5px 0 !important;}
	.upload form p, .upload input.send{ margin-left:0; width:93%;}
}*/