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.
51 lines
3.8 KiB
CSS
51 lines
3.8 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
.topBanner { background:url(https://data.chinahighlights.com/css/images/aboutus/bg-pc.jpg) no-repeat; background-size:100%; display: block; height: auto;}
|
|
@media(min-width:1000px) {
|
|
.topBanner { height:500px !important; margin-bottom:15px;}
|
|
.pcText { margin:130px 0 0 -68px !important; float: right !important}
|
|
.balance {background:url(https://data.chinahighlights.com/css/images/aboutus/balance-icon.png) no-repeat left 20px; padding-left:90px; margin-top:30px;}
|
|
}
|
|
.pcText { display: block; margin-top:15px; text-align:right;}
|
|
.welcomeText { display: block; margin:20px 0}
|
|
|
|
h2 { margin:20px 0 10px !important; font-size:22px !important;}
|
|
h3 { font-size:18px; display: block; margin: 30px 0 15px; text-transform:uppercase;}
|
|
h3 span { width:25px; height:25px; display:inline-block; text-align:center; border-radius:20px; margin-right:10px; background: #a31022; padding-top:3px; font-size:16px; color:#fff;}
|
|
p { font-size:14px !important; margin-bottom:15px !important;}
|
|
.noteList { margin-left:46px !important;}
|
|
.noteList li { line-height:20px; margin-bottom:8px; background:url(https://data.chinahighlights.com/pic/square-gray-8x8.png) no-repeat left 7px; padding-left:25px; font-size:14px;}
|
|
|
|
.pcMember { display: block; background:url(https://data.chinahighlights.com/css/images/aboutus/member-icon.png) no-repeat left; padding:10px 0 10px 90px;}
|
|
.sharePC { display: block; background:url(https://data.chinahighlights.com/css/images/aboutus/share-icon.png) no-repeat left; padding-left:90px; margin-bottom:45px;}
|
|
.balance { display: block; }
|
|
.balance p { margin-left:46px !important;}
|
|
|
|
.hotelUpgrade { margin-left:46px;}
|
|
.hotelUpgrade img { width:100%}
|
|
.breakfast { display: block; float: right; width:450px; margin-left:20px;}
|
|
.breakfast img { border-radius:4px;}
|
|
|
|
/* quick inquiry form */
|
|
#quickInquiry { display: block; float: right; margin:0 0 15px 15px; width:350px;}
|
|
#questionBox { margin: 10px 0 15px 0; position: relative; border-radius: 6px; }
|
|
#questionBox .questionContent { display: block; padding: 15px 20px 5px; background: #f1f1f1; border-radius: 4px; border:1px solid #cecece; }
|
|
#questionBox .interested { font-size: 25px; display: block; text-align: center; margin: 5px 0; text-transform: uppercase; font-weight: bold; color: #a31022; letter-spacing:0.03em; }
|
|
#questionBox .interest-label { font-size: 14px; text-align: center; display: block; margin-bottom: 25px; }
|
|
#questionBox .infoRequired { text-align: center; display: block; }
|
|
#questionBox .infoRequired input, textarea { width: 100%; font-size: 14px; font-family: Verdana, Geneva, sans-serif; padding: 10px; background-color: #fff; margin-bottom: 20px; border-radius: 4px; border: none; color: #333; box-shadow: 0 0 2px #999 }
|
|
#questionBox .infoRequired input:focus, textarea:focus { border-color: #a31022; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.075) inset, 0 0 8px #000; transition: all 0.5s ease-in-out; border-radius: 10px; }
|
|
#questionBox .infoRequired textarea { height: 150px; }
|
|
#questionBox .sendButton { margin: 15px 0; display: block; background: #a31022; border: none; color: #fff; text-align: center; border-radius: 4px; padding: 10px; font-size: 16px; width: 100%; }
|
|
#questionBox .infoRequired p { display: none; }
|
|
#questionBox .infoRequired p { +left: 660px;
|
|
}
|
|
#questionBox .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; }
|
|
#questionBox .infoRequired p label { padding: 0; margin: 0; position: absolute; top: 10px; left: 10px; cursor: text; font-size: 14px; }
|
|
#questionBox .infoRequired .des label { text-align: left; }
|
|
#questionBox .Email { font-size:11px; display: block; margin-left: 21px;
|
|
margin-top: -23px;}
|
|
#questionBox .questionContentCD { display: block; padding: 10px 20px; background: #efefef url("https://data.chinahighlights.com/css/images/daytrip/head-bg.png") no-repeat scroll 50% top; border-radius: 6px; }
|
|
|
|
|