@charset "utf-8";

*{
	outline: none; /* for Firefox Google Chrome  */


      behavior:expression(this.onFocus=this.blur());


}





body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F0F0F0;
	font-family: "微軟正黑體", Arial;

}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6.form,ul,li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
	
}



#wapper {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	
}

#wapper #topbanner {
	height: 340px;
	width: 1200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	box-shadow: 0 0 5px #333;
}
#wapper .mainpart {
	height: auto;
    width: 1160px;
    position: relative;
    padding-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
}
#wapper .mainpart #drivepic {
	background-color: #FFF;
	padding: 8px;
	height: 200px;
	width: 200px;
	position: absolute;
	left: 10px;
	top: -150px;
	box-shadow: 0 0 5px #333;
	border-radius: 108px;
}
#wapper .mainpart #drivepic img {
	height: 200px;
	width: 200px;
	border-radius:100px;
}
#wapper .mainpart h1 {
	color: #FFF;
	padding-left: 240px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: absolute;
	top: -50px;
	width: 920px;
	text-shadow:2px 2px 3px #666;
}
#drivepic .medal {
	height: 50px;
	width: 50px;
	margin-left: 10px;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 1200;
	right: 10px;
	bottom: 10px;
}
#drivepic .medal.g {
	background-image: url(../images/medal.png);
}
#wapper .mainpart h1 a {
	font-size: 12pt;
	line-height: 28px;
	background-color: #9C0;
	display: block;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	float: right;
	color: #FFF;
	height: 30px;
	width: auto;
	border-radius:5px;
}
.commentarea ul, .commentarea ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#wapper .mainpart .commentarea ul li {
	float: left;
	height: auto;
	width: 16.6666666%;
}
.commentarea ul {
	display: table;
	width:100%;
}
#wapper .mainpart .commentarea {
	margin-right: 30px;
	margin-left: 30px;
}

.commentarea ul li .picp {
	height: 160px;
	width: 160px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.commentarea ul li .picp img {
	height: auto;
	width: 160px;
}
#wapper #intor {
	background-color: #FFF;
	padding: 20px;
	box-shadow: 0 0 5px #666;
	border-top-right-radius: 15px;
    border-top-left-radius: 15px;

}
#comment {
	height: auto;
	width: 1160px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#comment .slideul {
	height: 180px;
	width: 1000px;
	padding-right: 80px;
	padding-left: 80px;
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-bottom: 10px;
}
#comment .slideul ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#comment .slideul ul li {
	float: left;
	width: 20%;
	height: 180px;
	text-align: center;
}
#comment .slideul ul li img {
	height: 150px;
	width: 150px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border-radius:15px;
}
#comment .slideul ul li span {
	display: block;
	padding-right: 15px;
	padding-left: 15px;
}
#intor #comment h2 {
	font-size: 15pt;
	font-weight: normal;
	color: #C30;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C30;
}
#intor .table {
	height: auto;
	width: 100%;
	margin-bottom: 25px;
	display: table;
}
#intor .table #ordertrip {
	float: left;
	width: 530px;
	margin-right: 40px;
	padding: 13px;
	border: 2px solid #09C;
	border-radius: 15px;
	background-image: url(../images/fds.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#intor .table #ordertrip h2 {
	font-size: 15pt;
	line-height: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: normal;
	color: #FFF;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #09C;
	background-color: #09C;
}
#ordertrip .oneline {
	float: left;
	width: 50%;
}
#ordertrip .oneline h3 {
	font-size: 12pt;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	margin: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #F0F0F0;
}
#ordertrip .oneline ul {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
}
#ordertrip .oneline ul li {
	float: left;
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
}
#ordertrip .oneline ul li .picp img {
	height: auto;
	width: 100%;
	border: 1px solid #666;
}
#ordertrip .oneline ul li .picp .text {
	font-size: 9pt;
	line-height: 12pt;
	color: #333;
	text-align: center;
	display: block;
	height: 12pt;
	overflow: hidden;
}
#recommend {
	float: left;
	width: 530px;
	border: 2px solid #9C0;
	padding: 13px;
	background-image: url(../images/fds.png);
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-radius:15px;
}
#recommend h2 {
	color: #FFF;
	background-color: #9C0;
	font-size: 15pt;
	line-height: 20pt;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#recommend .tripsq ul, #recommend .tripsq ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#recommend .tripsq ul li {
	float: left;
	width: 27.3333%;
	margin-right: 3%;
	margin-left: 3%;
	margin-bottom: 12px;
}
#recommend .tripsq ul li .picp {
	height: auto;
	width: 100%;
	margin-bottom: 5px;
}
#recommend .tripsq ul li .picp img {
	height: auto;
	width: 100%;
}
#recommend .tripsq ul li .text {
	font-size: 9pt;
	line-height: 14pt;
	color: #666;
	text-align: center;
	height: 14pt;
	overflow: hidden;
}
#wapper .mainpart h1 a:hover {
	background-color: #F60;
}
#photoarea h3,#video h3{
	font-size: 15pt;
	line-height: 20pt;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#photoarea {
	float: left;
	width: 48%;
	margin-right: 4%;
}
#photoarea h3 a,#video h3 a {
	font-size: 11pt;
	color: #09C;
	float: right;
}
#photoarea .photopart ul, #photoarea .photopart ul li,#video ul, #video ul li  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#photoarea .photopart ul li {
	float: left;
	width: 30.333333%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}
#photoarea .photopart ul li .picp {
	height: 160px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#photoarea .photopart ul li .picp:before  {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center!important;
}
#photoarea .photopart ul li .picp img {
	display: inline-block;
	vertical-align: middle;
	max-width: 96%;
	max-height: 96%;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 2%;
	background-color: #FFF;
	box-shadow:0 0 3px #666;

}
#photoarea .photopart ul li .text {
	font-size: 9pt;
	line-height: 12pt;
	color: #666;
	text-align: center;
	display: block;
	height: 24pt;
	overflow: hidden;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	margin-top: 8px;
}
#photoarea .photopart {
	display: table;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#video {
	float: left;
	width: 48%;
}
#video ul li {
	width: 44%;
	margin-right: 3%;
	margin-left: 3%;
	float: left;
	height: 160px;
	margin-top: 10px;
	text-align: center;
}
#video ul li .texe {
	font-size: 11pt;
	line-height: 14pt;
	color: #666;
	margin-top: 5px;
}
#comm {
	float: left;
	width: 740px;
	margin-right: 20px;
	padding: 10px;
	background-color: #FFC;
	box-shadow:0 0 3px #666 inset;
	border-radius:15px;
}
#comm h3 {
	font-size: 15pt;
	line-height: 20pt;
	font-weight: bold;
	color: #F30;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#comm ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	height: 240px;
	width: 100%;
	overflow: auto;
	overflow-x:hidden;
	}
#comm ul li {
	font-size: 11pt;
	line-height: 16pt;
	color: #333;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
	width: 700px;
}
#comm ul li span {
	display: block;
	float: left;
	margin-right: 10px;
}
#comm ul li span:first-child {
	font-weight: bold;
	color: #000;
}
#intor .photobook {
	padding: 20px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#intor h3.head {
	font-size: 18pt;
	line-height: 24pt;
	color: #9C0;
}
#intor .photobook .note {
	font-size: 11pt;
	line-height: 18pt;
	margin-bottom: 15px;
}
#intor .photobook ul {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	list-style-type: none;
	display: table;
}
#intor .photobook ul li {
	float: left;
	height: 180px;
	width: 459px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#intor .photobook ul li:nth-child(2n) {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}
#intor .photobook ul li:hover {
	background-color: #F0F0F0;
}
#intor .photobook ul li .picp {
	float: left;
	height: 180px;
	width: 180px;
	margin-right: 5px;
	margin-left: 5px;
}
#intor .photobook ul li .info {
	float: left;
	width: 260px;
	height: 100px;
	padding-top: 40px;
	padding-bottom: 40px;
}
#intor .photobook ul li .info span {
	color: #666;
	display: block;
	margin-bottom: 10px;
	padding-left: 10px;
}


#intor .photobook ul li .picp:before  {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center!important;
}
#intor .photobook ul li .picp img {
	display: inline-block;
	vertical-align: middle;
	max-width: 96%;
	max-height: 96%;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 2%;
	background-color: #FFF;
	box-shadow:0 0 3px #666;

}
#intor .photobook ul li a {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
#pageline {
	height: auto;
	width: 100%;
	text-align: center;
	padding-top: 40px;
}
#pageline a {
	font-size: 12pt;
	line-height: 20px;
	color: #82BF22;
	background-color: #FFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #82BF22;
	margin: 5px;
}
#pageline a:hover {
	color: #FFF;
	background-color: #82BF22;
}
#intor .photopich {
	display: table;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#intor .photopich ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	height: auto;
	width: 100%;
}
#intor .photopich ul li {
	float: left;
	width: 160px;


	margin-right: 3
..5%;
	margin-left: 3.5%;
	margin-bottom: 20px;
	text-align: center;
	height: 160px;
}



#intor .photopich ul li a img {
	height: auto;
	width: 100%;
}
#intor .photopich ul li a:before  {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center!important;
}
#intor .photopich ul li a img {
	display: inline-block;
	vertical-align: middle;
	max-width: 96%;
	max-height: 96%;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 2%;
	background-color: #FFF;
	box-shadow:0 0 3px #666;

}
#intor .photopich .onepic {
	text-align: center;
}
#intor .photopich .onepic img {
	padding: 8px;
	background-color: #FFF;
	box-shadow:0 0 5px #666;
}
#intor .photopich .text {
	font-size: 12pt;
	line-height: 20px;
	color: #666;
	width: 80%;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 10px;
	margin-left: 10%;
	text-align: center;
}
#intor .photopich .text h3 {
	font-size: 12pt;
	line-height: 24pt;
	font-weight: normal;
	color: #000;
	margin: 0px;
	padding: 0px;
}
#intor .photopich .text div {
	font-size: 12pt;
	line-height: 20pt;
}
#intor .photopich.video ul li {
	float: left;
	height: auto;
	width: 220px;
	margin-right: 8px;
	margin-left: 8px;
	padding: 0px;
}
#intor .head a {
	font-size: 11pt;
	line-height: 20pt;
	color: #FFF;
	display: block;
	float: right;
	background-color: #069;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-radius:10px;
}
#photoarea h3 {
	color: #09C;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #09C;
}
#video h3 {
	color: #9C0;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #9C0;
}
#footer {
	padding: 10px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	font-size: 11pt;
	line-height: 20pt;
	color: #666;
	margin-top: 20px;
}

#footer #under {
	font-size: 11pt;
	line-height: 20pt;
	color: #333;
	height: auto;
	width: 1200px;
	display: table;
	margin-right: auto;
	margin-left: auto;
}
#footer #under #SiteMap {
	float: left;
	width: 50%;
	height: 120px;
	margin-bottom: 15px;
}
#footer #under #infomation {
	float: left;
	width: 48%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	height: 120px;
	margin-bottom: 15px;
	padding-left: 20px;
}
#footer #copyright {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 10pt;
	line-height: 16pt;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
	text-align: center;
}
#footer #under #SiteMap ul li {
	font-size: 11pt;
	line-height: 24px;
	color: #333;
	text-align: left;
	float: left;
	height: 24px;
	width: 100%;
	margin-bottom: 5px;
}
#footer #under #SiteMap ul li a {
	color: #333;
}
#footer #under #SiteMap ul li a {
	padding-left: 10px;
}
#footer #under #SiteMap ul {
	float: left;
	width: 25%;
}
#infomation ul li .fa {
	height: 30px;
	width: 30px;
	margin-right: 10px;
	font-size: 20px;
	line-height: 30px;
}
#infomation ul li {
	font-size: 12pt;
}
#wapper .mainpart #menubut {
	padding-left: 240px;
	height: 35px;
}
#menubut ul{
	float: right;
	height: 35px;
	width: auto;
}
#menubut ul li {
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #F0F0F0;
}
#menubut ul li a {
	font-size: 12pt;
	line-height: 35px;
	color: #FFF;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: bold;
	display: block;
	background-color: #069;
	margin-right: 5px;
	margin-left: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0px -1px 1px #666;
}
#menubut ul li a:hover {
	color: #069;
	background-color: #FFF;
}












#intor .memberabout div .list_position {
	position: relative;
}

#intor .list_position ul#plist {
	display: table;
	height: auto;
	width: 100%;
}
#intor .list_position ul#plist li {
	float: left;
	height: 330px;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 40px;
	padding: 1px;
}
#intor .list_position ul#plist li:hover {
	padding: 0px!important;
	border: 1px solid #CCC;
}






#intor .list_position ul#plist li:nth-child(4n) {
	margin-right: 0px;

}

#intor .list_position ul li .ppic {
	height: auto;
	width: 100%;
	overflow: hidden;
}
#intor .list_position ul li .ppic img {
	height: auto;
	width: 100%;
	 transition: all .6s; 
-webkit-transition: all .6s; 
}



#intor .list_position ul li:hover .ppic img {
	transform: scale(1.07);
-webkit-transform: scale(1.07);

}








#intor .list_position ul li .name {
	font-size: 12pt;
	line-height: 20pt;
	color: #333;
	padding: 10px;
	font-weight: bold;
}
#intor .list_position ul li .price {
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	font-size: 10pt;
	color: #666;
}
#intor .list_position ul li .price span {
	color: #CC0000;
	font-size: 20pt;
	line-height: 24pt;
	font-weight: bold;
	padding-right: 5px;
}
#intor .list_position ul li .price a {
	font-size: 12pt;
	line-height: 20pt;
	color: #FFF;
	background-color: #82BF22;
	height: 20pt;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	border-radius: 5px;
	text-align: center;

}
#intor .list_position ul li .info {
	font-size: 9pt;
	line-height: 12pt;
	color: #999;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
}
#intor .list_position ul li .info span {
	margin-right: 10px;
}
#intor .list_position .orange h2 {
	color: #F60;
}
#intor .list_position .orange h2 .more {
	color: #F60;
}
#intor .list_position .orange ul li .price a {
	background-color: #F60;
}
#intor .memberabout div h2 form {
	float: right;
}
#intor .memberabout div h2 form label {
	font-size: 12pt;
	line-height: 30px;
	color: #333;
}
#intor .memberabout div h2 form label input[type=text] {
	height: 25px;
	width: 160px;
	margin-right: 5px;
	margin-bottom: 3px;
	float: left;
	line-height: 25px;
	margin-top: 2px;
	margin-left: 5px;
}
#intor .memberabout div h2 form label span {
	float: left;
}
#intor .memberabout div h2 form label input[type=submit] {
	background-color: rgba(255,255,255,0);
	background-image: url(../images/8BFD2686-ED60-496B-8A0C-0C9E01F57319.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 30px;
	width: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-size: 25px auto;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
}
#intor .memberabout div .leftbar {
	float: left;
	width: 220px;
	margin-right: 20px;
}
#intor .memberabout div .rightpart {
	float: left;
	width: 880px;
}
#main #intor .memberabout .tablediv {
	display: table;
	width: 100%;
	margin-top: 20px;
}








#intor .memberabout{
	display: table;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 60px;
	padding-left: 40px;
	width: 1080px;
	text-align: left;
}

#roadline {
	text-align: right;
	height: 25px;
	width: 100%;
	margin-bottom: 5px;
	font-size: 10pt;
	color: #82BF22;
}
#roadline span:after {content:" < ";}

#roadline span:last-child:after {content:"";}
#roadline span a {
	color: #666666;
}
#intor .memberabout div .leftbar {
	float: left;
	width: 200px;
	margin-right: 20px;
}
#intor .memberabout div .rightpart {
	float: left;
	width: 860px;
}
#intor .memberabout .tablediv {
	display: table;
	width: 100%;
	margin-top: 20px;
}
#intor .memberabout .tablediv .leftbar h3 {
	background-color: #82BF22;
	height: 40px;
	padding-left: 20px;
	font-size: 12pt;
	line-height: 40px;
	font-weight: normal;
	color: #FFF;
}
#intor .memberabout .tablediv .leftbar ul li{
	color: #82BF22;
	line-height: 16pt;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#intor .memberabout .tablediv .leftbar ul li a {
	font-size: 12pt;
	line-height: 16pt;
	color: #000;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: left 12px;
	padding-left: 20px;
}
#intor .memberabout .tablediv .leftbar ul li ul li a {
	background-image: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-bottom-style: none!important;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11pt;
	color: #333;
}
#intor .memberabout .tablediv .leftbar ul li ul li {

	border-bottom-style: none!important;

}
#intor .memberabout .tablediv .leftbar ul li a:hover {
	color: #5F8C1A;
	background-color: #FFF;
}
#intor .rightpart .list_position .p_top {
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	display: table;
}
#intor .rightpart .list_position .p_top .picpart {
	float: left;
	height: auto;
	width: 360px;
	margin-right: 20px;
	margin-top: 5px;
}
#intor .rightpart .list_position .p_top .picpart .bigpic {
	height: auto;
	width: 350px;
	margin: 5px;
}
#intor .rightpart .list_position .p_top .picpart .bigpic img {
	height: auto;
	width: 100%;
	display: none;
}
#intor .list_position .p_top .picpart .litpic {
	height: auto;
	width: 100%;
}
#intor .list_position .p_top .picpart .litpic ul {
	height: auto;
	width: 100%;
	display:table;
}

#intor .list_position .p_top .picpart .litpic ul li,#intor .list_position .p_top .picpart .litpic ul li:hover{
	height: auto;
	width: 110px!important;
	padding: 5px;
	margin: 0px;
	float: left;
}







#intor .list_position .p_top .picpart .litpic ul li:hover{
	padding:5px!important;
	background-color:none;
	border:none;
	box-shadow:none;


}



#orderinfo form .onepart .formsq .textp {
	font-size: 12pt;
	line-height: 20pt;
	margin-top: 10px;
	margin-bottom: 10px;
}
#intor .picpart .litpic ul li a{
	height: auto;
	width: 100%;
	padding: 0px;
	display: block;
	cursor: pointer;
}
#intor .picpart .litpic ul li a img {
	height: auto;
	width: 100%;
}
#intor .memberabout .tablediv .rightpart .list_position .p_top .picpart .bigpic img.stay {
	display: block;
}
#plist li .start {
	color: #333;
	font-size: 11pt;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
#plist li .start .fa {
	color: #F90;
}







#info .litpic {
	height: auto;
	width: 100%;
	z-index: 100;
}
#info .litpic ul {
	height: auto;
	width: 100%;
	display:table;
}


#info .litpic ul li{
	height: auto;
	width: 80px!important;
	padding: 5px;
	margin: 0px;
	float: left;
}


#info .litpic ul li:hover{
	height: auto;
	width: 80px!important;
	padding: 5px;
	margin: 0px;
	float: left;
}







#info .litpic ul li:hover{
	padding:5px!important;
	background-color:none;
	border:none;
	box-shadow:none;


}




#info .litpic ul li a{
	height: auto;
	width: 100%;
	padding: 0px;
	display: block;
	cursor: pointer;
}
#info .litpic ul li a img {
	height: auto;
	width: 100%;
}
#info .orderform fieldset .fa {
	color: #F60;
}
#leftsearch .searchsq form fieldset select {
	height: 30px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}
#leftsearch .searchsq form fieldset input[type="submit"] {
	color: #FFF;
	background-color: #F60;
	height: 35px;
	width: 100%;
	border-radius: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
}
#leftsearch .title .fa {
	margin-right: 5px;
}
#leftsearch {
	margin-top: 20px;
	
}
#leftsearch .title {
	font-size: 12pt;
	line-height: 24pt;
	color: #FFF;
	background-color: #FF6600;
	padding-right: 10px;
	padding-left: 10px;
}
#leftsearch .searchsq {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#leftsearch .searchsq form fieldset {
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: table;
	width: 100%;
	padding: 0px;
}
#leftsearch .searchsq form fieldset label {
	font-size: 11pt;
	line-height: 20pt;
	color: #333;
}
#leftsearch .searchsq form fieldset input {
	float: left;
	height: 28px;
	width: 140px;
	margin-right: 10px;
}






#info {
	float: left;
	width: 480px;
	height: 360px;
	position: relative;
}
#info h2 {
	font-size: 20pt;
	line-height: 24pt;
	color: #82BF22;
}
#info .orderform fieldset .price {
	font-size: 16pt;
	color: #C00;
}
#info .orderform {
	font-size: 11pt;
	line-height: 16pt;
}

#info .orderform fieldset label {
	text-align: right!important;
	width: 100px!important;
	display: inline-block;
	padding-right: 10px;
}
#info .orderform fieldset {
	border-top-style: none!important;
	border-right-style: none!important;
	border-bottom-style: none!important;
	border-left-style: none!important;
	margin: 0!important;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	line-height:28px;
}
#info .orderform fieldset .checka {
	    display: -webkit-inline-box;
}
#info .orderform fieldset .checka .check {
	color: #FFF;
	background-color: #82BF22;
	border-top-color: #82BF22;
	border-right-color: #82BF22;
	border-bottom-color: #82BF22;
	border-left-color: #82BF22;
}
#info .orderform fieldset select, #info .orderform fieldset input {
	height: 28px;
	width: auto;
}

#info .orderform .note{
	float: none;
	width: 100%;
	margin-left: 0px;
	display: block;
	text-align: right;
	margin-bottom: 10px;
	display:inline-block;
}
#info .orderform .note div {
	float: right;
	width: auto;
	margin-left: 30px;
	margin-right: 0px;
}
#info .orderform .buttonline {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid!important;
	border-top-color: #ccc;
	display:block;
}






#info .orderform fieldset .checka a {
	cursor: pointer;
	line-height: 28px;
	height:28px;
	border: 1px solid #666;
	margin-right: 5px;
	padding-right: 3px;
	padding-left: 3px;
}
#info .orderform .buttonline input[type="submit"],#info .orderform .buttonline input[type="button"]{
	font-size: 12pt;
	line-height: 28px;
	height: 30px;
	width: 120px;
	color: #FFF;
	background-color: #82BF22;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	margin-left: 10px;
	border-radius:5px;
	box-shadow:0 0 2px #333;
	background-image: url(../images/ggb.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#info .orderform .buttonline a {
	font-size: 12pt;
	line-height: 28px;
	height: 30px;
	width: 120px;
	color: #FFF;
	background-color: #82BF22;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	margin-left: 10px;
	display: inline-block;
	border-radius: 5px;
	box-shadow: 0 0 2px #333;
	font-weight: normal;
	background-image: url(../images/ggb.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#info .orderform .buttonline a .fa {
	color: #FFF;
	margin-right:5px;
}



#tagline ul {
	background-image: url(../images/line.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 45px;
	padding-right: 10px;
	padding-left: 10px;
}
#tagline ul li {
	font-size: 12pt;
	line-height: 43px;
	color: #333;
	height: 43px;
	width: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-left-color: #666;
	float: left;
	margin-right: 5px;
}
#tagline ul li.stay {
	line-height: 45px;
	background-color: #FFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #82BF22;
	border-right-color: #82BF22;
	border-left-color: #82BF22;	
}
#tagline ul li a {
	line-height: 43px;
	color: #666;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	cursor: pointer;
}
#pagepart {
	padding: 20px;
}
#pagepart .page {
	display: none;
}
#pagepart .page.stay {
	display: block;
}
#pagepart .page h4 {
	color: #F60;
	padding-left: 20px;
	line-height: 35px;
	height: 35px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	font-size: 20pt;
}

#pagepart .page.stay div.text{
	font-size: 11pt;
	line-height: 20pt;
	color: #333;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 40px;
	margin-left: 40px;
}

#pagepart .page.stay div p {
	font-size: 11pt;
	line-height: 20pt;
	color: #333;
	margin-bottom: 20px;
	margin-top: 10px;
}
#commuinty{
	width:100%;
}
#commuinty li {
	padding: 10px;
	border: 1px solid #82BF22;
	background-color: #FFF;
	margin-bottom: 20px;
	box-shadow: 0 0 2px #666;
	background-image: url(../images/fds.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#commuinty li .nameline {
	display: table;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 100%;
}
#commuinty li .nameline .star {
	float: left;
	padding-top: 10px;
}
#commuinty li .nameline .name {
	float: left;
}
#commuinty li .nameline .star .fa {
	color: #FC0;
}
#commuinty li .nameline .data {
	color: #999;
	float: right;
	font-size: 10pt;
	line-height: 35px;
	padding-right: 15px;
}
#commuinty li p {
	font-size: 11pt;
	line-height: 20pt;
	color: #666;
	padding-right: 40px;
	padding-left: 40px;
}
#qa ul li .q .fa.fa-question-circle {
	font-size: 20px;
	color: #900;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}
#qa ul li .q a {
	color: #333;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-size: 12pt;
	line-height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	padding-left: 25px;
}
#pagepart .page.stay #qa ul li .a {
	font-size: 11pt;
	line-height: 20pt;
	color: #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	display: none;
}
#qa ul li {
	margin-bottom: 20px;
}
#qa ul li .a.stay {
	display: block!important;
}
#pagepart .page .pageline {
	width:100%;
	color: #82BF22;
	text-align: center;
	display: table;
}
#pagepart .page .pageline a{
	color: #82BF22;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
}
#pagepart .page.stay .speak {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#pagepart .page.stay .speak form fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#pagepart .page.stay .speak form fieldset textarea {
	font-size: 11pt;
	line-height: 20pt;
	color: #666;
	height: 120px;
	width: 100%;
}
#pagepart .page.stay .speak form fieldset .fa {
	color: #FC0;
}
#pagepart .page.stay .speak h5 {
	font-size: 15pt;
	line-height: 30px;
	color: #F60;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F60;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	margin-bottom: 20px;
}
#pagepart .page.stay .speak form fieldset div .icon {
	height: 30px;
	width: 30px;
	margin-right: 5px;
}
#pagepart .page.stay .speak form fieldset div .icon img {
	height: 30px;
	width: 30px;
}
#pagepart .page.stay .speak form fieldset div {
	float: left;
	width: 50%;
}
#pagepart .page.stay .speak form fieldset div input {
	line-height: 28px;
	height: 28px;
	width: auto;
}
#pagepart .page.stay .speak form fieldset div input[type="submit"] {
	color: #FFF;
	background-color: #F60;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius:5px;
	width:60px;
}
#order_trip .leftitem {
	float: left;
	width: 760px;
	background-color: #FFF;
	padding: 15px;
	border-radius: 20px;
	box-shadow: 0 0 5px #666 inset;
}
#order_trip {
	display: table;
	width: 100%;
}
#order_trip .leftitem .selectclass {
	margin-bottom: 10px;
	width: 740px;
	background-color: #F0F0F0;
	padding: 10px;
}
#order_trip .leftitem .selectclass ul li a {
	color: #060;
	background-color: #FFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #060;
	font-size: 11pt;
	line-height: 18pt;
	white-space: nowrap;
	cursor: pointer;
}
#order_trip .leftitem .selectclass ul li {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
#order_trip .leftitem .selectclass form select {
	margin-bottom: 10px;
	height: 26px;
}
#order_trip .leftitem .selectclass form label {
	font-size: 11pt;
	line-height: 18pt;
	float: left;
	margin-right: 10px;
}
#order_trip .leftitem .selectclass form ul li.stay a {
	background-color: #FFC;
}
#list {
	display: table;
	width: 100%;
}
#source {
	float: left;
	height: auto;
	width: 100%;
	font-size: 11pt;
	line-height: 18pt;
	color: #666;
}
#source .drag {
	float: left;
	height: 210px;
	width: 160px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
	cursor: pointer;
}
#source .drag img {
	height: 160px;
	width: 160px;
}
#source .drag span {
	font-size: 11pt;
	line-height: 22px;
	color: #000;
	padding: 5px;
}
#order_trip .leftitem #source .note {
	font-weight: bold;
	color: #82BF22;
	margin-top: 20px;
	margin-bottom: 20px;
}
#daytrip {
	float: left;
	width: 270px;
	margin-left: 20px;
}
#daytrip .day {
	background-color: #FFF;
	padding: 15px;
	width: 240px;
	box-shadow: 0 0 5px #666 inset;
	border-radius: 10px;
	margin-bottom: 15px;
}
#order_trip #daytrip .day h3 {
	color: #FFF;
	font-size: 12pt;
	line-height: 30px;
	height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-color: #F60;
}
#order_trip #daytrip .day .target {
	background-color: #F0F0F0;
	min-height:50px;
}
#daytrip .day .target .drag {
	background-color: #FFF;
	height: auto;
	width: 100%;
	display: table;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#daytrip .day .target .drag img {
	height: 80px;
	width: 80px;
	float: left;
	margin-right: 10px;
}
#daytrip .day .target .drag span {
	line-height: 30px;
	color: #666;
	height: 80px;
	float: left;
	width: 150px;
}

#daytrip .day .target .drag span:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center!important;
}
#daytrip form #submitline {
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	display:table;
}
#submitline input {
	font-size: 11pt;
	line-height: 28px;
	background-color: #F60;
	height: 30px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	font-family: "微軟正黑體", Arial;
	border-radius:5px;
	
}
#daytrip form #submitline a {
	font-size: 11pt;
	line-height: 28px;
	background-color: #F60;
	height: 30px;
	width: auto;
	margin-right: 10px;
	padding-right: 15px;
	padding-left: 15px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	font-family: "微軟正黑體", Arial;
	border-radius: 5px;
	cursor: default;
}


#daytrip form .day h3 a {
	float: right;
	padding-top: 7px;
	padding-bottom: 5px;
	color: #333;
}






#ordertour .pushsq .slidesq .control {
	position: relative;
}
#ordertrip {
	display: table;
}
#ordertrip #orderleft {
	float: left;
	width: 720px;
	margin-right: 0px;

}
#ordertrip #orderright {
	float: left;
	width: 360px;
}
#ordertrip #orderleft .sqx {
	background-color: #FFF;
	background-image: url(../images/fds.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-radius: 10px;
	box-shadow: 0 0 5px #666;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#orderleft .sqx h3 {
	font-size: 15pt;
	line-height: 35px;
	color: #FFF;
	background-color: #82BF22;
	text-indent: 20;
	height: 35px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-image: url(../images/ggb.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
#ordertrip #orderleft .sqx .formpart {
	padding: 20px;
}
#ordertrip #orderright .sqx {
	background-color: #FFFFFF;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 3px #666;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#orderright .sqx h3 {
	font-size: 16pt;
	line-height: 24pt;
	color: #F60;
	text-shadow: 0 0 5px #fff;
	margin-bottom: 20px;
	
}
#ordertrip #orderleft .sqx .formpart p {
	font-size: 12pt;
	line-height: 20pt;
	color: #333;
	margin: 0px;
	padding: 0px;
}
#ordertrip #orderleft .sqx .formpart .note {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-top: 10px;
}
#orderleft .sqx .formpart .butline a {
	font-size: 12pt;
	line-height: 35px;
	color: #FFF;
	background-color: #FF663A;
	display: block;
	height: 35px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-radius:5px;
	box-shadow:0 0 3px #666;
}
#step li .pp {
	float: left;
	height: 120px;
	width: 120px;
	margin-right: 20px;
	border: 5px solid #D6D6D6;
	border-radius: 65px;
	box-shadow: 0 0 8px #333;
}
#step li.stay .pp {
	border: 5px solid #FF6900;
}
#orderright .sqx #step {
	height: auto;
	width: 100%;
}
#orderright .sqx #step li {
	height: auto;
	width: 100%;
	padding-bottom: 40px;
	background-image: url(../images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: table;
	margin-bottom: 10px;
}

#orderright .sqx #step li:last-child {

	padding-bottom: 0px;
	background-image: none;
}

#step li .pp img {
	height: auto;
	width: 100%;
}
#step li .textpart h4 {
	color: #FF6900;
	font-size: 20pt;
	line-height: 24pt;
	padding-top: 10px;
}
#orderleft.bgpic {
	padding-bottom: 450px;
		background-image: url(../images/10617-NMSTJ4.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:auto 450px;
}
#orderleft .sqx .formpart h4 {
	font-size: 18pt;
	line-height: 20pt;
	color: #003300;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	display: block;
	margin-bottom: 30px;
	text-align: left;
}
#orderleft .sqx .formpart .choseone a,#orderleft .sqx .formpart .choseall a {
	font-size: 11pt;
	line-height: 30px;
	color: #333;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #666;
	background-color: #F0FAE2;
	cursor: pointer;
}
#orderleft .sqx .formpart .choseone,#orderleft .sqx .formpart .choseall {
	margin-top: 15px;
	margin-bottom: 40px;
}
#orderleft .sqx .formpart .choseone .chose ,#orderleft .sqx .formpart .choseone a:hover ,#orderleft .sqx .formpart .choseall .chose,#orderleft .sqx .formpart .choseall a:hover  {
	color: #FFF;
	background-color: #82BF22;
}
#orderleft .sqx .formpart .addtrip {
	margin-bottom: 20px;
	display: table;
}
#orderleft .sqx .formpart .addtrip .note input {
	font-size: 12pt;
	line-height: 28px;
	height: 28px;
	float: left;
}
#orderleft .sqx .formpart .addtrip .note a {
	line-height: 30px;
	color: #FFF;
	background-color: #FF6900;
	text-align: center;
	display: block;
	height: 34px;
	width: 60px;
	float: left;
	margin-right: 10px;
}
#servicechose {

}
#servicechose form fieldset {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: inline-table;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
}
#servicechose form fieldset label {
	font-size: 11pt;
	line-height: 30px;
	color: #333;
	text-align: right;
	width: 120px;
	float: left;
}
#servicechose form fieldset input[type="text"] {
	line-height: 28px;
	height: 28px;
}
#servicechose form fieldset div {
	padding-left: 120px;
	    display: table-row;
}
#servicechose form fieldset div label {
	text-align: left;
	width: auto;
}
#servicechose form .buttons {
	text-align: center;
}
#servicechose form .buttons input {
	font-size: 12pt;
	line-height: 32px;
	color: #FFF;
	background-color: #FF6900;
	text-align: center;
	height: 35px;
	width: 120px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius:5px;
}
#servicechose form fieldset select {
	font-size: 11pt;
	line-height: 25px;
	height: 28px;
}
#ordertrip h2 a,#recommend h2 a {
	font-size: 11pt;
	line-height: 20pt;
	display: block;
	float: right;
	color: #FFF;
	margin-right: 10px;
}
#master .masterlist .slidemaster ul li .text .center .star .fa {
	color: #FC0;
}
#mastermain {
	height: auto;
	width: 100%;
}
#mastermain .mainpart {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
#mastermain .mainpart .picppart {
	float: left;
	width: 256px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#mastermain .mainpart .picppart img {
	height: auto;
	width: 240px;
	border: 8px solid #DEDEDE;
	border-radius: 130px;
}
#mastermain .mainpart .minfo {
	float: left;
	width: 400px;
	padding-right: 20px;
	padding-top: 20px;
}
#mastermain .mainpart .minfo .name {
	font-size: 18pt;
	line-height: 50px;
	color: #000;
	display: table;
	margin-bottom: 15px;
}
#mastermain .mainpart .minfo .name .medal {
	height: 50px;
	width: 50px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}
#mastermain .mainpart .minfo .name .medal.g {
	background-image: url(../images/medal.png);
}
#mastermain .mainpart .minfo .name .medal.s {
	background-image: url(../images/medal2.png);
}
#mastermain .mainpart .minfo .name .medal.c {
	background-image: url(../images/medal3.png);
}





#daytrip form a .fa {
	margin-right: 5px;
	margin-left: 5px;
}
#daytrip form .day .delect{
	position: absolute;
	top: 2px;
	right: 5px;
}
#daytrip form .day .delect a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
}
#daytrip form .day .delect a .fa {
	font-size: 12pt;
	line-height: 20pt;
	color: #333;
}
#daytrip form .day h3 a {
	float: right;
	padding-top: 7px;
	padding-bottom: 5px;
	color: #333;
}
#mastermain .mainpart .minfo .name span {
	float: left;
	display: block;
}
#mastermain .mainpart .minfo div {
	width: 100%;
	margin-bottom: 10px;
}
#mastermain .mainpart .minfo .ssd {
	color: #666;
}
#mastermain .mainpart .minfo .ssd span:first-child {
	font-weight: bold;
	color: #000;
}
#mastermain .mainpart .minfo .ssd span .fa {
	color: #FC0;
}
#mastermain .mainpart .minfo .ssd .red {
	color: #C00;
	font-size: 15pt;
}
#mastermain .mainpart .minfo .ssd a {
	color: #FFF;
	background-color: #F60;
	display: block;
	float: left;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-right: 10px;
	border-radius: 5px;
	margin-top: 10px;
}
#mastermain .mainpart .minfo .ssd .evaluation {
	background-color: #82BF22;
}
#mastermain .mtager {
	width: 100%;
	margin-bottom: 20px;
}
#mastermain .mtager .tagline {
	display: table;
	width: 100%;
}
#mastermain .mtager .tagline ul li a {
	font-size: 12pt;
	line-height: 32px;
	color: #66971C;
	display: block;
	height: 35px;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #82BF22;
	border-right-color: #82BF22;
	border-left-color: #82BF22;
	white-space: nowrap;
	font-weight: bold;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	cursor: pointer;
}
#mastermain .mtager .tagline ul li {
	float: left;
}
#mastermain .mtager .tagline ul {
	background-image: url(../images/line.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 37px;
}
#mastermain .mtager .tagline ul li.stay a {
	background-color: #FFF;
	
}
#mastermain .mtager .tagpage {
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-left: 15px;
	display: none;
	width: 850px;
}
#tabledate {
	float: left;
	height: auto;
	width: 410px;
	margin-right: 30px;
}
#mastermain .mtager .tagpage form {
	width: 100%;
}
#mastermain .mtager .tagpage form fieldset label {
	text-align: right;
	float: left;
	width: 120px;
	font-size: 12pt;
	line-height: 28px;
}
#mastermain .mtager .tagpage form fieldset {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
	display: table;
	width: 100%;
}
#mastermain .mtager .tagpage form fieldset div {
	float: right;
	width: 280px;
}
#mastermain .mtager .tagpage form fieldset div input[type="text"] {
	float: left;
	height: 28px;
	padding-left: 10px;
	width: 270px;
}
#candle {
	background-color: #CDCDCD;
	padding: 2px;
}
#candle .candlehand {
	background-color: #82BF22;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
	text-align: center;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
#candle .candlehand a .fa {
	font-size: 12pt;
	line-height: 20pt;
	color: #FFF;
	margin-right: 30px;
	margin-left: 30px;
}
#candle table thead tr th {
	width: 14.2%;
	color: #5A8718;
	background-color: #DEE7D0;
}
#candle table {
	font-size: 11pt;
}
#candle table td {
	background-color: #FFF;
	text-align: center;
	vertical-align: top;
	height: 50px;
}
#candle table tbody tr .order {
	background-color: #FFC;
}
#candle table tbody tr td.order:after {
	color: #C00;
	display: block;
	content: "已預約";
	font-size: 10pt;
	line-height: 20pt;
}
#candle table tbody tr .vacation {
	background-color: #F0F0F0;
	font-size: 10pt;
	line-height: 20pt;
}
#candle table tbody tr td.vacation:after {
	color: #000;
	display: block;
	content: "休假";
	font-size: 10pt;
	line-height: 20pt;
}
#candle table tbody tr td a {
	color: #000;
	display: block;
	height: 100%;
	width: 100%;
	cursor: pointer;
}
#candle table tbody tr td a:hover {
	color: #000;
	height: 100%;
	width: 100%;
	background-color: #E9F7CA;
	cursor: pointer;
}
#candle table tbody tr td a:hover:after ,#candle table tbody tr td a.stay:after {
	content: "預約";
	color: #82BF22;
	display: block;
	font-size: 10pt;
	line-height: 20pt;
}
#candle table tbody tr td a.stay{
	background-color: #E9F7CA;
}
#mastermain .mtager .tagpage form .right {
	float: left;
	width: 400px;
	margin-top: 20px;
}
#mastermain .mtager .tagpage form .right h4 {
	color: #066;
	margin-bottom: 10px;
	font-size: 15pt;
	line-height: 20pt;
}
#mastermain .mtager .tagpage form .right fieldset div select {
	height: 28px;
}
#mastermain .mtager .tagpage form .right .buttons input[type="submit"] {
	line-height: 28px;
	color: #FFF;
	background-color: #82BF22;
	text-align: center;
	height: 30px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
}
#mastermain .mtager .tagpage form .right .buttons {
	text-align: center;
}
#mastermain .mtager .tagpage .pageline {
	width:100%;
	color: #82BF22;
	text-align: center;
	display: table;
}
#mastermain .mtager .tagpage .pageline a{
	color: #82BF22;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
}
#mastermain .mtager .tagpage.stay {
	display: table;
}
#vote {
	height: 300px;
	width: 700px;
	padding: 20px;
}
#vote h3 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 15pt;
	line-height: 20pt;
	color: #060;
}
#vote form fieldset label {
	font-size: 12pt;
	line-height: 30px;
	text-align: right;
	float: left;
	width: 120px;
}
#vote form fieldset {
	display: table;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
}
#vote form fieldset div {
	float: left;
	height: auto;
	width: 540px;
	line-height: 30px;
}
#vote form fieldset input {
	background-color: #82BF22;
	height: 30px;
	width: 120px;
	font-family: "微軟正黑體", Arial;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	font-size: 12pt;
	line-height: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius:5px;
}
#vote form .but {
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#vote form fieldset div textarea {
	height: 80px;
	width: 100%;
}
#intor .memberabout .tablediv .rightpart h3 {
	color: #993300;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #930;
}
#faq ul {
	height: auto;
	width: 100%;
}
#faq ul li {
	margin-bottom: 15px;

}
#faq {
	margin: 20px;
	float: left;
	width: 840px;
}
#faq ul li .q a {
	color: #000000;
	background-color: #FFFFDF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	display: block;
	background-image: url(../images/q.png);
	background-repeat: no-repeat;
	background-position: 5px top;
	border-radius: 15px;
	cursor: pointer;
}
#faq ul li .a {
	font-size: 11pt;
	line-height: 20pt;
	color: #666;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 40px;
	display: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#faq ul li .a.stay {
	display: block;
}
#intor .memberabout .tablediv .rightpart #aboutus {
	padding: 15px;
}
#intor .memberabout div #orderleft.ordercar {
	width: 800px;
	margin-right: auto!important;
	margin-left: auto!important
}
#intor .memberabout div #orderleft .sqx .formpart {
	background-color: #FFF;
	padding: 15px;
	box-shadow:0 0 5px #666;
}#mastermain .mtager #pagesq {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
#mastermain .mainpart .carpic {
	float: left;
	width: 400px;
	margin-left: 20px;
	height: 240px;
	margin-top: 20px;
}
#wapper #intor .memberabout div h2 {
	text-align: left;
}
#intor .photopich .upload {
	background-color: #F0F0F0;
	margin: 20px;
	padding: 20px;
	border-radius:20px;
}
.photoform form fieldset input[type="file"] {
	float: left;
	height: 28px;
	width: auto;
	margin-right: 15px;
}
.photoform form fieldset input[type="text"] {
	height: 28px;
	margin-right: 15px;
	display: block;
}
.photoform form fieldset {
	display: table;
	width: 32%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
#intor .photopich .upload .note {
	margin-bottom: 20px;
}
#intor .photopich .upload .photoform form {
	display: table;
	width: 100%;
}
#intor .photopich .upload .photoform form fieldset label {
	line-height: 30px;
}
#intor .photopich .upload .photoform form div {
	background-color: #FFF;
	padding: 2%;
	width: 96%;
	display: table;
	margin-bottom: 10px;
	border-radius:10px;
}