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.
261 lines
21 KiB
CSS
261 lines
21 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
.commcont { display: block; margin-bottom:15px; }
|
|
.spacetop { margin-top: 20px }
|
|
.spacetxt { padding-top: 10px; }
|
|
#adbox { width: 100%; height: auto; padding: 10px; margin: 10px 0; background: #f4f4f4; position: relative; border-radius: 4px; }
|
|
#adbox .insidepic { width: 100%; height: auto; }
|
|
#adbox .insidepic img { border-radius: 4px; width: 100%; }
|
|
#adbox .adwords { width: 295px; height: 314px; position: absolute; z-index: 10; background: url(https://data.chinahighlights.com/css/images/yangtze/white-tran.png) repeat; top: 15px; right: 15px; padding-left: 20px; }
|
|
#adbox .adwords span.title, #adbox .adwords h3.title { color: #a31022; font-size: 18px; width: 100%; padding: 10px 0 5px 0; float: left; }
|
|
#adbox .adwords ul { list-style: none; width: 100%; float: left; margin-top: 10px; }
|
|
#adbox .adwords ul li { float: left; background: url(https://data.chinahighlights.com/pic/gou-blue.png) no-repeat 0 0; width: 90%; padding-left: 23px; font-size: 14px; color: #000; margin-bottom: 10px; }
|
|
#description { width: 100%; float: left; height: auto; }
|
|
/* left nav */
|
|
#sideBarLeft > ul { /* [disabled]list-style: none; */ background: #f1f1f1; padding: 0 0 10px; }
|
|
.widSSPData { width:100% !important;}
|
|
#sideBarLeft > ul li.first { background: #a31022; border-left: 7px solid #a31022; padding:10px 0 10px 10px; font-size: 16px; font-weight: normal; margin: 0 0 10px; width: 100%; text-transform:uppercase; letter-spacing:0.1em; }
|
|
#sideBarLeft > ul li.first a{ text-decoration: none; color:#fff; }
|
|
#sideBarLeft > ul li { list-style: none; padding: 5px 0; margin-bottom: 3px; line-height: 20px; padding-left: 15px; }
|
|
#sideBarLeft > ul li a { text-decoration: none; }
|
|
#sideBarLeft > ul li.active { color: #a31022 }
|
|
#sideBarLeft > ul li.active a { color: #a31022 }
|
|
#sideBarLeft img.tourleftad { width: 174px; margin-top: 15px; }
|
|
#contentRight h2, #contentRight span.rtitle { background: #e4e4e4; border-left: 7px solid #a31022; font-size: 16px; font-weight: normal; padding: 8px 0 8px 10px; margin: 10px 0 20px; display: block; }
|
|
h2.tourtitle { color: #A31022; font-size: 16px; font-weight: normal; margin: 0; float: left; width: 100%; padding: 0 0 10px 0; border: none !important; background: none !important; }
|
|
#contentRight .innercont { margin-bottom: 15px }
|
|
#contentRight .innercont img { width: 100%; border-radius: 4px; }
|
|
#contentRight .innercont h2 { border: none; margin: 0; background: none; color: #064d9d; font-size: 18px; padding-bottom: 8px; padding-left: 0; }
|
|
#contentRight .innercont ul.drop1 { width: 100%; margin: 0 40px 0 0; padding: 0; }
|
|
#content .innercont1 { width: 100%; }
|
|
#content .innercont1 ul.drop1 li { line-height: 15px; margin-left: 8px; margin-bottom: 6px; background: url(https://data.chinahighlights.com/css/images/drop-1.GIF) no-repeat 324px 4px!important; padding: 0 0 0 337px; }
|
|
span.listtitle { color: #064d9d; font-size: 16px; }
|
|
ul.whyUs { margin: 5px 0px 20px 3px; width: 400px; float: right; }
|
|
ul.whyUs li { line-height: 22px; margin-bottom: 8px; background: url(https://data.chinahighlights.com/css/images/arrow-5.gif) no-repeat 0px 6px; padding: 0 0 0 15px; list-style: none }
|
|
.honorlist { margin-top: 10px; margin-bottom: 10px; }
|
|
.smallpicbox { width: 100%; margin-bottom: 15px; background: #f1f1f1; padding: 10px 5px; text-align: center; border: 1px solid #CCC; border-radius: 4px; }
|
|
.smallpicbox img { width: 100%; margin-bottom: 10px; }
|
|
#viptours { margin-top: 10px; }
|
|
#viptours img { width: 100%; }
|
|
#viptours .viptoursleft .contbox { position: relative; margin-bottom: 15px }
|
|
#viptours .viptoursleft span { position: absolute; bottom: 0; left: 0; width: 97%; height: 35px; background: url(https://data.chinahighlights.com/pic/black50.png); color: #FFF; font-size: 18px; padding-top: 10px; padding-left: 3%; }
|
|
#viptours .viptoursright .piclist { margin-bottom: 15px; position: relative; }
|
|
#viptours .viptoursright .piclist span { position: absolute; bottom: 0; left: 0; width: 97%; height: 30px; background: url(https://data.chinahighlights.com/pic/black50.png); color: #FFF; font-size: 16px; padding-top: 8px; padding-left: 3%; }
|
|
h3.further { margin-top: 20px; margin-bottom: 10px; }
|
|
/*滚动图片样式*/
|
|
#featured { width: 760px; overflow: hidden; }
|
|
div.slider-nav span.right { width: 88px; height: 88px; background: url("https://data.chinahighlights.com/pic/orbit-arrow-blackr.png") no-repeat 0 0; right: -1px; top: 160px; }
|
|
div.slider-nav span.left { width: 88px; height: 88px; background: url("https://data.chinahighlights.com/pic/orbit-arrow-blackl.png") no-repeat 0 0; left: 10px; top: 160px; }
|
|
.bullets { left: 50% }
|
|
.imgStyle { margin: 0 15px 5px 0; }
|
|
.partnerStyleIn { color: #6b6b6b; float: left; padding: 8px 10px 8px 10px; text-align: left; width: 130px; font-size: 11px; margin: 3px 10px 15px 0; background-color: #f6f6f6; border: 1px solid #d1d1d1; height: 130px; }
|
|
.partnerStyleIn table { width: 130px; height: 80px; valign: middle; background: #FFF; margin-bottom: 5px; }
|
|
.partnerStyleIn .partnerIntro a { color: #6b6b6b; text-decoration: none; }
|
|
.partnerStyleIn .partnerIntro a:hover { text-decoration: underline; }
|
|
.photoRight { float: right; width: auto; display: block; margin: 0 0 5px 10px; }
|
|
ul.floatLeft { margin-top: 15px; }
|
|
ul.floatLeft li { list-style: none; float: left; width: 290px; background: url(https://data.chinahighlights.com/pic/square.png) no-repeat left 6px; padding-left: 13px; margin-bottom: 15px; line-height: 18px; padding-right: 20px; }
|
|
hr { color: #e4e4e4; }
|
|
.carPicture { width: 300px; float: left; margin: 5px 10px 10px 5px; height: 250px; }
|
|
.luckydrawPhoto { width: 140px; border: 1px solid #d1d1d1; float: left; margin-right: 8px; padding: 5px; -moz-border-radius: 4px; font-size: 11px; background: #f1f1f1 }
|
|
.luckydrawPhoto img { width: 140px; height: 105px; margin-bottom: 5px }
|
|
.luckydrawPhotoB { width: 300px; border: 1px solid #d1d1d1; float: left; margin-right: 25px; padding: 5px; -moz-border-radius: 4px; font-size: 11px; background: #f1f1f1 }
|
|
.luckydrawPhotob img { width: 300px; height: 225px }
|
|
h2.luckyDrawTitle { background: url(https://data.chinahighlights.com/css/images/top.gif) no-repeat scroll left top transparent; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; margin: 20px 0 8px 0; padding: 1px 0 2px 40px }
|
|
h2.luckyDrawTitle a { font-family: Arial, Helvetica, sans-serif; font-size: 17px }
|
|
.luckydrawVideo { float: right; width: 300px; margin-left: 10px }
|
|
ol.slogan { margin-left: 10px; padding-left: 10px }
|
|
.luckydrawPic { width: 150px; height: 160px; float: left; padding: 3px; background: #f1f1f1; border: 1px solid #d1d1d1; margin-right: 5px; -moz-border-radius: 4px }
|
|
.luckydrawPic a { color: #545454; text-decoration: none; font-size: 11px }
|
|
.luckydrawPic img { width: 150px; height: 113px; margin-bottom: 5px }
|
|
.inforPhotoOut { float: left; margin-right: 15px; width: auto; }
|
|
.photoStyleIn { float: left; width: 150px; height: 200px; overflow: hidden }
|
|
/* TA style rewrite */
|
|
#getTA { display: block; margin: 15px 0 }
|
|
#CDSWIDSSP .widSSPData { width: 153px; margin-top: 15px; border-radius: 4px; }
|
|
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd { width: auto!important }
|
|
.widSSPOneReview ul { width: auto !important; }
|
|
#CDSWIDSSP .widSSPData .widSSPH18 { display: none !important; }
|
|
ul#widSSPReadReview { float: left !important; width: auto !important; }
|
|
ul#widSSPReadReview li { padding: 0 !important; border: none !important; }
|
|
#CDSWIDSSP .widSSPData .widSSPAll .widSSPReadReview { padding-right: 2px !important; }
|
|
/* for submit */
|
|
#CDSWIDWRL { width: 175px !important; }
|
|
#CDSWIDWRL .widWRLData { border-radius: 4px; max-height: inherit !important; margin: 15px 0 10px 0; }
|
|
#CDSWIDWRL .widWRLReview textarea { width: 145px !important; height: 120px !important; min-width: inherit !important; max-height: inherit !important }
|
|
.photoBox { display: block; border-bottom: 1px dashed #666; padding: 0 0 15px; margin: 15px 0; overflow: hidden; height: 100%; clear: both; }
|
|
.photoBox .photographer { text-align: center; font-size: 14px; }
|
|
.photoBox .photographer img { width: 100%; border-radius: 4px; box-shadow: 2px 0 3px #555; margin-bottom: 10px; }
|
|
.alsoMember img { display: inline !important; }
|
|
@media(min-width:1000px) {
|
|
.marginLeft { display: block; float: right !important; margin: 0 0 5px 10px !important; width: 250px !important; }
|
|
}
|
|
.marginLeft { float: none; margin-bottom: 15px; width: 100% }
|
|
.marginLeft img { width: 100% !important; }
|
|
.tableOnly { border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; }
|
|
.tableOnly th { border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; padding: 5px; }
|
|
.tableOnly td { border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; padding: 5px; }
|
|
/* china highlights ambassador */
|
|
.chAmbassador { margin: 10px 0 35px; padding: 15px 5px; border-radius: 4px; box-shadow: 0 0 2px #555; }
|
|
.chAmbassador .photo img { width: 100%; }
|
|
.chAmbassador h3 { background: #0c6197 !important; display: table !important; border: none !important; padding: 7px 20px 8px !important; color: #fff; margin: 5px 0 20px -15px !important; border-radius: 4px; }
|
|
.chAmbassador li { line-height: 18px; margin-bottom: 10px; border-bottom: 1px dashed #d9d9d9; padding-bottom: 10px; }
|
|
.chAmbassador li strong { margin-right: 5px; }
|
|
.detailBtn { background: #0c6197; width: 100%; text-align: center; padding: 6px; border-radius: 4px; display: block; margin-top: 25px; }
|
|
.detailBtn a { color: #fff; text-decoration: none; font-size: 16px; background: url(https://data.chinahighlights.com/pic/white-arrow-right.png) no-repeat right; padding-right: 28px; }
|
|
.textchAmbassador li { line-height: 18px; margin-bottom: 8px; }
|
|
/* ambassador detail */
|
|
.amPhoto { background: #d1d1d1; padding: 15px; display: block; border-radius: 4px; }
|
|
.amPhoto img { border-radius: 4px; border: 1px solid #fff; }
|
|
.storyDetail { display: block; }
|
|
.storyDetail ul { margin-bottom: 30px; }
|
|
.storyDetail li { line-height: 18px; margin-bottom: 8px; border-bottom: 1px dashed #d9d9d9; padding-bottom: 8px; }
|
|
.myWords { font-size: 14px !important; background: url(https://data.chinahighlights.com/pic/quotation-right.png) no-repeat bottom right; padding-right: 40px; text-align: justify }
|
|
.quoteLeft { display: inline-block; background: url(https://data.chinahighlights.com/pic/quotation-begin.png) no-repeat -7px center; width: 40px; height: 30px; background-size: 100%; }
|
|
/* about us index page */
|
|
h1.titleIndex { border-bottom: none !important; font-size:35px; margin-bottom: 40px; color:#666}
|
|
.photoTop {display: block; margin-bottom:35px; position: relative;}
|
|
@media(min-width:1500px) {
|
|
.photoTop { background-size:100%;}
|
|
}
|
|
@media(max-width:750px) {
|
|
.photoTop { margin-top:45px;}
|
|
.fixedTailor { display: none !important;}
|
|
.startCreate { width:100% !important; border-radius:0 !important;}
|
|
.staffList img { display: block; margin:auto;}
|
|
}
|
|
.photoTop .container { position:absolute; top:20px; width:100%;}
|
|
.photoTop span { color: #fff; font-size: 40px; display: block; text-align: left; text-shadow: 2px 2px 5px #000; color:#ddd; width:1150px; margin:20px auto; display: block; padding:0 15px;top:20px; }
|
|
.photoTop span strong { display: block; font-size: 55px; text-transform: uppercase; font-weight: normal; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight: bold; }
|
|
.weAre { display: block; background: #e7e8ea; padding: 40px 0 0; margin-top:20px; }
|
|
.weAre .readmore { text-align:center; font-size:16px; display: block; margin:25px 0;}
|
|
.weAre .readmore .fa { font-size:150%;}
|
|
.weAre .readmore a { color:#a31022; text-decoration: none;}
|
|
.weAre .readmore a:hover { text-decoration: underline;}
|
|
.weAre h2, .cits-ch h2, .whoRecommend h2{ display: block; font-size: 30px; margin-bottom: 40px; color:#777; text-transform:uppercase; }
|
|
.ourPeople h2 { display: block; font-size: 30px; margin-bottom: 40px; color:#777; text-align:center;text-transform:uppercase; }
|
|
.ourPeople { display: block; margin:25px 0 40px; overflow:hidden;}
|
|
.indexWhy h2 { display: block; font-size: 30px; margin-bottom: 40px; color:#777; text-align:center;text-transform:uppercase; }
|
|
.indexWhy { display: block; margin:25px 0 40px; overflow:hidden; text-align:center;}
|
|
.indexWhy img { max-width:100%;}
|
|
.weAre .textBlock { margin: 0 20px 40px 0;}
|
|
.weAre .textBlock { margin: 0 20px 40px 0;}
|
|
.cits-ch { background: #f4f4f4; padding: 40px 0; display: block; }
|
|
.cits-ch ul { margin:30px 0 0 37px;}
|
|
.cits-ch ul li { font-size:14px; line-height:20px; margin-bottom:35px; padding-left:25px;}
|
|
.cits-ch ul li span { display: inline-block; width:35px; height:35px; border:1px solid #a31022; text-align: center; color:#a31022; margin:5px 25px 0 -60px; border-radius:50%; font-family:fantasy; padding-top:7px; float: left; font-size:20px;}
|
|
.cits-ch img { max-width:100%; margin-top:60px; width:100%;}
|
|
.whoRecommend { display: block; background: #e7e8ea; padding: 40px 40px 55px; margin: 30px 0 50px; }
|
|
.whoRecommend .sIcon { margin-top: 10px; }
|
|
.moreContent .jobType { background: #f4f4f4; border-radius: 4px; margin: 20px 10px 40px; padding: 20px 20px 10px; }
|
|
.moreContent .jobType img { width: 100%; border: 1px solid #d1d1d1; padding: 10px; background: #fff; margin-top: -40px; border-radius: 4px; box-shadow: 0 0 2px #999 }
|
|
.moreContent .jobType h3 { font-size: 18px; color: #2363a4; margin-bottom: 15px; margin-top: 5px; }
|
|
.moreContent ul { margin-bottom: 20px; }
|
|
.moreContent ul li { line-height: 20px; margin-bottom: 10px; background: url(https://data.chinahighlights.com/pic/include.gif) no-repeat left; padding-left: 28px; font-size: 14px; }
|
|
.moreContent p, .cits-ch p, .weAre p { font-size: 14px; }
|
|
.moreContent a { text-decoration: none; padding-bottom: 2px; }
|
|
.moreContent a:hover { border-bottom: 1px solid #a31022; }
|
|
.moreLink { margin: 20px 0 20px; border-top:1px solid #d1d1d1; padding-top:20px; }
|
|
.moreLink .featureTitle { color: #545454; display: block; font-size: 20px; margin: 0 0 20px; }
|
|
.moreLink ul > li { background: url(https://data.chinahighlights.com/pic/square.png) no-repeat 0 5px; line-height: 16px; list-style: outside none none; margin-bottom: 10px; padding-left: 20px; }
|
|
.moreLink ul > li a { border-bottom: none; color:#545454;}
|
|
.staffList { margin-bottom:25px; text-align:center;}
|
|
.staffList img { max-width:100%; border:1px solid #2363a4; border-radius:50%; padding:10px; margin-bottom:15px; display: block;}
|
|
.staffList:hover img { background:#e7e8ea;}
|
|
.staffList span { font-size:16px;}
|
|
ul.aboutList { margin-bottom:25px; margin-left:15px;}
|
|
ul.aboutList li { font-size:14px; line-height:18px; margin-bottom:10px; padding-left:20px; background:url(https://data.chinahighlights.com/pic/square-gray.gif) no-repeat left;}
|
|
.startCreate { background:#a31022; width:400px; text-align:center; display: block; padding:10px 0; margin:35px auto; border-radius:4px; letter-spacing:0.05em;}
|
|
.startCreate a { text-decoration: none; color:#fff; font-size:18px; font-family:Helvetica;}
|
|
.startCreate a .fa { font-size:135%; margin-left:5px;}
|
|
.startCreate a:hover { color:#fff;}
|
|
|
|
/* why us */
|
|
.whyUs { display: block; margin: 0 0 25px;}
|
|
.whyUs h2 { background: none !important; border: none !important; margin: 30px 0 15px !important; padding:0 !important; font-size:20px !important;}
|
|
.morePhoto { display: block; margin:15px 0 0;}
|
|
.morePhoto a { text-decoration: none;}
|
|
.memberID { display: block; margin-top:5px; color:#999;}
|
|
/* company history */
|
|
#historyLine { display: block; margin:20px 0 0; padding:0 0 0; background:#f1f1f1; height:100%; border-top:1px solid #d9d9d9;}
|
|
.whiteHistory { background:#fff; border-radius:0 0 6px 6px; padding:15px; margin-bottom:50px; border:1px solid #d9d9d9; border-top: none; margin-top:-1px;}
|
|
#historyLine p { margin-bottom:10px !important;}
|
|
.middleLine { width:10px; background:#d1d1d1; min-height:4950px; display: block; margin:-50px auto; position:absolute; left:calc(50% - 5px);}
|
|
.historyItemL { display: block; overflow: hidden; position:relative; z-index:9999; text-align:right; float: left; width:606px; margin-bottom:50px; padding-right:100px; min-height:70px;}
|
|
.historyItemR { display: block; overflow: hidden; position:relative; z-index:9999; text-align:left; float: right; width:606px; margin-bottom:50px; position:relative; padding-left:100px; min-height:70px;}
|
|
.historyItemL .theYear { display: block; text-align:center; width:70px; height:70px; border-radius:50%; float: right; background:#d1d1d1; color:#fff; padding-top:20px; font-size:170%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-left:30px; position:absolute; right:0; top:calc(50% - 35px);}
|
|
.historyItemR .theYear { display: block; text-align:center; width:70px; height:70px; border-radius:50%; float: left; background:#a31022; color:#fff; padding-top:20px; font-size:170%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-right:30px; position:absolute; left:0; top:calc(50% - 35px);}
|
|
.photo200 { width:200px; border-radius:4px; margin-right:15px;}
|
|
.bigNumber { font-size:140%; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; color:#999;}
|
|
|
|
.websiteHistory { margin-bottom:25px; text-align:center }
|
|
.websiteHistory img { margin-bottom:15px; width:100%; }
|
|
@media(max-width:750px) {
|
|
.historyItemL { width:100%; margin:30px 0;}
|
|
.historyItemR { width:100%; margin:30px 0;}
|
|
.middleLine { display: none !important}
|
|
}
|
|
/* customer story */
|
|
.customerStory { display: block; margin:25px 0; text-align:center;}
|
|
.customerStory img{ max-width:100%; margin-top:50px; border-radius:4px;}
|
|
.customerStory .storyBrief { width:50%; margin:20px auto; display: block;}
|
|
.customerStory .storyBrief .viewMore { display: block; width:170px; margin:20px auto; text-align:center; background:#a31022; padding:8px; border-radius:4px;}
|
|
.customerStory .storyBrief .viewMore a { color:#fff; text-decoration: none; font-size:15px;}
|
|
.customerStory .storyBrief .viewMore .fa { font-size:135%; margin-left:8px;}
|
|
/* meet the team */
|
|
.graphicbox { text-align:center; margin-bottom:40px;}
|
|
.graphicbox img { border-radius:50%; margin-bottom:10px; width:80%;}
|
|
.graphicbox p { margin-top: 5px; }
|
|
.graphicbox span.subtitle { color: #444; font-size: 16px; margin: 3px 0 5px; display: block; letter-spacing:1px; text-transform:uppercase; }
|
|
.graphicbox a { text-decoration: none; }
|
|
a:hover span.subtitle { color: #a31022; }
|
|
.graphicbox .jobTitle { color:#999;}
|
|
.goExtra { text-align: left !important; overflow: hidden; margin:20px 0 50px;}
|
|
.goExtra img { margin-top:10px; margin-bottom:20px;}
|
|
.goExtra .extraDetail { display: block; border-bottom:2px solid #d1d1d1; padding-bottom:10px;}
|
|
.goExtra h3 { display: block; font-size:20px; margin:0 0 20px; color:#094b8f;}
|
|
.goExtra .extraDetail em { color:#999;}
|
|
/* eco day program */
|
|
.topBanner { background:url(/image/aboutus/eco-day-program-bg.jpg) no-repeat; background-size:100%; display: block; height: auto;}
|
|
@media(min-width:1000px) {
|
|
.topBanner { height:350px !important; margin-bottom:15px;}
|
|
.pcText { margin:30px 0 0 -68px !important; float: right !important}
|
|
.balance {background:url(/image/aboutus/eco-day-program-bg.jpg) no-repeat left 20px; padding-left:90px; margin-top:30px;}
|
|
}
|
|
@media(min-width:1440px) {
|
|
.topBanner { height:500px !important; margin-bottom:15px; background-size:auto !important;}
|
|
}
|
|
.pcText { display: block; text-align:right;}
|
|
.ecoList { margin-left:10px; padding-left:10px; margin-bottom:25px;}
|
|
.ecoList li{ font-size:14px; line-height:22px; margin-bottom:15px;}
|
|
.ecoCaculator { display: block; overflow: hidden; margin:0 25px 25px 0; font-size:14px; border:2px solid #d1d1d1; border-radius:4px; padding:15px 15px 0; width:500px; float: left; background:#f9f9f9;}
|
|
.petrolAmount input { border:1px solid #d1d1d1; width:80px; border-radius:2px; padding:3px 10px; text-align:center}
|
|
.petrolAmount { display: block; margin-right:10px; color:#333; font-size:16px; text-align:center;}
|
|
.caculateNow { display: block; margin:15px auto 20px; width:200px;}
|
|
.caculateNow input { background:#a31022; color:#fff; border-radius:4px; border: none; padding:3px 10px 5px;}
|
|
.result { display: block; margin:15px 0 10px; border-top:1px dashed #d1d1d1; padding-top:15px; text-align:center;}
|
|
.result span { margin-bottom:10px;}
|
|
.result li { line-height:20px; margin-bottom:5px; }
|
|
.result li strong { font-weight: normal;}
|
|
#co2Li, #carbonLi { margin-right:15px;}
|
|
#carbonLi { margin-left:15px;}
|
|
#co2Li strong, #carbonLi strong { color:#999;}
|
|
/* fixed main menu */
|
|
#header { position: fixed !important; z-index: 9999; width: 100%; }
|
|
#contentHead { padding-top: 110px; }
|
|
/* responsible travel */
|
|
#responsibleTravel { display: block; margin-bottom:25px;}
|
|
#responsibleTravel h2 { margin:0 0 25px; font-size:30px;}
|
|
#responsibleTravel h3 { font-size:25px; margin:50px 0 25px; display: block;}
|
|
#responsibleTravel ul { margin:15px 0 40px 15px;}
|
|
#responsibleTravel ul li { line-height:25px; margin-bottom:10px; font-size:16px; color:#777; background:url(/pic/arrow-9x16.png) no-repeat left / 7px 12px; padding-left:20px;}
|
|
#responsibleTravel ul li:first-child { font-weight:500; font-size:19px; color:#000; background: none; padding-left:0;}
|
|
#responsibleTravel ul.theory li:first-child { font-weight:400; font-size:16px; color:#777; background:url(/pic/arrow-9x16.png) no-repeat left / 7px 12px; padding-left:20px;}
|
|
#responsibleTravel ul.theory li:first-letter { font-weight:500; font-size:18px; color:#a31022; margin-right:2px;}
|
|
.withPhoto { text-align:center; color:#999;}
|
|
.withPhoto img { margin-bottom:10px; border-radius:4px;}
|
|
@media(max-width:760px) {
|
|
#contentHead { padding-top:50px !important;}
|
|
.withPhoto img { margin-top:15px;}
|
|
}
|