@import url(https://fonts.googleapis.com/css?family=Carme);
/*  reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
.order_table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
img{
	margin:0px;
	padding:0px;
}
a{ text-decoration:none;}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
.ul{
	list-style:none;
}
.lileft li{
	float:left;
}
input,button{
	border:none;
	outline:none;
}
button,.cursor{
	cursor:pointer;
}
.user_edit ul,.user_edit ol{
	padding:0px 0px 0px 20px;
}
.inline_block{
	display: inline-block;
}
*{box-sizing:border-box;}
body{
	font-size:14px;
	color:#333;
	font-family: 'Carme','微軟正黑體',sans-serif;
	line-height:22px;
	width:100%; height:100%;
}

.logo {
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	font:0/0 serif \9;
	text-shadow:none \9;
	color:transparent \9;
	display:block;
	width:164px;
	height:38px;
	cursor:pointer;
	margin:17px 30px 0px 0px;
	background:url(../../images/elogo.png) top center no-repeat;
	float:left;
	
}
a{ text-decoration:none;}
.clearfix:after { /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom:1;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: #2da8cd;
}
.footer{ border-top:2px solid #ddd; width:100%; padding-top:30px; box-sizing:border-box; background:#FFF;}
.footer .ls li{ margin-right:50px; list-style:none; width:270px; float:left;}
.footer .ls li:last-child{ margin-right:0px;}
.ftitle{ line-height:30px; margin-bottom:10px; display:block; float:left; font-size:18px; font-weight:bold; color:#333; bo}
.line_bo{ border-bottom:1px solid #2da8cd; margin-bottom:15px;}
.footer .ls li .itemm{
	margin-bottom:10px;
	color:#555;
	display:block;
	line-height:32px;	
}
.lin_ef{ border-bottom:1px solid #efefef;}
.footer .ls{ margin-bottom:25px;}
.footer .ls li .itemm:hover,.left_fo a:hover,.right_fo a:hover{ color:#2da8cd;}
.footer .ls li .itemm img{ vertical-align:middle; margin-right:10px; }
.pad_lf30{ padding:0px 30px; box-sizing:border-box;}
.box_1240{ width:1240px;margin:0 auto;}
.box_1240r{ position:relative; width:1240px;margin:0 auto;}
.fleft {
    float: left;
}
.clearfix {
    zoom: 1;
}
a{ text-decoration:none;}
.clear {
    clear: both;
}
.footer .ls li .nes{ height:15px; line-height:15px; margin-bottom:25px;}
.more{ float:right; text-align:center;line-height:28px; border-radius:28px; display:block; font-size:14px; width:60px; height:28px; color:#888; border:2px solid #888;}
.more:hover{ background:#2da8cd; border:2px solid #2da8cd; color:#FFF;}
.gotop{ cursor:pointer; position:fixed; right:20px; top:50%; margin-top:145px; width:50px; z-index:10;height:50px; background:url(../../images/top.png) no-repeat;}
.gotop:hover{background:url(../../images/tops.png) no-repeat;}
.left_fo{ float:left; padding:25px 0px; box-sizing:border-box;}
.logo_f{ display:block; background:url(../../images/elogo.png) no-repeat; width:130px; height:32px; background-size:130px auto;}
.fb_f{ height:40px;background:url(../../images/index_9_03.jpg) no-repeat; padding-left:50px; box-sizing:border-box; }
.left_fo a{ display:block; float:left; color:#555;margin-right:30px;line-height:40px;}
.line_f{ height:40px;background:url(../../images/index_9_03-05.jpg) no-repeat; padding-left:50px; box-sizing:border-box;}
.blog_f{ height:40px;background:url(../../images/index_9_03-07.jpg) no-repeat; padding-left:50px; box-sizing:border-box;}
.right_fo a{ color:#555; display:inline-block;}
.right_fo{ float:right; padding-top:34px; box-sizing:border-box;}
.ft_bt{ color:#FFF; padding:10px 0px; font-size:13px; background:url(../../images/index_9_13.jpg);}
.itemm .date{ line-height:15px; float:left; padding-right:5px; margin-right:5px; box-sizing:border-box; border-right:5px solid #2da8cd;}
.itemm  p{ 
    line-height:15px;
	width:64%;
	float:left;
	-webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space : nowrap;
}
@media screen and (min-width: 481px) and (max-width: 630px) {
	.itemm  p{ width:30%;}
}
@media screen and (max-width: 480px) {
	.itemm  p{ width:20%;}
	.footer .ls li .itemm {height: 32px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin-bottom: 7px;}
}

@media screen and (max-width: 1240px) {
.footer{ width:1240px;}
}

@media screen and (max-width:980px){
.box_1240r {
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
}
.box_1240{ width:100%;}

.footer{ width:100%;}
.ftitle{ font-size:16px;}
.footer .ls li{ width:45%; margin-right:6%; position:relative;padding-bottom:50px;}
.footer .ls li .more{ display:block; position:absolute; bottom:20px;width:100%; font-size:10px;}
.footer .ls li:nth-child(2n-2){ margin-right:0px;}
.footer .ls li .itemm{ line-height:32px;}
/* .itemm p{ width:30%;}
 */
.left_fo .logo_f{ display:none;}
.left_fo{ padding:20px 0px 0px 0px; width:100%; text-align:center;}
.left_fo a{ float:none; margin-right:0px; width:32%; display:inline-block;}
.left_fo .fb_f{height:auto;
    background: url(../../images/index_9_03.jpg) top center no-repeat;
    padding-left:0px;
    padding-top: 35px;
    text-align: center;
    box-sizing: border-box;}
.left_fo .line_f{height:auto;
    background: url(../../images/index_9_03-05.jpg) top center no-repeat;
    padding-left:0px;
    padding-top: 35px;
    text-align: center;
    box-sizing: border-box;}
.left_fo .blog_f{height:auto;
    background: url(../../images/index_9_03-07.jpg) top center no-repeat;
    padding-left:0px;
    padding-top: 35px;
    text-align: center;
    box-sizing: border-box;}
.right_fo{ margin-bottom:20px; width:100%; text-align:center; padding-top:0px;}
.right_fo a{ font-size:13px; letter-spacing:0px;}

}



/**** 附近有什麼  ****/
.mess_btn,.mess_btn:hover,.process_box:hover,.process_box:hover,.like,.like:hover,.share21,.share21:hover,.phone35,.phone35:hover,.list77,.list77:hover,.pin71,.pin71:hover,.dr_s:hover,.dr_s,.star_sear button:hover,.star_sear button,.ringright:hover,.ringright,.gotop:hover,.gotop,.btn_play:hover,.btn_play,.arar .left_ar:hover,.arar .left_ar,.arar .right_ar:hover,.arar .right_ar,.more:hover,.more,.next_stp:hover,.next_stp,.ararea .right_ar:hover,.ararea .right_ar,.ararea .left_ar:hover,.ararea .left_ar,.dotdot:hover,.dotdot,.menu a:hover,.menu a,.cir:hover,.cir,.mem_btn:hover,.mem_btn,.search_area:hover,.search_area{
	-o-transition: background .30s linear;
	-webkit-transition: background .30s linear;
	-moz-transition: background .30s linear;
	transition:  background .30s linear;}
.ringright{ cursor:pointer; position:fixed; right:0px; z-index:10; top:50%; margin-top:-17px; background:url(../../images/clonear.png); background-size:99px auto; width:99px; height:150px;}
.ringright:hover{ background:url(../../images/clnear2.png); background-size:99px auto; width:99px; height:150px;}

@media screen and (max-width:980px){
.ringright,.ringright:hover{ background:url(../../images/right_mring.png) no-repeat; background-size:50px auto; width:50px; height:99px;}
}