You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
12 KiB
CSS
117 lines
12 KiB
CSS
@charset "utf-8";
|
|
/* TOUR CSS STYLE */
|
|
|
|
#contentRight > h2 { font-size:18px; border-bottom:1px solid #f1f1f1; padding-bottom:2px; margin:10px 0 5px 10px; }
|
|
#pic200 { background-color:#f1f1f1; border:1px solid #d1d1d1; padding:5px; width:200px; float:right; margin:0 0 8px 12px; }
|
|
#pic200 img { width:200px; height:150px; margin-bottom:5px; }
|
|
#pic200 .tipspicName { background:url(/css/images/arrow-gray.gif) no-repeat left 50%; padding-left:8px; margin-left:0px; font-size:11px; line-height:12px; }
|
|
#printItinerary .printTourleft { float:left; margin-right:50px; line-height:20px; }
|
|
#printItinerary a:link, #printItinerary a:visited { color:#6b6b6b; }
|
|
#printItinerary .printTourRight { float:left; line-height:20px; }
|
|
#printFoot { margin:20px 6px 0 6px; text-align:left; border-top:#a31022 5px solid; font-size:12px; color:#6b6b6b; line-height:20px; width:980px; height:60px; }
|
|
.printFootPic { float:left; margin-right:10px; }
|
|
#printItinerary .tourdayTitle { font-weight:bold; margin-right:5px; }
|
|
#printItinerary .removeButton { margin:15px 20px; text-align:right; width:auto; }
|
|
#tourItinerary { widows:650px; padding:0; float:left; margin:15px 0; }
|
|
.moretourList { margin:15px 0; }
|
|
.moretourList ul { margin-left:15px; }
|
|
.moretourList ul li { padding-left:0px; font-size:11px; color:#999; line-height:18px!important; margin-bottom:8px!important; list-style-image:url(/pic/arrow-r.gif)!important; }
|
|
.moretourList ul li a { text-decoration:underline; color:#545454; font-size:12px; }
|
|
.moretourList ul li a.videoTour { text-decoration:underline; color:#545454; font-size:12px; background:url(/css/images/video-red.gif) no-repeat right 50%; padding-right:15px; }
|
|
.moretourList ul li a:hover { color:#A31022; text-decoration:none; font-size:12px; }
|
|
.moretourList .morelistPrice { color:#A31022; font-size:12px; }
|
|
.functionBox { margin-bottom:15px; border:#ccc 1px solid; background-color:#fff; }
|
|
.functionBox h5 { padding:5px; margin-bottom:10px; background-color:#f4f4f4; text-align:center; font-size:12px; font-weight:bold; }
|
|
.graybackgroundFont { background:#F7F7F7; color:#666; padding:10px 4px 4px 7px; border:1px solid #ddd; margin:0 0 1.5em; font-size:100%; font-size:12px; }
|
|
.graybackgroundFont .personalInfo { width:520px; float:left; margin:12px 15px 0 0px; }
|
|
.chooseCities { margin:20px 0 10px 0; font-size:11px; line-height:18px; }
|
|
.chooseCities input[type="checked"] { margin-top:-3px; margin-bottom:10px; vertical-align:middle; margin-right:0; padding:0 }
|
|
.chooseCities label { width:160px; margin-right:10px; }
|
|
.customertourContent { margin:25px 0 35px 0; }
|
|
.customertourContent .adsCity { width:630px; }
|
|
#content #mainContent .customertourContent p { overflow:hidden; zoom:1; }
|
|
.customertourContent li { list-style:none; overflow:hidden; zoom:1; }
|
|
.customertourContent li img { width:200px; height:150px; -moz-border-radius:4px; }
|
|
.customertourContent h5 { text-align:left; font-size:12px; margin-bottom:5px; }
|
|
.customer-tour-intro { width:480px; float:left; text-align: justify; }
|
|
.customer-tour-intro .advisor { width:80px; height:80px; float:left; margin:5px 10px 0 0; }
|
|
.customer-tour-intro .advisor img { width:80px; height:80px; border-radius:4px; }
|
|
.customer-tour-promise { width:175px; float:right; }
|
|
/* tour swtich */
|
|
ul.tourInfoSwtich { margin: 15px 0; border-bottom:2px solid #d1d1d1; padding-left:0px; }
|
|
ul.tourInfoSwtich li { background:url(/css/images/tour/bg-th.png) repeat-x; float: left; margin-left:5px; list-style: none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight: bold; text-align:center; height:33px; line-height:33px; padding:0 8px 0 6px; border-radius:4px; }
|
|
ul.tourInfoSwtich li.active { border:2px solid #d1d1d1; background:#fff; border-bottom: none; color:#a31022; height:33px; margin-bottom:-2px; border-radius:4px; }
|
|
ul.tourInfoSwtich li a, ul.tourInfoSwtich li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight: bold; text-decoration: none; color:#fff; }
|
|
/*----*/
|
|
.questionForm { background-color:#f1f1f1; border:1px #d1d1d1 solid; margin-bottom:10px; padding-bottom:10px; padding:5px; }
|
|
#content #subContent .questionForm p { margin:5px 0 0 5px; }
|
|
.questionForm h3 { display:block; font-size:14px; margin:0; color:#fff; background:#999 none repeat scroll 0 0; padding:8px 0 8px 12px; }
|
|
.questionForm .questionFormTitle { font-size:17px; font-weight: normal; display: block; margin: 5px 0 8px 5px; color:#a31022 }
|
|
.questionForm label { float:left; width:70px; line-height:14px; padding-top:10px; padding-right:8px; font-size:11px; }
|
|
.questionForm input { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color:#666666; font-size:11px; line-height:16px; padding:4px 5px; width:160px; margin:5px 0 3px 0; }
|
|
.questionForm textarea { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color:#666; font-size:11px; line-height:16px; padding:4px 5px; width:240px; margin:5px 0 3px 0; }
|
|
.questionForm .buttun01 { margin-left:85px; }
|
|
.buttun01 a { background-color: #FFFFFF; background-image: url("/css/images/bg-click.GIF"); background-position: center bottom; background-repeat: repeat-x; border: 1px solid #D1D1D1; color: #A31022; display: block; padding: 6px 12px; text-decoration: none; }
|
|
/* page nav */
|
|
#content .pageNav { border-bottom:#C1C1C1 1px solid; width:100%; margin:15px 0 10px 0; height:20px; position:relative }
|
|
#content .pageNav ul { padding:0px; position:absolute; margin-left:15px; list-style:none; left:-3px; top:-7px }
|
|
#content .pageNav ul li { display:block; margin:0 4px 0 0; float:left; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; background-image:url(/css/images/bg-page.GIF); padding:5px 8px 0 8px; height:22px; background-color:#fff; color:#C6162B; font-size:11px; font-weight:bold }
|
|
#content .pageNav ul li.active { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top:1px solid #C1C1C1; border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1; background:#fff }
|
|
#content .pageNav ul li.background { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top:1px solid #45A0C2; border-left:1px solid #45A0C2; border-right:1px solid #45A0C2; background:#45A0C2 }
|
|
#content .pageNav ul li.active a, #content .pageNav ul li.active { color:#C6162B }
|
|
#content .pageNav ul li a, #content .pageNav ul li { color:#fff; text-decoration:none; cursor:pointer }
|
|
#content .pageNav ul li a:hover { text-decoration:underline }
|
|
.buttun01 { font-weight:bold; text-align:center; color:#A31022; cursor:pointer; width:100px; margin:15px 0 }
|
|
.buttun01 a { display:block; -moz-border-radius:5px; -moz-border-radius:5px; border:#D1D1D1 1px solid; background-color:#fff; background-image:url(/css/images/bg-click.GIF); background-repeat:repeat-x; background-position:bottom; padding:6px 12px; text-decoration:none; color:#a31022; }
|
|
.buttun01 a:hover { display:block; padding:6px 12px; background-color:#fff; background-image:url(images/bg-click-hover.GIF); background-repeat:repeat-x; background-position:bottom; }
|
|
/* public search */
|
|
ul#product-search-nav { margin:0; padding:0; color:#444; height:50px; width:275px; overflow:hidden; background:url(/css/images/bg-search-nav.jpg) no-repeat left -2px; }
|
|
ul#product-search-nav li { float:left; text-align:center; list-style:none; }
|
|
ul#product-search-nav li a { display:block; padding:32px 8px; color:#f6f6f6; height:12px; font-weight:bold; font-size:11px; text-decoration:none; }
|
|
ul#product-search-nav li a:hover { color:#444444; }
|
|
ul#product-search-nav li a:focus { outline:0; }
|
|
ul#product-search-nav li a.tour { width:52px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-right:1px solid #bdbdbd; }
|
|
ul#product-search-nav li a.tourSelected { background:url(/css/images/bg-search-nav.jpg) no-repeat left -62px; color:#9c0027; }
|
|
ul#product-search-nav li a.cruise { width:50px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; }
|
|
ul#product-search-nav li a.cruiseSelected { background:url(/css/images/bg-search-nav.jpg) no-repeat -67px -62px; color:#9c0027; }
|
|
ul#product-search-nav li a.hotel { width:51px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; }
|
|
ul#product-search-nav li a.hotelSelected { background:url(/css/images/bg-search-nav.jpg) no-repeat -140px -62px; color:#9c0027; }
|
|
ul#product-search-nav li a.flight { width:51px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-left:1px solid #bdbdbd; }
|
|
ul#product-search-nav li a.flightSelected { background:url(/css/images/bg-search-nav.jpg) no-repeat -207px -62px; color:#9c0027; }
|
|
.productBox .productTitle { font-size:14px; line-height:20px; display:block; margin:5px 0; font-weight: bold; }
|
|
.productBox { padding:5px 5px 10px 10px; background:#fff url(/css/images/bg-search.gif) no-repeat left bottom; border-left:2px solid #BDBDBD; border-right:2px solid #BDBDBD; border-bottom:2px solid #BDBDBD; margin-bottom:10px; }
|
|
.productBox table { font-size:11px; }
|
|
.productBox table tr td { text-align:left; margin-bottom:3px; padding:0 0 6px 0; }
|
|
.productBox img.searchStyle { margin:5px 83px 5px 0; float:right; }
|
|
.productBox ul li { list-style:none; }
|
|
.productBox .flightCity { background:#fff url(/css/images/flight/menu.png) 140px center no-repeat; -moz-background-clip:border; -moz-background-inline-policy:continuous -moz-background-origin:padding;
|
|
border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; width:153px; }
|
|
.productBox a:link, .productBox a:visited { size:11px; color:#545454; }
|
|
.productBox a:hover { text-decoration:none; color:#a31022; }
|
|
.productBox label { float:left; width:80px; line-height:14px; padding-top:10px; font-size:11px; }
|
|
.productBox label.noPadding { padding-top:5px; }
|
|
.searchBoxinput200 { width:200px; }
|
|
.searchBoxinput250 { width:250px; }
|
|
.searchBoxinput100a { width:100px; margin:8px 0 0 29px; }
|
|
.searchBoxinput80 { width:80px; margin:5px 0 0 0; }
|
|
.searchBoxinput50 { width:50px; margin:10px 0 0 0; }
|
|
.searchBoxinput100 { width:100px; margin:5px 0 0 0; }
|
|
.searchBoxinput130 { width:130px; margin:5px 0 0 0; }
|
|
.searchBoxinput300 { width:300px; margin:8px 0 0 29px; }
|
|
.searchBoxinput120 { width:120px; margin:10px 0 0 0; }
|
|
.productBox input, .productBox textarea, .productBox select { -x-system-font:none; background:#fff; border:1px solid #DDDDDD; color:#666666; font-family:Verdana, Sans-Serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; padding:4px 5px; margin:5px 0 5px 0; }
|
|
.productBox input:focus, .productBox textarea:focus, .productBox select:focus, .productBox input.nobg:focus { border:1px solid #a31022; background-color:#f1f1f1; }
|
|
.productBox input { background:#fff url(/css/images/calender.GIF) 140px center no-repeat; width:153px; padding:4px 5px; border:1px solid #F3CB76; }
|
|
.productBox input.nobg { background:#fff; width:153px; border:solid 1px #ddd; }
|
|
.productBox input.radio { width:18px; border:1px solid #fff; margin-top:8px; margin-right:5px; float:left; margin-left:10px; }
|
|
.productBox select { width:165px; }
|
|
.productBox select option { padding-left:5px; background:#fff; border-bottom:1px solid #eee; font-size:12px; }
|
|
.productBox .productboxcity { font-size:10px; width:160px; background:#fff; border:1px solid #DDDDDD; float:left; padding:5px 0 5px 5px; }
|
|
.productBox .productboxcity td { padding:2px 0 5px 2px; color:#666; vertical-align:middle; line-height:12px; }
|
|
.productBox input.checkbox { background:#fff; width:16px; padding:2px 0 2px 2px; border: none; margin-top:-3px; margin-bottom:0px; vertical-align:middle; margin-right:0 }
|
|
.productBox textarea { width:140px; height:40px; margin-top:5px; }
|
|
.productBox .advancedSearch { float:right; font-size:11px; bottom:5px; }
|
|
.productBox .advancedSearch a { color:#9c0027; }
|
|
.tourDay { display: block; font-style:italic; border-bottom:1px solid #d1d1d1; padding-bottom:1px; }
|
|
.tourDay .dayBox { background: none repeat scroll 0 0 #D1D1D1; color: #a31022; font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 0; padding: 5px; text-align: left; width: 70px; font-style:normal; font-weight: normal; }
|