@charset "utf-8";

.content {display: block; font-size:15px; line-height: 30px; margin:0px 0px 8px 0px;}
.txt-sp {color:#e60012; font-weight: bold;}
.exclusive {background:#ecf8e6; border:1px solid #d9edcf; padding:10px;  font-weight: bold; margin:25px 0px;}
.exclusive-con {display: block; font-size:15px; line-height: 24px; margin:0px 15px 8px 20px; font-weight: normal; clear: both;}
.exclusive-title {background: #099145; color:#ffffff; padding:8px; margin-left:-11px; margin-top:-10px; position: absolute;}
.exclusive-bigtitle {display: block; padding-left:10px; margin:40px 15px 10px 10px; font-size:21px; line-height: 36px;}
.txt-title {float:left; display: block; text-align: left; color:#43803f;} 
.txt-sp {color:#e60012; font-weight: bold; float:right; display: block; font-size:15px; line-height: 24px;}
.txt-sp em {font-size:36px; font-style: normal;}
.txt-small {font-size:12px;}
.txt-tt {color:#fc4c02; font-weight: bold;}

.text-list {text-indent: -14px; padding-left:12px;}
.line-bar {clear: both; display: block; border-bottom:1px dotted #b4d3a7; padding:0px 10px; margin:0px 15px 8px 20px;}

.stroke {margin:25px 0px;}
.route {margin:35px 0px; line-height: 24px;}
.route-title {color:#005eb8; background: #e1f6fe; border-radius: 5px; padding:5px 0px 5px 10px; margin:8px 0px; font-weight: bold; font-size:18px;}
.route-tt {display: block; color:#589c54; font-weight: bold; margin:12px 0px 0px 0px;}
.route-tt span {border:1px solid #589c54; padding:5px;}
.route-txt {color:#005eb8; font-weight: bold; font-size:15px; line-height: 24px; margin:4px 0px;}
.route ul {margin:12px 0px;}
.route ul li {width:100%; display: block; border-bottom:1px dotted #cccccc; padding:5px 0px;}
.route ul li a:hover {color:#589c54;}
.text-list {text-indent: -12px; padding-left:12px;}

.homestay-introduction {background: #d0f1c2;  padding:15px; float:left; margin:15px 0px;}
.homestay-title {text-align: center; margin:22px}
.homestay-tt {font-size:21px; color:#eb6100; text-align: center; border-bottom:1px dotted #eb6100; border-top:1px dotted #eb6100; background:#d0f1c2; border-radius:10px; padding:10px 6px;}
.homestay-con {font-size:15px; color:#43803f; font-weight: normal; line-height:24px;}
.homestay-consp {font-weight: bold; color:#0d3c0a;}

.promotion-pic {width:97%; height:100%; padding:5px 5px 10px 0px; margin:10px auto;}
.promotion-pic img {width:100%; height:100%; margin:0 auto;}


.btn-go {display: block; text-align: center; margin:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; clear:both;}
.btn-go a {
    display: block;
    background:#43803f;
    padding:10px; 
    color:#ffffff;
    -moz-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    -webkit-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    box-shadow:2px 2px rgba(20%,20%,40%,0.3);
}
.btn-go a:hover {
    background: #3e763b;  
}

/*
@media screen and (min-width: 801px) and (max-width: 920px) {
.homestay-introduction {width:92%; margin:10px 0px 20px 6px; background: #d0f1c2;  padding:15px; float:left;}
}

@media screen and (min-width: 769px) and (max-width: 800px) {
.homestay-introduction {width:92%; margin:10px 0px 20px 3px; background: #d0f1c2;  padding:15px; float:left;}
}

@media screen and (min-width: 670px) and (max-width: 768px) {
.homestay-introduction {width:92%; margin:10px 0px 20px 9px; background: #d0f1c2;  padding:15px; float:left;}
}*/

@media screen and (max-width: 385px) {
.homestay-title {text-align: center; margin:22px 5px;} 
.homestay-tt {font-size:16px; color:#eb6100; text-align: center; border-bottom:1px dotted #eb6100; border-top:1px dotted #eb6100; background:#d0f1c2; border-radius:10px; padding:10px 6px;}
}