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.
229 lines
14 KiB
CSS
229 lines
14 KiB
CSS
8 years ago
|
@charset "utf-8";
|
||
|
|
*{ padding:0; margin:0;}
|
||
|
|
* {font-family: Verdana,Arial,Helvetica,sans-serif;}
|
||
|
|
|
||
|
|
body{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:19px; color:#545454;}
|
||
|
|
p{margin: 0 0 10px; width:739px; color:#565656; text-align:justify; font-size:13px; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
ul li.transverse{background:url(../image/arrow.png) no-repeat scroll 0 7px; line-height:20px; font-size:13px; float: left; list-style: none outside none; margin-bottom:10px; padding-left: 11px; width: 250px;}
|
||
|
|
ul li{list-style:none; background:url(../image/arrow.png) no-repeat scroll 0 7px; padding-left:11px; line-height:20px; font-size:13px; margin-bottom:10px;}
|
||
|
|
ul li.liWithBackground{ margin:0px; background:#F0F0F0; width:710px; border-left:#A61029 5px solid; padding:10px; margin-bottom:3px;}
|
||
|
|
ul li.liWithBackground .liIcon{border:none; margin:0px; padding:0px; margin-right:10px;}
|
||
|
|
|
||
|
|
.box980 h1{font-size:30px; color:#000000; line-height:60px;}
|
||
|
|
#top{width:980px; margin:-7px auto; overflow:hidden;}
|
||
|
|
#top .rigthcontent{width:800px; float:right;}
|
||
|
|
.box980{display:block; width:980px; background:url(../image/body.gif) repeat; height:100px; padding-left:25px; margin-bottom:15px;}
|
||
|
|
.block{width:800px; margin-bottom:30px;}
|
||
|
|
.block .h-example{border:#CCC 1px solid; width:758px; padding:20px;}
|
||
|
|
|
||
|
|
h1{font-size:22px; color:#545454; line-height:40px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
h2{font-size:18px; color:#545454; line-height:33px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
h3{font-size:16px; color:#545454; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
h4{font-size:14px; color:#545454; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
h5{font-size:12px; color:#545454; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
h2 a{font-size:18px; color:#545454; line-height:33px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}
|
||
|
|
h3 a{font-size:16px; color:#545454; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}
|
||
|
|
h4 a{font-size:14px; color:#545454; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}
|
||
|
|
h5 a{font-size:12px; color:#545454; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}
|
||
|
|
|
||
|
|
h3.blue{font-size:16px; color:#0068AD; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
h4.blue{font-size:14px; color:#0068AD; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
h5.blue{font-size:12px; color:#0068AD; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
h3.blue a{font-size:16px; color:#0068AD; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}
|
||
|
|
h4.blue a{font-size:14px; color:#0068AD; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}
|
||
|
|
h5.blue a{font-size:12px; color:#0068AD; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}
|
||
|
|
|
||
|
|
h2.bg-red{font-size:18px; color:#ffffff; line-height:33px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; background:#A40F22; padding-left:15px; margin-bottom:10px;}
|
||
|
|
h3.bg-red{font-size:16px; color:#ffffff; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; background:#A40F22; padding-left:15px; margin-bottom:10px;}
|
||
|
|
h4.bg-red{font-size:14px; color:#ffffff; line-height:25px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; background:#A40F22; padding-left:15px; margin-bottom:10px;}
|
||
|
|
|
||
|
|
h2.bg-gray{font-size:18px; color:#333333; line-height:33px; font-family:Verdana, Geneva, sans-serif; background:#EBEBEB; padding-left:15px; margin-bottom:10px; border-left:#c3c3c3 5px solid;}
|
||
|
|
h3.bg-gray{font-size:16px; color:#333333; line-height:25px; font-family:Verdana, Geneva, sans-serif; background:#EBEBEB; padding-left:15px; margin-bottom:10px; border-left:#c3c3c3 5px solid;}
|
||
|
|
h4.bg-gray{font-size:14px; color:#333333; line-height:25px; font-family:Verdana, Geneva, sans-serif; background:#EBEBEB; padding-left:15px; margin-bottom:10px; border-left:#c3c3c3 5px solid;}
|
||
|
|
|
||
|
|
strong{font-size:13px; line-height:20px; color:#565656;}
|
||
|
|
strong.sblue{color:#0068AD; font-size:13px; line-height:22px; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
strong.sred{color:#AB141F; font-size:13px; line-height:22px; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
|
||
|
|
code { background-color: #F7F7F9; border: 1px solid #E1E1E8; color: #DD1144; padding: 2px 4px; font-size:12px;}
|
||
|
|
ol .linenums {margin: 0 0 0 33px;}
|
||
|
|
ol .linenums li {color: #565656; line-height: 20px; margin-left:15px; margin-bottom:0px; font-size:13px;}
|
||
|
|
|
||
|
|
ul{margin-left:15px;}
|
||
|
|
ol{margin-left:25px;}
|
||
|
|
ol li{margin-bottom:10px; line-height:20px;}
|
||
|
|
.photo img{border:#ccc 1px solid; margin:10px; padding:6px; float:right;}
|
||
|
|
img{border:#ccc 1px solid; margin:10px; padding:6px;}
|
||
|
|
img .floatright{border:#ccc 1px solid; margin:0px 0px 10px 10px; padding:8px; float:right;}
|
||
|
|
img .floatleft{border:#ccc 1px solid; margin:0px 0px 10px 10px; padding:8px; float:left;}
|
||
|
|
.picWithTitle{background: none repeat scroll 0 0 #E4E4E4; border: 1px solid #D1D1D1; display: block; margin: 0 0 5px 10px; padding: 5px; float:right;}
|
||
|
|
.picWithTitle .photoTitle{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D1D1D1; display: block; margin: 5px 0 0; padding: 5px; text-align: center; font-size:12px;}
|
||
|
|
.picWithTitle img{margin:0px; padding:0px;}
|
||
|
|
|
||
|
|
.dl-horizontal:after {clear: both;}
|
||
|
|
.dl-horizontal:before, .dl-horizontal:after {content: ""; display: table; line-height: 0;}
|
||
|
|
.dl-horizontal:before, .dl-horizontal:after {content: ""; display: table; line-height: 0;}
|
||
|
|
.dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 160px;}
|
||
|
|
.dl-horizontal dd {margin-left: 180px;}
|
||
|
|
dt {font-weight: bold;}
|
||
|
|
|
||
|
|
|
||
|
|
.block .table { background-color: transparent; border-collapse: collapse; border-spacing: 0; max-width: 100%; border-bottom:#CCC 2px solid;}
|
||
|
|
.block .table thead th { vertical-align: bottom; padding-right:40px; background:#F2F2F2;}
|
||
|
|
.block .table th {font-weight: bold; line-height: 20px; padding: 8px; text-align: left; vertical-align: top;}
|
||
|
|
.block .table td {border-top: 1px solid #DDDDDD; line-height: 20px; padding: 8px; text-align: left; vertical-align: top;}
|
||
|
|
.left{width:180px; float:left; position: fixed;}
|
||
|
|
.left ul{list-style:none;}
|
||
|
|
.left ul li{list-style:none; background:url(../image/arrow.png) no-repeat scroll 0 6px; padding-left:11px; line-height:20px; margin-left:15px; font-size:13px;}
|
||
|
|
.left ul li a{text-decoration:none; color:#333;}
|
||
|
|
|
||
|
|
.block .infotable{width:760px; margin-bottom:10px;}
|
||
|
|
.block .infotable .tableleft{width:370px; margin-right:20px; float:left; margin-bottom:15px;}
|
||
|
|
.block .infotable .tableleft tr{height:25px;}
|
||
|
|
.block .infotable .tableleft th.border{border-bottom:#E7E7E7 3px solid;}
|
||
|
|
.block .infotable .tableleft td.border{border-bottom:#E7E7E7 3px solid;}
|
||
|
|
.block .infotable .tableleft th{width:140px; float:left; text-align:left; font-weight:bold; border-bottom:#CCC 1px dashed; padding-bottom:3px;}
|
||
|
|
.block .infotable .tableleft td{width:210px; float:left; text-align:right; border-bottom:#CCC 1px dashed; padding-bottom:3px;}
|
||
|
|
.block .infotable h2.summaryhead{border-bottom:#CCC 1px solid; padding-bottom:3px; font-size:18px; color:#A61325; font-weight:bold;}
|
||
|
|
|
||
|
|
.block .infotable .tableright{width:370px; float:left;}
|
||
|
|
.block .infotable .tableright tr{height:25px;}
|
||
|
|
.block .infotable .tableright th.border{border-bottom:#E7E7E7 3px solid;}
|
||
|
|
.block .infotable .tableright td.border{border-bottom:#E7E7E7 3px solid;}
|
||
|
|
.block .infotable .tableright th{width:140px; float:left; text-align:left; font-weight:bold; border-bottom:#CCC 1px dashed; padding-bottom:3px;}
|
||
|
|
.block .infotable .tableright td{width:210px; float:left; text-align:right; border-bottom:#CCC 1px dashed; padding-bottom:3px;}
|
||
|
|
|
||
|
|
a{color:#565656;}
|
||
|
|
a:hover{color:#0077CC;}
|
||
|
|
a em{color:#565656;}
|
||
|
|
a:hover em{color:#0077CC;}
|
||
|
|
dt, dd {line-height: 20px;}
|
||
|
|
dd {margin-left: 10px;}
|
||
|
|
dl{margin-bottom:15px;}
|
||
|
|
|
||
|
|
.table-bordered {
|
||
|
|
-moz-border-bottom-colors: none;
|
||
|
|
-moz-border-left-colors: none;
|
||
|
|
-moz-border-right-colors: none;
|
||
|
|
-moz-border-top-colors: none;
|
||
|
|
border-collapse: separate;
|
||
|
|
border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;
|
||
|
|
border-image: none;
|
||
|
|
border-radius: 4px 4px 4px 4px;
|
||
|
|
border-style: solid solid solid none;
|
||
|
|
border-width: 1px 1px 1px 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-bordered {
|
||
|
|
border-collapse: separate;
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote { border-left: 5px solid #DDD; padding: 0 0 0 15px;}
|
||
|
|
blockquote .small {color: #999999; display: block; line-height: 20px;}
|
||
|
|
small { font-size: 85%;}
|
||
|
|
.kwd, .prettyprint .tag {color: #1E347B;}
|
||
|
|
blockquote small:before {content: "— ";}
|
||
|
|
|
||
|
|
|
||
|
|
address {display: block; font-style: normal; line-height: 20px; margin-bottom: 20px;}
|
||
|
|
abbr[title] { border-bottom: 1px dotted #999999; cursor: help;}
|
||
|
|
|
||
|
|
.tourinfo {margin-top: 20px; width:672px;}
|
||
|
|
.tourinfo .tourinfotit {height:33px; width:672px; background:#CCC; background:url(../image/tourinfotit.jpg) no-repeat 0 0;}
|
||
|
|
.tourinfo .tourinfotit p.tourprice {float:right; line-height: 33px; margin-right: 10px;}
|
||
|
|
.tourinfo .tourinfotit p.tourname a {color: #0D548A; float:left; font-size: 16px; font-weight: bold; line-height: 33px; padding-left: 10px; text-decoration: none;}
|
||
|
|
.tourinfo .tourinfotit p.tourname{color: #0D548A; float: left; font-size: 16px; font-weight: bold; line-height: 33px; padding-left: 10px; width:610px;}
|
||
|
|
span.tourprice {color: #A31022; font-size: 14px; font-weight: bold; float:right;}
|
||
|
|
|
||
|
|
.clear {clear: both;}
|
||
|
|
.tourinfo .tourimg {float: left; width:280px;}
|
||
|
|
.tourinfo .tourtxt {float:left; margin-left: 10px; margin-top: 10px; width:370px;}
|
||
|
|
.tourinfo .tourtxt p{width:370px; font-size:13px; line-height:20px; margin-top:10px;}
|
||
|
|
.pricebut img{border:none; margin:0px; float:right; padding:0px;}
|
||
|
|
|
||
|
|
|
||
|
|
.tourinfo2{margin-top:10px; width:672px; border-bottom:#CCC 2px solid; margin-bottom:10px; padding-bottom:10px;}
|
||
|
|
.tourinfo2 h2{border-bottom:1px solid #CCC;}
|
||
|
|
.tourinfo2 .tourimg2 img {border: medium none; float: left; margin: 10px 0 0; padding: 0; width: 280px;}
|
||
|
|
.tourinfo2 .tourtxt2 {float:left; margin-left: 15px; margin-top: 10px; width:370px;}
|
||
|
|
.tourinfo2 .tourtxt2 p{width:370px; font-size:13px; line-height:20px; margin-top:10px;}
|
||
|
|
.tourinfo2 .tourtxt2 .price{ margin:0px; padding:0px; border-top:#CCC dashed 1px; border-bottom:#CCC 1px dashed; margin-top:3px; padding-bottom:3px;}
|
||
|
|
.tourinfo2 .tourtxt2 .price .redprice{color:#A31022;}
|
||
|
|
.pricebut2 img{border:none; margin:0px; float:right; padding:0px;}
|
||
|
|
|
||
|
|
.box-760{width:740px; padding:5px; border:#CCC 1px solid;}
|
||
|
|
.box-760 img{ float:left;}
|
||
|
|
.box-760 img.floatright {border: 1px solid #CCCCCC; margin: 0 0 10px 10px; padding: 8px;}
|
||
|
|
.box-760 p{ margin-left:10px; font-size:13px; line-height:20px; font-family:Verdana, Geneva, sans-serif; text-align:justify; width:auto; margin-right:10px; margin-top:5px;}
|
||
|
|
|
||
|
|
.top-todo{width:370px; border:#CCC 1px solid; padding-bottom:10px; margin-right:8px; float:left; margin-bottom:10px;}
|
||
|
|
.top-todo p.titleCenter{ margin:0px; background:#EDEDED; padding:5px; width:360px; text-align:center; font-size:16px; font-family:Verdana, Geneva, sans-serif;}
|
||
|
|
.top-todo img.normal{margin:0px; padding:0px; border:none; width:370px;}
|
||
|
|
.top-todo img.normal-pic{ margin:0px; padding:0px; border:none; width:350px; height:168px; margin-left:10px;}
|
||
|
|
.top-todo p.infoCenter{margin:0px; padding:10px; width:349px; text-align:justify; font-size:13px; font-family:Verdana, Geneva, sans-serif; line-height:20px; border-bottom:#CCC dashed 1px; margin-bottom:5px;}
|
||
|
|
.top-todo p.infoCenter a{text-decoration:none;}
|
||
|
|
.top-todo p.infoCenter a:hover{text-decoration:underline;}
|
||
|
|
|
||
|
|
table.averageWeather {border-left: 1px solid #C9C9C9; margin: 0 0 10px; width:750px;}
|
||
|
|
table.averageWeather tr th {border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; font-size: 11px;}
|
||
|
|
table.averageWeather tr th.month {background-position: 5px 4px; background-repeat: no-repeat; padding: 12px 3px; width: 39px;}
|
||
|
|
table.averageWeather tr.gray { background-color: #F6F6F6;}
|
||
|
|
table.averageWeather tr td {border-bottom: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9; font-size: 11px; padding: 6px; text-align: center;}
|
||
|
|
|
||
|
|
table.averageWeather tr th.jan {background-image:url(../image/1.gif);}
|
||
|
|
table.averageWeather tr th.feb {background-image:url(../image/2.gif);}
|
||
|
|
table.averageWeather tr th.mar {background-image:url(../image/3.gif);}
|
||
|
|
table.averageWeather tr th.apr {background-image:url(../image/4.gif);}
|
||
|
|
table.averageWeather tr th.may {background-image:url(../image/5.gif);}
|
||
|
|
table.averageWeather tr th.jun {background-image:url(../image/6.gif);}
|
||
|
|
table.averageWeather tr th.jul {background-image:url(../image/7.gif);}
|
||
|
|
table.averageWeather tr th.aug {background-image:url(../image/8.gif);}
|
||
|
|
table.averageWeather tr th.sep {background-image:url(../image/9.gif);}
|
||
|
|
table.averageWeather tr th.oct {background-image:url(../image/10.gif);}
|
||
|
|
table.averageWeather tr th.nov {background-image:url(../image/11.gif);}
|
||
|
|
table.averageWeather tr th.dec {background-image:url(../image/12.gif);}
|
||
|
|
|
||
|
|
.tab1 {background: none repeat scroll 0 0 #CCCCCC; border: medium none;}
|
||
|
|
.tab1 .tac, .tab3 .tac {text-align: center;}
|
||
|
|
.tab1 th {background: none repeat scroll 0 0 #E0F0FF; font-weight: normal; padding:5px;}
|
||
|
|
.tab1 td {background: none repeat scroll 0 0 #FFFFFF; padding: 2px 5px;}
|
||
|
|
|
||
|
|
.table1 td {border: 1px solid #CCCCCC; text-align:center; background:#FFFFFF; padding: 2px 5px;}
|
||
|
|
.table1 th{background:#E0F0FF; border: 1px solid #CCCCCC; padding:5px; text-align:center;}
|
||
|
|
.table1{border-collapse: collapse; background: none repeat scroll 0 0 #CCCCCC; border: medium none;}
|
||
|
|
.table1 p {margin: 0; text-align:center; font-weight:normal; font-size:12px;}
|
||
|
|
.table1 td p{text-align:center;}
|
||
|
|
|
||
|
|
|
||
|
|
.top-todostyle2{margin-bottom:10px; width:760px;}
|
||
|
|
.top-todostyle2 .pictureleft{ padding:0px;}
|
||
|
|
.top-todostyle2 .pictureleft img{ margin:0px; padding:5px; border:#CCC 1px solid; margin-right:15px; margin-top:10px; margin-bottom:10px; float:left; width:130px;}
|
||
|
|
.top-todostyle2 .txtright p{ float:left; width:590px; margin-top:10px;}
|
||
|
|
.top-todostyle2 .txtright ul{width:590px; float:left; margin-left:0px;}
|
||
|
|
.top-todostyle2 .txtright li a{text-decoration:none; color:#545454;}
|
||
|
|
.top-todostyle2 .txtright ul li a:hover{text-decoration:underline; color:#0068AD;}
|
||
|
|
|
||
|
|
|
||
|
|
.clear{clear:both;}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|