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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS";
	  outline: none; /* for Firefox Google Chrome  */
      behavior:expression(this.onFocus=this.blur()); /* for IE */

}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	  outline: none; /* for Firefox Google Chrome  */
      behavior:expression(this.onFocus=this.blur()); /* for IE */

}

#wrapper {
	width: 100%;
	min-width:1200px;
}

#header {
	height: 128px;
	width: 100%;
	background-color: #FFF;
	box-shadow:0 0 5px #666;
}

h1,h2,h3,h4,h5,h6.form,ul,li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
	
}


#header #toolbar {
	background-color: #82BF22;
	height: 30px;
	width: 100%;
}
#header #mainbar {
	height: 100px;
	width: 100%;
}
.sq {
	height: 100%;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#mainbar .sq #logo {
	float: left;
	height: 100px;
	width: auto;
}
#mainbar .sq #logo a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-image: url(../images/logo_taiwangooe.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 100px;
	width: 348px;
}
#toolbar .sq ul {
	float: right;
	height: 28px;
	width: auto;
}
#toolbar .sq ul li {
	font-size: 10pt;
	line-height: 28px;
	float: left;
}
#toolbar .sq ul li a {
	font-size: 10pt;
	line-height: 28px;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}
#mainbar .sq #menu {
	float: right;
	height: 100px;
	width: 800px;
}
#menu ul {
	float: right;
	height: 100px;
	width: auto;
}
#menu ul li {
	float: left;
	height: 30px;
	width: auto;
	margin-top: 35px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
}
#menu ul li:last-child {
	border-right-style: none;
}


#menu ul li a {
	height: 30px;
	width: auto;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 12pt;
	line-height: 30px;
	color: #666;
}
#menu ul li a:hover {
	font-weight: bold;
	color: #82BF22;
}
#main {
	height: auto;
	width: 100%;
	position: absolute;
	left: -3px;
	top: 558px;
}
#slide_banner {
	position: absolute;
	z-index: -1;
	height: auto;
	width: 100%;
	min-width:1200px;
	left: 0px;
	top: 128px;
	overflow: hidden;
}
#slide_banner ul li img {
	height: auto;
	width: 100%;
}
#slide_banner ul {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
#slide_banner .space {
	height: auto;
	width: 100%;
}
#slide_banner ul li {
	height: auto;
	width: 100%;
	position: relative;
}
.sq {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	height: 1px;
	display: table;
	position: relative;
}
.sq #search_bar {
	float: right;
	height: 405px;
	width: 380px;
	position: absolute;
	top: 25px;
	right: 0px;
}
#main #intor {
	background-color: rgba(255,255,255,0.8);
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	min-height:500px;
}
#intor .pushlist{
	display: table;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 60px;
	padding-left: 40px;
}
#intor .memberabout{
	display: table;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 60px;
	padding-left: 40px;
	width:1120px;
}
#intor .pushlist ul {
	display: table;
	height: auto;
	width: 100%;
}
#intor .pushlist ul li {
	float: left;
	height: 380px;
	width: 360px;
	margin-right: 17px;
	margin-bottom: 40px;
	padding: 1px;
}
#intor .pushlist ul li:hover {
	padding: 0px!important;
	background-color: #FFFFF0;
	border: 1px solid #CCC;
	box-shadow:0 0 5px #999;
}






#intor .pushlist ul li:nth-child(3n) {
	margin-right: 0px;

}
#slide_banner ul li .slogan {
	padding-right: 500px;
	height: auto;
	font-size: 36pt;
	line-height: 50px;
	color: #FFF;
	text-align: center;
	width: 100%;
	padding-top: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	min-width: 1200px;
}
#slide_banner ul li .slogan span {
	font-size: 50pt;
	line-height: 60pt;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-shadow: 0 0 5px #666;
	padding-right: 400px;
}
#search_bar #tag {
	height: 40px;
	width: 100%;
}
#search_bar #listsq {
	background-color: rgba(0,0,0,0.7);
	height: 365px;
	width: 100%;
	overflow: hidden;
}
#search_bar #tag ul {
	height: 40px;
	width: 100%;
}
#search_bar #tag ul li {
	height: 39px;
	width: 126px;
	float: left;
	background-color: rgba(0,0,0,0.7);
	margin-right: 1px;
	font-size: 12pt;
	line-height: 38px;
	color: #FFF;
	text-align: center;
}

#search_bar #tag ul li.stay {
	height: 40px;
	width: 126px;

}

#search_bar #tag ul li:last-child {

	margin-right: 0px;
}
#search_bar #tag ul .stay a {
	color: #F60;
	font-weight: bold;
}
#search_bar #tag ul li a {
	color: #FFF;
	display: block;
}
#search_bar #tag ul li a:hover {
	font-weight: bold;
}
#search_bar #listsq .sq {
	float: left;
	height: 300px;
	width: 325px;
	color: #FFF;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	display: none;
}
#search_bar #listsq .sq form fieldset {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: table;
	float: left;
}
#search_bar #listsq .sq form fieldset label {
	font-size: 11pt;
	line-height: 35px;
	color: #FFF;
	text-align: right;
	width: 75px;
	float: left;
}
#search_bar #listsq .sq form fieldset select {
	float: left;
	height: 35px;
	width: 250px;
}
#listsq .sq form fieldset .date a {
	line-height: 33px;
	color: #666;
	background-color: #FFF;
	float: left;
	height: 35px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #CCC;
	margin-right: 6px;
	font-size: 10pt;
}
#listsq .sq form fieldset .date a:last-child {
	margin: 0px;
}
#search_bar #listsq .sq form fieldset input[type="text"] {
	float: left;
	height: 30px;
	width: 243px;
}
#listsq .sq form fieldset select.count {
	width: 50px!important;
	height: auto;
}
#search_bar #listsq .sq form fieldset input[type="submit"] {
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS";
	line-height: 35px;
	font-weight: bold;
	color: #FFF;
	height: 35px;
	width: 100%;
	background-color: #82BF22;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12pt;
}
#listsq .sq form fieldset .date a.stay {
	color: #FFFFFF;
	background-color: #82BF22;
}
#intor .pushlist h2,#intor .memberabout h2 {
	font-size: 24pt;
	line-height: 50px;
	color: #336666;
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS";
	text-shadow: 0 0 3px #fff;
	position: relative;
	
}
#intor .pushlist h2 a.more{
	font-size: 11pt;
	line-height: 20px;
	color: #82BF22;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	position: absolute;
	top: 13px;
	right: 0px;
	float: right;
	height: auto;
	width: auto;
	border-radius: 5px;
	text-shadow: 0 0 0 #000;
}
#intor .pushlist ul li .ppic {
	height: auto;
	width: 100%;
	overflow: hidden;
}
#intor .pushlist ul li .ppic img {
	height: auto;
	width: 100%;
	 transition: all .6s; 
-webkit-transition: all .6s; 
}



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

}








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

}
#intor .pushlist ul li .info {
	font-size: 9pt;
	line-height: 12pt;
	color: #999;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
}
#intor .pushlist ul li .info span {
	margin-right: 10px;
}
#intor .pushlist .orange h2 {
	color: #F60;
}
#intor .pushlist .orange h2 .more {
	color: #F60;
}
#intor .pushlist .orange ul li .price a {
	background-color: #F60;
}
#footer {
	background-color: #82BF22;
	width: 100%;
	min-width: 1200px;
	padding-top: 50px;
	padding-bottom: 50px;
}
#footer .sq {
	font-size: 11pt;
	line-height: 20pt;
	color: #FFF;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
#intor .pushlist .blue h2 {
	color: #09C;
}
#intor .pushlist .blue .serviceicon {
	height: auto;
	width: 100%;
}
#intor .pushlist .blue .serviceicon ul {
	display: table;
	height: auto;
	width: 100%;
}
#intor .pushlist .blue .serviceicon ul li {
	float: left;
	height: 230px;
	width: 200px;
	margin-right: 12px;
	margin-left: 12px;
	padding: 0px;
}
#intor .pushlist .blue .serviceicon ul li .picp {
	height: 200px;
	width: 200px;
	overflow: hidden;
		 transition: all .6s; 
-webkit-transition: all .6s; 
}
#intor .pushlist .blue .serviceicon ul li:hover .picp {
transform: scale(1.07);
-webkit-transform: scale(1.07);
}
#intor .pushlist .blue .serviceicon ul li:hover {
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	box-shadow:none;
	
}
#intor .pushlist .blue .serviceicon ul li .namep {
	font-size: 12pt;
	line-height: 30pt;
	text-align: center;
}
#main.inpage {
	top: 420px;
}
#slide_banner.inpage ul li .slogan span {
	text-align: right!important;
	width: 1200px!important;
	padding-right: 0px!important;
	
}
#slide_banner.inpage ul li .slogan{
	padding-top: 100px;
	padding-right:0px!important;
}
#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 .login {
	padding-top: 30px;
	padding-bottom: 50px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	display: table;
	width: 100%;
}
#intor .memberabout div .login form {
	width: 450px;
	margin-right: 55px;
	margin-left: 55px;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: auto;
	border-radius: 12px;
	margin-bottom: 10px;
	background-image: url(../images/fds.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#intor .memberabout div .login form .note {
	background-color: #82BF22;
	height: 35px;
	width: 100%;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
}
#intor .memberabout div .login form .note {
	font-size: 12pt;
	line-height: 30px;
	color: #FFFFFF;
	text-indent: 10px;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#intor .memberabout div .login form fieldset {
	width: 400px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: table;
}
#intor .memberabout div .login form fieldset label {
	text-align: right;
	width: 80px;
	margin-right: 10px;
	color: #000000;
	display: block;
	line-height: 30px;
	height: 30px;
	float: left;
}
#intor .memberabout div .login form fieldset input[type="text"],#intor .memberabout div .login form fieldset input[type="password"] {
	float: left;
	height: 30px;
	width: 250px;
	display: block;
	border: 1px solid #82BF22;
	padding-left: 10px;
}
#intor .memberabout div .login form fieldset .code {
	float: left;
	width: 90px!important;
	margin-right: 10px;
}
#intor .memberabout div .login form fieldset img {
	margin-right: 10px;
	float: left;
}
#intor .memberabout div .login form fieldset .replay {
	background-image: url(../images/replay.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 30px;
	width: 30px;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	display: block;
	cursor: pointer;
}
#intor .memberabout div .login form fieldset input[type="submit"] {
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	background-color: #82BF22;
	height: 30px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	border-radius: 5px;
}
#intor .memberabout div .login form .passwordtext {
	height: 20px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 10pt;
	line-height: 20px;
	margin-bottom: 15px;
}
#intor .memberabout div .login form .passwordtext a {
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	color: #82BF22;
}
#intor .memberabout div .login form .passwordtext a:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#intor .memberabout div .login form div.blog {
	width: 400px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#intor .memberabout div .login form .blog span {
	font-size: 10pt;
	line-height: 16pt;
	color: #666;
	text-align: center;
	width: 100%;
}
#intor .memberabout div .login form .button {
	margin-bottom: 5px;
}
#intor .memberabout div .login .otherid {
	min-height: 350px;
	width: 450px;
	padding-left: 55px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
	float: left;
}
#intor .memberabout div .login .otherid .note {
	font-size: 12pt;
	line-height: 25px;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 5px;
	float: left;
	width: 100%;
	background-color: #82BF22;
}
#intor .memberabout div .login .otherid .logoinway {
	width: 100%;
	margin-top: 80px;
	margin-bottom: 30px;
	text-align: center;
}
#intor .memberabout div .login .otherid .logoinway a img {
	height: 80px;
	width: 80px;
	margin-right: 10px;
	margin-left: 10px;
}

#intor .memberabout div .login .password {
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#intor .memberabout div .login #join_greey {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: auto;
	border-radius: 12px;
	margin-bottom: 10px;
	background-image: url(../images/fds.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-radius: 15px;
	padding: 0px;

}

#intor .memberabout div .login #join_greey .title {
	font-size: 12pt;
	line-height: 30px;
	color: #FFFFFF;
	text-indent: 10px;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #82BF22;
	border-top-left-radius:10px;
	border-top-right-radius:10px;


}
#intor .memberabout div .login #join_greey .textarea {
	font-size: 12pt;
	line-height: 20pt;
	color: #333;
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
}
#join_greey .textarea ol {
	padding: 0px;
	list-style-type: decimal;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#join_greey .textarea ol li {
	margin-bottom: 10px;
	list-style-type: decimal;
	color: #666;
	margin-left: 20px;
	font-size: 11pt;
	line-height: 16pt;
}
#join_greey .textarea h3 {
	color: #82BF22;
	margin-bottom: 10px;
}
#butline {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 9pt;
	color: #999;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
#butline div a {
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	background-color: #82BF22;
	display: block;
	height: 30px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	border-radius:8px;
}
#join_greey .memberinfo {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
#join_greey .memberinfo .memberform {
	height: auto!important;
	width: 100%!important;
	margin-bottom: 20px!important;
	padding: 0px!important;
	margin-right: 0px!important;
	margin-left: 0px!important;
}
#join_greey .memberfile {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
#join_greey .memberfile form{
	padding: 0px!important;
	background-image: none!important;
	float: none!important;
	width: 800px!important;
	margin: 0px!important;
	background-color: rgba(255,255,255,0)!important;
	border-top-style: none!important;
	border-right-style: none!important;
	border-bottom-style: none!important;
	border-left-style: none!important;
}
#join_greey .memberfile form fieldset {
	width: 100%!important;
	border-bottom-width: 1px!important;
	border-bottom-style: dotted!important;
	border-bottom-color: #CCC!important;
}
#join_greey .memberfile form fieldset:last-child {

	border-bottom-style: none!important;

}
#join_greey .memberfile form {
	display: table;
}
#join_greey .memberfile form fieldset select {
	height: 30px;
	width: 260px;
	border: 1px solid #82BF22;
}
#join_greey .memberfile form fieldset span {
	display: block;
	height: 30px;
	line-height: 30px;
	padding-right: 5px;
	width: 40px;
	text-align: right;
	float: left;
}
#join_greey .memberfile form fieldset input[type="checkbox"] {
	margin-right: 10px!important;
	margin-top: 7px!important;
}
#join_greey .memberfile form fieldset .email {
	width: 600px!important;
}
#join_greey .memberfile form fieldset div input {
	float: left;
	margin-right: 5px;
}
#intor .memberabout div .login .note {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10pt;
	margin-bottom: 10px;
}
#intor .memberabout div .login .note span {
	color: #C00;
}
#join_greey .memberfile form fieldset label {
	color: #000!important;
}
#join_greey .memberfile form fieldset div {
	float: left;
	width: 400px;
	margin-bottom: 7px!important;
}

#join_greey .memberfile form fieldset label span{
	color: #C00!important;
	float: none;
	width: auto;
	display: inline-table;
}
#join_greey .memberfile form fieldset .all {
	float: left!important;
	width: 100%!important;
	text-align: left!important;
	margin: 0px!important;
	padding: 0px!important;
}
#stepline {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 50px;
	overflow: hidden;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	padding-bottom: 30px;
}
#stepline ul {
	height: auto;
	width: 100%;
	display: table;
}
#stepline ul li {
	width: 150px;
	padding-right: 50px;
	float: left;
	background-image: url(../images/arrow_step.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#stepline ul li:last-child {
width: 150px;
	padding-right: 0px;
	background-image: none;

}
#stepline ul li .step
 {
	background-color: #F0FED3;
	float: left;
	height: 140px;
	width: 140px;
	border-radius: 75px;
	border: 3px solid #82BF22;
	box-shadow: 0 0 3px #999;
	color: #6BA658;
}


#stepline ul li.stay .step
 {
	background-color: #82BF22;
	float: left;
	height: 140px;
	width: 140px;
	border-radius: 75px;
	border: 3px solid #82BF22;
	box-shadow: 0 0 3px #999;
	color: #FFF;
}





#stepline ul li .step .no {
	font-size: 12pt;
	line-height: 20px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: center;
}
#stepline ul li .step .how {
	font-size: 16pt;
	line-height: 20pt;
	color: #006600;
	font-weight: bold;
	text-align: center;
}
#stepline ul li.stay .step .how {
	color: #fff;
}
#ticket {
	height: 240px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/tieckt.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#ticket .ctw a{
	width: 200px;
	padding-top: 50px;
	padding-right: 120px;
	padding-left: 50px;
	font-size: 20pt;
	line-height: 24pt;
	color: #0A71A9;
	float: left;
	padding-bottom: 100px;
	margin-top: 30px;
	margin-right: 20px;
	margin-left: 10px;
}
#ticket .bcn a{
	width: 200px;
	padding-top: 50px;
	padding-left: 120px;
	padding-right: 40px;
	font-size: 20pt;
	line-height: 24pt;
	color: #0A71A9;
	float: left;
	text-align: right;
	margin-top: 30px;
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 100px;
}
#ticket div a {
	font-weight: bold;
	color: #0A71A9;
	display: block;
}
#ticket div a:hover {
	color: #C00;
}
#gotop {
	text-align: right;
	padding: 10px;
}
#gotop a {
	color: #82BF22;
}
#orderinfo {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#orderinfo .onepart h3 {
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	background-color: #82BF22;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 10px;
}
#orderinfo .onepart .formsq {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-image: url(../images/fds.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px solid #CCC;
	background-color: #FFF;
}
#orderinfo .onepart .formsq ul.order {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
#orderinfo .onepart .formsq ul.order li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	position: relative;
	display: inline-table;
	width: 100%;
	margin-bottom: 5px;
}
#orderinfo .onepart .formsq ul.order li div {
	font-size: 11pt;
	line-height: 30px;
	color: #333;
}
#orderinfo .onepart .formsq ul.order li div.t {
	text-align: right;
	width: 120px;
	float: left;
	color: #476A13;
}
#orderinfo .onepart .formsq ul.order li div.in {
	padding-left: 140px;
	position: relative;
}
#orderinfo .onepart .formsq ul.order li .in span {
	margin-right: 20px;
	display: block;
}
#orderinfo .onepart .formsq form fieldset {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-size: 11pt;
	line-height: 30px;
	color: #333;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS";
	display: inline-table;
	width: 100%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#orderinfo .onepart .formsq .service_check label {
	width: auto;
	margin-right: 50px;
}
#orderinfo .onepart .formsq .service_check .airplan1 .fa,#orderinfo .onepart .formsq .service_check .airplan2 .fa {
	padding-right: 5px;
	color: #82BF22;
}
#orderinfo .onepart .formsq h4 {
	font-size: 12pt;
	line-height: 25px;
	color: #333;
	background-color: #FFC;
	text-indent: 10px;
	height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	border: 1px solid #FC3;
	width: 100%;
	margin-bottom: 10px;
}
#orderinfo .onepart .formsq fieldset label {
	float: left;
	height: auto;
	width: 150px;
	text-align: right;
}
#orderinfo .onepart .formsq form div fieldset input[type=text],#orderinfo .onepart .formsq div fieldset select {
	line-height: 25px;
	height: 25px;
	margin-right: 10px;
}
#orderinfo .onepart .formsq form div fieldset .address,#orderinfo .onepart .formsq div fieldset .cartype{
	padding-left: 150px;
	position: relative;
	padding-right: 50px;
	margin-bottom: 5px;
}
#orderinfo .fa.fa-plus-square {
	font-size: 25px;
	color: #9C0;
	margin-right: 10px;
}
.fa.fa-plus-square span {
	font-size: 10pt;
	line-height: 25px;
	color: #06C;
	text-decoration: underline;
	margin-left: 5px;
}
#orderinfo .onepart .formsq div fieldset .plus {
	float: right;
	cursor: pointer;
	display:block;
}
#orderinfo .onepart .formsq div fieldset .cartype .carname {
	width: 140px;
	display:inline-table;
}



#orderinfo .onepart .formsq div fieldset .cartype .comname {
	width: 80px;
	display:inline-table;
}



#orderinfo .onepart .formsq div fieldset .cartype .yn {
	width: auto;
	margin-right:30px;
	display:inline-table;
}
#orderinfo .onepart .formsq div fieldset .cartype input[type=checkbox] {
	margin-right: 5px;
	margin-top: 10px;
}
#orderinfo .onepart .formsq div fieldset .cartype .note {
	font-size: 10pt;
	line-height: 30px;
	color: #999;
}
#orderinfo .onepart .formsq div fieldset .rednote {
	font-size: 10pt;
	line-height: 30px;
	color: #C00;
}
#orderinfo .onepart .formsq div fieldset .cartype label {
	float: none;
}
#orderinfo .onepart .formsq .pirce {
	font-size: 12pt;
	line-height: 20pt;
	color: #C00;
	background-color: #E2F3A9;
	text-align: right;
	padding-right: 2%;
	padding-left: 2%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 96%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}
#orderinfo .onepart .formsq .total {
	color: #FFF;
	background-color: #FF9900;
	margin-top: 10px;
	text-align: right;
	padding-right: 2%;
	padding-left: 2%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 96%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12pt;
	line-height: 20pt;
}
#orderinfo .onepart .formsq fieldset input[type=submit],#orderinfo .onepart .formsq fieldset input[type=button] {
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	background-color: #82BF22;
	height: 30px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-rdius: 5px;
	box-shadow: 0 0 2px #666;
	padding-right: 30px;
	padding-left: 30px;
}
#orderinfo .onepart .formsq .buttonline {
	text-align: center;

}
#orderinfo .onepart h3 span {
	font-size: 10pt;
	color: #EDEDED;
	float: right;
	font-weight: normal;
	padding-right: 10px;
}
#orderinfo .onepart .formsq fieldset .communcat {
	padding-left: 150px;
}
#orderinfo .onepart .formsq fieldset span {
	margin-right: 10px;
}
#orderinfo .onepart .formsq fieldset:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

h4 .fa {
	top: -10px;
	font-size: 20px;
	line-height: 20px;
	color: #82BF22;
	margin-right:10px;
	padding: 0px;
}
#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: 340px;
	width: 260px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding: 1px;
}
#intor .list_position ul#plist li:hover {
	padding: 0px!important;
	background-color: #FFFFF0;
	border: 1px solid #CCC;
	box-shadow:0 0 5px #999;
}






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

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

}

#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;
}
#intor .list_position ul li .price {
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-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;
	margin-top: 5px;

}
#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 .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;
}
#info {
	float: left;
	width: 500px;
}
#info h2 {
	font-size: 20pt;
	line-height: 24pt;
}
#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;
	background-color: #FFC;
	padding-left: 20px;
	line-height: 35px;
	height: 35px;
	margin-bottom: 10px;
	border: 1px solid #F90;
	border-radius:10px;
}
#pagepart .page.stay div p {
	font-size: 11pt;
	line-height: 20pt;
	color: #333;
	margin-bottom: 20px;
	margin-top: 10px;
}
#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;
}
#tableform th {
	background-color: #FFC;

}

#tableform {
	background-color: #999;
	font-size: 10pt;
	line-height: 14pt;
	margin-bottom: 10px;
}
#tableform th, #tableform td{
	text-align: center;
	vertical-align: middle;
}
#tableform tr td {
	color: #666;
	background-color: #FFF;
}
#tableform tr td div {
	font-size: 10pt;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	text-align: left;
	color: #900;
}
#tableform tr td div span {
	color: #333;
}
#tableform tr .price {
	font-size: 12pt;
	color: #900;
}
#tableform tr td select {
	margin: 0px!important;
}
#tableform tr td a .fa {
	color: #82BF22;
}
#tableform tr td .delete {
	display: block;
	height: 25px;
	width: 25px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/trashcan.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.addmore th {
	color: #333;
	background-color: #E0E0E0;
}
.addmore {
	font-size: 10pt;
	margin-bottom: 20px;
}
.addmore tr td {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	color: #666;
}
.addmore tr .price {
	color: #900;
}
#orderinfo .onepart  li .in.ins div {
	display: block;
}
#orderinfo li .in.ins div span {
	float: left;
}
#orderinfo .onepart .formsq form div fieldset .cartype .red {
	color: #900;
	margin-left: 10px;
}
#orderinfo .bline {
	text-align: center;
	margin-top: 15px;
	display: table;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
#orderinfo .bline a {
	color: #FFF;
	height: 35px;
	width: 120px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #82BF22;
	display: block;
	line-height: 35px;
	float: left;
}
#orderinfo .bline a:hover {
	background-color: #F60;
}
#pageline {
	height: auto;
	width: 100%;
	text-align: center;
}
#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;
}
#orderinfo .onepart .formsq form .buttonline a {
	line-height: 30px;
	color: #FFF;
	text-align: center;
	background-color: #82BF22;
	margin-right: 10px;
	margin-left: 10px;
	display: inline-block;
	font-size: 12pt;
	height: 30px;
	width: 120px;
}
#info .orderform fieldset .note {
	font-size: 10pt;
	line-height: 28px;
	color: #900;
	float: left;
}





#svgdiv {
	display: table;
	width: 100%;
}
#svgdiv svg {
	float: left;
	margin-bottom: 20px;
}


#svgdiv svg path {
	cursor: pointer;
	fill: #D8D8D8;
}
#svgdiv svg path.stay {
	fill: #F90;
}




#svgdiv #location_poin {
	float: left;
	width: 600px;
}
#svgdiv #ition {
	float: right;
	width: 560px;
	background-color: #FFF;
	border: 3px solid #82BF22;
	border-radius: 15px;
	margin-bottom: 20px;
	position: relative;
}
#ition .intorpage {
	padding: 15px;
	display: none;
}
#ition .intorpage h5 {
	font-size: 18pt;
	line-height: 24pt;
	color: #660066;
	margin-bottom: 15px;
}
#ition .intorpage ul li .pic {
	height: 80px;
	width: 80px;
	margin-right: 10px;
	margin-bottom: 5px;
	overflow: hidden;
	border: 3px solid #EDEDED;
	border-radius: 45px;
	box-shadow: 0 0 3px #666;
	float: left;
	margin-top: 5px;
}
#ition .intorpage ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	display: table;
	width: 100%;
	position: relative;
}
#ition .intorpage ul li .pic img {
	height: auto;
	width: 100%;
}
#ition .intorpage ul li .text {
	padding-left: 120px;
	position: relative;
	margin-top: 10px;
}
#ition .intorpage ul li .text h6 {
	font-size: 12pt;
	line-height: 20pt;
	color: #333;
	margin: 0px;
	padding: 0px;
}
#ition .intorpage ul li .text p {
	font-size: 10pt;
	line-height: 16pt;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}
#ition #tag {
	background-image: url(../images/se.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 33px;
	width: 25px;
	left: -25px;
	top: 40px;
}
#ition .intorpage.stay {
	display: block;
}
#ordertrip {
	display: table;
}
#ordertrip #orderleft {
	float: left;
	width: 720px;
	margin-right: 20px;

}
#ordertrip #orderright {
	float: left;
	width: 380px;
}
#ordertrip #orderleft .sqx {
	margin: 20px;
	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;
}
#orderleft .sqx h3 {
	font-size: 15pt;
	line-height: 35px;
	color: #FFF;
	background-color: #82BF22;
	text-indent: 20px;
	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;
}
#ordertrip #orderleft .sqx .formpart {
	padding: 20px;
}
#ordertrip #orderright .sqx {
	margin: 20px;
	background-color: #FFFFFF;
	padding: 20px;
	border-radius:10px;
	box-shadow:0 0 3px #666;
}
#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;
}
#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 {
	margin-top: 30px;
}
#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;
}
#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;
}