body .content h3{color: #B28850;}
body .pagenavi a{color:#5A5A5A;}
body .pagenavi a:hover, body p.pagenavi a.afocus{color:#FF6600;}

table caption{color:#FF6600;}
table.t1 th{color:#B28850;}
table.t1 td p a{color:#5A5A5A;}

ul.tabs li.focus a{color:#FFF;background-color:#F60;}
.car table td{background-color:#F6F6F6;}
#all{background-color:#FFF;}
#images ul{background-color:#eeeeee;}
#top .member_btn{color:#FFE2BC;}
#member table th span, table.member th span{color:#F00;}
#member table td p.remark, table.member td p.remark{color:#F60;}
#blocks div.text{background-color: #F8F1E7;}
#cars .style{background-color:#FFF;}
#inews ul li a{color:#5A5A5A;}
#inews ul li a:hover{color:#DB4F58;}
#goods ul li p.price{color:#B28850;}
#iproject, #igoods{background-color: #F8F1E7;}
#iproject h3.title, #igoods h3.title, #project h3.title, #project_ct h3.title, #goods h3.title, #goods_ct h3.title, #news h3.title, #news_ct h3.title,
#blocks h2.title, #things h3.title, #things_ct h3.title, #volunteer h3.title, #volunteer_ct h3.title{
  color:#339900;
}
#project ul li, #goods ul li{background-color: #F8F1E7;}
#footer{background-color:#b7cf81;color: #fff;font-size: 14px;}
#footer, #footer a{}

#menu ul.lv_0 li a{ color:#FFF;}
#menu ul.lv_0 li:hover ul{display:block;}
#offering div table th{color:#B28850;}
#things h3{color:#B28850;}


/*override*/
#menu ul{background-color:#FF9900;}
#menu ul li a:hover, #menu ul li a:focus, #menu ul li a.focus{
  background-color:#B76D00;
}
#offering{font-size:15px;}
ul.tabs li a{
  color:#666;
  background-color:#EDEDED;
  font-size:22px;
  font-weight:bold;
  padding:7px;
}
#video h2.title{background:url(../images/icon_editfree.jpg) no-repeat;}
#video h3.title{color: #339900;font-size: 15px;}
#video li {
    border-bottom: 1px dashed #999999;
    margin-bottom: 15px;
    min-height: 200px;
    overflow: hidden;
    padding: 0 0 15px 340px;
    position: relative;
}
#video iframe{
  position: absolute;
  left: 0;
  width:320px;
  height:200px;
}
#search p.receipttip, #receipt p.receipttip{
  font-size:16px;
  color:blue;
  font-weight:bold;
  margin-bottom:15px;
}




body {
	font-size:16px;
	text-decoration: none;
  letter-spacing: 2px;
  background:url(../images/body_bg.png) repeat-x #f3f3f3 50% 0px fixed;
}
footer {background:#eb6079;color:#fff;}
#footer-box p a, #footer-box p a:active, #footer-box p a:focus { color: #fff; }

hr {opacity: 0.2;}
h3.block-list-title {
  font-size: 1.2em;
  font-weight: 300;
  color: #E25611;
}

#top-group {background: #ebe49c;height: 155px;}    

#news-block,
#project-block,
#offering-block,
#video-block {
  margin:15px 0;
  border-bottom:1px solid #EFE9D5; 
  height:200px;
  padding: 0 35px;
  position: relative; top: -40px;
}
.btn-more {
  position: absolute;
  top: 10px;
  right: 395px;
  font-size: 0.8em;
  padding: 2px 5px;
  background-color: #E6E6E6;
  border-radius: 6px;
  color: #333;
}
.btn-submit-group {
  text-align: center;
  margin: 20px 0;
}
.btn-submit-group input {
  font-size: 16px;
  margin: 0 5px;
    background-color: #BF8E38;
    color: #fff;
    padding: 5px 40px;
    border: 0;
}
.btn-submit-group input:hover,
.btn-submit-group input:focus {
    background-color: #942211;
 }   

#h-banner {
	position:relative; 
	top: 0;
	
    position: relative;
    width: 1150px;
    height: 380px;
    overflow: hidden;

}

/* 崔媽媽 主選單 */
.navi {
  position: absolute;
  top: 100px;
}
.ts-menu {
  display: inline-block;
  margin: 0 auto;
  list-style-type: none;
    position: relative;
    z-index: 99;
    top: 0;
}

.ts-menu a {
  display: block;
  margin: 0;
  padding: 15px 14px;
  color: #4E5A10;
  text-decoration: none;
  background-color: #ebe49c;
  font-size:1em;
  font-weight:600;
}

.ts-menu li {
  position: relative;
  float: left;
  margin: 0;
  border-left: 1px solid #eee;
  //-webkit-perspective: 200;
  //perspective: 200;
}

.ts-menu li:first-child { border-left: none; }

.ts-menu li:first-child a { padding-left:20px; }
.ts-menu li:last-child a { padding-right:19px; }

.ts-menu li.parent:before {
  content: '';
  z-index: 200;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -8px;
  margin-left: -20px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 20px 0 20px;
  border-color: #ebe49c transparent transparent transparent;
  //-webkit-transition: margin-top .1s ease-out;
  //transition: margin-top .1s ease-out;
}

.ts-menu li:hover > a,
.ts-menu li:focus > a {
  text-decoration: none;
  //color: #fff;
  background-color: #ebe49c;
}

.ts-menu li:hover:before,
.ts-menu li:focus:before {
  margin-top: 0;
  border-top-color: #ebe49c;
}

.ts-menu li:hover .children,
.ts-menu li:focus .children {
  //opacity: 1;
  //-webkit-transform: rotateX(0) translateZ(0);
  //transform: rotateX(0) translateZ(0);
  display: block;
}

.ts-menu .children {
  //opacity: 0;
  //-webkit-backface-visibility: hidden;
  //backface-visibility: hidden;
  //-webkit-transform: rotateX(-90deg);
  //transform: rotateX(-90deg);
  //-webkit-transform-style: preserve-3d;
  //transform-style: preserve-3d;
  //-webkit-transform-origin: top center;
  //-ms-transform-origin: top center;
  //transform-origin: top center;
  //-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s;
  //transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s;
    z-index: 100;
    list-style-type: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    padding: 10px 0;
    background-color: #FFFDBE;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    text-align: left;
    display: none;
}

.ts-menu .children li { float: none; border-left: 0; }

.ts-menu .children li:first-child a {
    padding-left: 14px;}

.ts-menu .children a { background-color: transparent; }

.ts-menu .children a:hover,
.ts-menu .children a:focus {
  color: #333;
  background-color: #FFDC37;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/*首頁區塊*/
.h-main {
  margin-top: 70px;
}

/*搬家公司評鑑申請表單*/
.note {
    margin-top: 30px;
    padding: 20px 30px;
    background-color: #FFFCE0;
    position: relative;
    border: 1px solid darkorange;
}
.note:before {
    content: "崔媽媽的叮嚀";
    display: block;
    position: absolute;
    top: -15px;
    left: 13px;
    width: 110px;
    background-color: darkorange;
    padding: 0 10px;
    color: #fff;
}  
#move-com-form,
#law_talk_form {
  border: 1px solid #aaa;
  margin-top: 20px;
  padding: 15px 70px; 
}
#move-com-form h3,
#law_talk_form h3 {
  font-size: 20px;
  text-align: center;
}
#move-com-form p,
#law_talk_form p {
  border-bottom: 1px dashed #aaa;
  line-height: 30px;
  padding: 20px 0 5px;
  display: block;
}
#move-com-form p label,
#law_talk_form p label {
  width: 300px;
}
#move-com-form > p > input,
#law_talk_form > p > input {
  font-size: 16px;
  color: #00A4F5;
  border: 0;
  background-color: #F7F7F7;
}
#move-com-form > p > input#address {
  width: 495px;
}
#move-com-form > div {
  margin: 15px 0;
  padding: 5px 0 10px;
  border-bottom: 1px dashed #aaa;
}
#law_talk_form > div {
  margin: 15px 0;
  padding: 5px 0 10px;
}
#move-com-form > div ul li {
  display: inline-block;
  line-height: 30px;
  border-bottom: 1px solid #aaa;
  margin-right: 17px;
}
#move-com-form > div ul li:last-child {
  margin-right: 0;
}
#move-com-form > div ul li input {
  width: 30px;
  border: none;
  background-color: #F7F7F7;
  color: #00A4F5;
}
#move-com-form > div:nth-of-type(2) {
  border: none;
  margin: 40px 0;
} 

/* 表單 行政區 */
#live_address {
  border-bottom: 1px dashed #aaa;
}
#live_address select {margin-right: 10px;}
/* 表單 必填加星號 */
.necessary:before {
    content: "*";
    display: block;
    color: #f00;
    position: absolute;
    left: 60px;
}

#top-group a{
  text-decoration:none;
}
/*頁頭 登入會員icon*/
.icon-login {
    color: #fff;
    background: #e67e22;
    z-index: 90;
    font-size: 22px;
    padding: 5px 9px;
}
.icon-login:before {
    font-family: 'fontawesome';
    content: "\f0ca";	/*f007*/
}
/*頁頭 登出會員icon*/
.icon-signout {
    color: #fff;
    background: #e67e22;
    z-index: 90;
    font-size: 22px;
    padding: 5px 5px 5px 9px;
}
.icon-signout:before {
    font-family: 'fontawesome';
    content: "\f08b";
}

/*頁頭 聯絡我們icon*/
.icon-contact {
    color: #fff;
    background: #e67e22;
    z-index: 90;
    font-size: 22px;
    padding: 5px 6px;   
}
.icon-contact:before {
    font-family: 'fontawesome';
    content: "\f003";
}

/*頁頭 會員註冊icon*/
.icon-register {
    color: #fff;
    background: #e67e22;
    z-index: 90;
    font-size: 22px;
    padding: 5px 5px 5px 9px;
}
.icon-register:before {
    font-family: 'fontawesome';
    content: "\f02d";	/*f234*/
}

/*頁頭 會員修改icon*/
.icon-memberedit {
    color: #fff;
    background: #e67e22;
    z-index: 90;
    font-size: 22px;
    padding: 5px 5px 5px 9px;
}
.icon-memberedit:before {
    font-family: 'fontawesome';
    content: "\f044";
}

/* 20160603 新增搬家推薦名單 */
.icon-searchnew {
    color: #fff;
    background: #e67e22;
    z-index: 90;
    font-size: 22px;
    padding: 5px 5px 5px 9px;
}
.icon-searchnew:before {
    font-family: 'fontawesome';
    content: "\f022";
}

#sb-search { top: -60px; right: 624px; }	/*424 300 148*/
#btn-login { position: absolute; top: 50px; right: 500px; }
#btn-register { position: absolute; top: 50px; right: 348px; }
#btn-message { position: absolute; top: 50px; right: 2px; }

#btn-signout { position: absolute; top: 50px; right: 500px; }
#btn-memberedit { position: absolute; top: 50px; right: 348px; }

#btn-searchnew {position: absolute; top: 50px; right: 148px;}

/*會員登入頁*/
.member-content-left {
  width: 50%;
  float: left;
  padding: 30px 0 30px 50px;
}
.member-content-right {
    width: 35%;
    height: 40px;
    float: right;
    padding: 80px 50px;
    border-left: 1px #ccc solid;
}
.btn-registered {
  background-color: #FF8F45;
  color: #fff;
  padding: 20px 40px;
}
.btn-registered:hover {
  background-color: #FF7316;
  color: #fff;
  padding: 20px 40px;
}
.form-table tr {
  height: 40px;
}
.form-table tr th span {color: red;}
#sianchor {color: red;}

/*會員註冊頁*/
.content-inner-border {
  border: 1px #aaa solid;
  border-radius: 12px;
  padding: 15px 30px; 
}


/*標題裝飾*/
h2.h-block-title
{
	position: relative;
    width: 130px;
    font-size: 1.3em;
    font-weight: 500;
    padding: 0 10px 0 25px;
    margin: 15px 10px 10px -50px;
    color: #FFF;
    background-color: #948E00;
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}

h2:before, h2:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

h2.simple:before
{
	display: none;
}

h2.flag:before
{
	width: 0px;
	left: auto;
	right: -2px;
	top: 0px;
	border-color: transparent #fff transparent transparent;
}

h2:after
{
	left: 0px;
	top: 100%;
	border-width: 5px 7px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}



/*臉書*/
#news-block {
  position: relative;top: -45px;
}
.fb {
    width: 320px;
    height: 75px;
    position: absolute;
    bottom: 125px;
    right: 40px;
    z-index: 999;
    overflow: hidden;
}
.btn_fb {
    width: 320px;
    height: 75px;
}
.btn_fb a {
    width: 320px;
    height: 75px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/tmm-fb.png);
}

.fbbox {
    width: 320px;
    position: relative;
    top: 0px;
    border: 2px solid #425e9a;
    background-color: #ffffff;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}
.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
}
.fb_iframe_widget iframe {
    position: absolute;
}


/* 搜尋 */
#search-bar {
  position: absolute;

  background-color: transparent;
}
form#search-bar input#search {
    font-style: normal;
    font-size: 14px;
    outline: none;
    padding: 10px 12px;
    border: 1px solid #EFEEEE;
    color: #A9A9A9;
    width: 50%;
    font-weight: 400;
    background: #FFFAE9;
    -webkit-appearance: none;
}
form#search-bar input[type="submit"] {
    outline: none;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 12px;
    cursor: pointer;
    border: none;
    color: #fff;
    background: #9A9700;
    border: 1px solid #fff;
    margin-left: -7px;
    height: 38px;
}
/*訂閱電子報*/
form#news-letter-form {
    width: 300px;
    position: absolute;
    top: 50px;
    right: 40px;
    background-color: #bad382;
    margin-top: 30px;
    padding: 8px 10px;
    border-radius: 4px;
}

form#news-letter-form input[type="text"] {
    font-style: normal;
    font-size: 14px;
    outline: none;
    padding: 10px 12px;
    border: 1px solid #EFEEEE;
    color: #A9A9A9;
    width: 66%;
    font-weight: 400;
    background: #fff;
    -webkit-appearance: none;
    margin: 10px 0;
    margin-left: 12px;
}

form#news-letter-form input[type="button"] {
    outline: none;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 12px;
    cursor: pointer;
    border: none;
    color: #334001;
    margin: 0px 4px;
    width: 142px;
    background: #E8E300;
    border: 1px #fff solid;
}

/*專案方案清單列表*/
#project-list li {
  padding: 15px; 
  border-bottom: 1px #ebe49c solid;
  margin-bottom: 10px;
} 
#project-list li:after {
  content: "";
  display: table;
  clear: both;
}
#project-list li > div {
  width: 77%;
  float: right;
} 
#project-list li a img {
    max-width: 200px;
    max-height: 150px;
    padding: 7px;
    border: 1px solid #D7CAB7;
    background-color: #FFF;
}


/*影音專區*/
#video-block {
  height: 340px;
  border-bottom: 0;
}
#video-block iframe {
	margin:20px;
}

#video-block > div {
	float:left;
	width:320px;
    margin: 0 20px;
  background-color: #EFEFEF;
}
#video-block > div h3 {
    line-height: 1em;
    color: #fff;
    display: inline-block;
    width:280px;
    padding: 10px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #A8ADAD;
}
#video-block > div p {
  padding: 10px 20px;
}

/*專案*/
#project-block {height: 445px;}
#project-block > div {width: 540px; height: 200px; float: left;}
#project-block > div img {
	max-width: 220px; 
    border: 3px solid #fff;
    float: left;
    margin-right: 20px;
}

/*捐款義賣*/
#offering-block {height: 455px;}
#offering-block ul li {
  display: inline-block;
  width: 540px; 
  height: 200px; 
  float: left;
}
#offering-block ul li img {
  max-width: 220px; 
    border: 3px solid #E4E4E4;
    float: left;
    margin-right: 20px;
}

#donation-block,
#charity-block {
  position: relative;
}
#donation-block li:before,
#charity-block li:before {
  content:'';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  color:#f00;
  border-top: 70px solid #FF8721;
  border-right: 70px solid transparent;
}
#donation-block li:before {  border-top: 70px solid #FF8721;}
#charity-block li:before {  border-top: 70px solid #ACB500;}

#donation-block li:after{
  content:'捐款';
  position: absolute;
  left: 0;
  top: 0;
  color:#00f;
  font-size: 15px;
  padding-top: 12px;
  padding-left: 8px;
  color:#fff;
  transition:;
}

#charity-block li:after{
  content:'義賣';
  position: absolute;
  left: 0;
  top: 0;
  color:#00f;
  font-size: 15px;
  padding-top: 12px;
  padding-left: 8px;
  color:#fff;
  transition:;
}








.news-block-list {
  padding: 0 10px;
}
.news-block-list li {

}

.news-block-list li a {
    line-height: 1.6em;
    color: #666;
    display: inline-block;
    width:700px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  border-bottom: 1px dashed #e2e2e2;
}

.news-block-list li span {
	color: #EC7078;
  margin-right: 5px;
  letter-spacing: 0px;
}


#top {
    background-color: #FFBD7C;
}


/**/
footer {
  padding: 30px 15px;
}


/* 聯絡我們 tabs */

#contact-tabs input[type=radio] {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
        #contact-tabs {
          width: 100%;
          float: none;
          list-style: none;
          position: relative;
          padding: 0;
          margin: 0px auto;
        }
        #contact-tabs li{
          float: left;
        }
        #contact-tabs label {
            display: block;
            padding: 3px 20px;
            border-radius: 2px 2px 0 0;
            color: #CC6200;
            //background: rgba(255,255,255,0.2);
            cursor: pointer;
            position: relative;
            top: 3px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }
        #contact-tabs label:hover {
          background: rgba(255,255,255,0.5);
          top: 0;
        }
        
        [id^=tab]:checked + label {
          /*background: #FFE76B;color: #756306;*/
          background: transparent;
          top: 0;
        }
        
        [id^=tab]:checked ~ [id^=contact-tab-content], [id^=tab]:checked ~ [id^=contact-tab-content] > div {
            display: block;
        }
        .contact-tab-content{
          z-index: 2;
          display: none;
          text-align: left;
          overflow: hidden;
          width: 100%;
          line-height: 140%;
          padding-top: 10px;
          background: #fff;
          padding: 5px 15px;
          position: absolute;
          top: 35px;
          left: 0;
          box-sizing: border-box;
        }
        .contact-tab-content > div{
          display: none;
          -webkit-animation-duration: 0.5s;
          -o-animation-duration: 0.5s;
          -moz-animation-duration: 0.5s;
          animation-duration: 0.5s;
        }

/* 聯絡我們 */
#contactform-wrap {
    width: 55%;
    height: 700px;
    position: relative;
    top: 175px;
}
#googlemaps { 
  height: 100%; 
  width: 100%; 
  position:absolute; 
  top: 0; 
  left: 0; 
  z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
}
 
#contactform { 
    position: relative;
    z-index: 1;
    width: 425px;
    float: right;
    padding: 30px;
    background: rgba(241, 233, 144, 0.79);
    border-radius: 6px;
    height: 445px;
    color: white;
    right:-495px;
        padding-bottom: 30px;
        top: -12px;
}
.contact-form label {color: #b28850;line-height: 40px;}
.contact-form-title {
  font-size: 25px;
  color: #b28850;
  font-weight: 600;
  line-height: 65px;
  border-bottom:1px #fff solid;
  margin-bottom:35px;
}
.contact-form-title .fa {float: right; color:#FFAF18; opacity: 0.3;}
#contactform input {
    line-height: 24px;
    margin: 5px 0;
    background-color: #FFFFF6;
    border: 0;
    float: right;
    margin-right: 10px;
    width: 255px;
}

#contactform input#c-name,#contactform input#c-tel { width: 345px;}
#contactform input#c-email { width: 345px;}
#contactform input#c-title { width: 345px;margin-right: 10px;}

#contactform textarea {  
  background-color: #FFFFF6; border: 0;
  float: right;
    margin-right: 10px;
}
#contactform .submit input {
    font-size: 16px;
    background-color: #FF9920;
    color: #fff;
    padding: 5px 40px;
    border: 0;
    margin-top: 30px;
    margin-right: 80px;
}
#contactform .submit input:hover,
#contactform .submit input:focus {
    background-color: #942211;
 } 


mark {
  color: red;
  background-color: transparent;
  position: relative;
  margin: 0 10px; 
}
mark:before,
mark:after {
  content: "*";
  display: block;
  font-size: 20px;
  position: absolute;
  top: 0;
}
mark:before {left: -10px;}
mark:after {right: -10px;}



/*媒體報導*/


/* 清單 */
ul.tmm-list {
    width: 980px;
    letter-spacing: 1px;
  margin: 30px auto;
}
ul.tmm-list li {
  line-height: 45px;
  border-bottom: 1px #ccc dashed;
}
ul.tmm-list li > a {color: #333;}
ul.tmm-list li > a > span {color: #29B109;}


.title {
  color: #339900;
  font-size: 18px;
}
.date {
  font-size: 14px;
  margin-bottom: 10px;
}