html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
a{text-decoration:none;}
.clear{clear:both;}/* clear float */
img{max-width:100%;}
/*end reset*/
body{
font-family: 'Open Sans', sans-serif;
/* background:#FFF;*/
}
.shopname{
text-transform: uppercase;
float:right;
line-height: 1.2em;
text-align:right;
width:65%;
font-size: 2.5em;
margin-top:20px
}
#btnleft,#btnright {
width:48%;
padding:12px 5px;
}
@media only screen and (max-width:768px){
}
/*----*/
.criuse-pic-info {
background: #2C3E50;
position: absolute;
bottom: 3em;
left: 15em;
width:150px;
}
.criuse-img{
position:relative;
}
.criuse-pic-info-top{
padding:0.5em 1em;
}
.criuse-pic-info-top-weather{
text-align:right;
}
.criuse-pic-info-top-weather label{
font-size: 12px;
vertical-align: super;
padding: 2px;
}
.criuse-pic-info-top-weather p{
color: #FFF;
font-size: 0.875em;
}
.criuse-pic-info-top-weather p span{
width: 12px;
height: 12px;
display: inline-block;
background: url(../images/sun.png) no-repeat 0px 0px;
margin: 0 0.3em;
vertical-align: middle;
}
.criuse-pic-info-top-place-name h2{
color:#5D6E80;
text-transform:uppercase;
}
.criuse-pic-info-top-place-name h2 label{
color: #fb0033;
font-size: 1.2em;
}
.criuse-pic-info-top-place-name h2 span{
color: #FFF;
display: block;
font-weight: 600;
font-size: 1.8em;
}
.criuse-pic-info-price{
background: #fb0033;
padding: 0.2em 1em;
}
.criuse-pic-info-price span{
color:#FFF;
}
.criuse-pic-info-price h4{
color: #000;
text-transform: uppercase;
font-weight: 900;
font-size: 1.3em;
padding: 0.1em 0 0 0;
}
.criuse-pic img{
display:block;
}
.criuse-info{
background:#fb0033;
padding: 0.5em 1em;
}
.criuse-info-left{
float:left;
}
.criuse-info-left ul li{
display:inline-block;
}
.criuse-info-left ul li a{
color: #FFF;
text-transform: uppercase;
font-size: 0.875em;
padding: 0.5em;
display: block;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
}
.criuse-info-left ul li a:hover{
color:#2C3E50;
}
.criuse-info-left ul li a span{
width: 12px;
height: 12px;
display: inline-block;
margin-right: 0.3em;
}
.c-hotel span{
background:url(../images/hotel-icon.png) no-repeat 0px 0px;
}
.c-air span{
background:url(../images/plain.png) no-repeat 0px 0px;
}
.c-fast span{
background:url(../images/tea.png) no-repeat 0px 0px;
}
.c-car span{
background:url(../images/car-icon.png) no-repeat 0px 0px;
}
.criuse-info-right{
float:right;
}
.criuse-info-right ul li{
display:inline-block;
}
.criuse-info-right ul li a{
display:inline-block;
}
.criuse-info-right ul li a span{
width:24px;
height:24px;
display:inline-block;
vertical-align: -webkit-baseline-middle;
}
.criuse-info-left ul li {
display: block;
}
.criuse-info-left ul li a {
padding: 0.2em 0.5em;
}
.criuse-info-right {
margin: 1.88em;
}
.criuse-main {
padding: 0 0 5em 0;
}
.criuse-pic-info-top-place-name h2 span {
font-size: 1.2em;
}
.criuse-pic-info-top-place-name h2 label {
font-size: 1em;
}
.criuse-pic-info {
bottom: 3em;
left: 17em;
width:120px;
}
.hline {
display:none;
}
.logbtn {
position:relative;
}
.shopname{
float:right;
line-height: 1.2em;
text-align:right;
width:65%;
font-size: 2.5em;
margin-top:10px;
}
}
@media only screen and (max-width:1440px) and (min-width:1366px){
}
@media only screen and (max-width:1366px) and (min-width:1280px){
}
@media only screen and (max-width:1280px) and (min-width:1024px){
}
@media only screen and (max-width:1024px) and (min-width:768px){
.criuse-info-left ul li {
display: block;
}
.criuse-info-left ul li a {
padding: 0.2em 0.5em;
}
.criuse-info-right {
margin: 2em;
}
.criuse-main {
padding: 0 0 5em 0;
}
.criuse-pic-info-top-place-name h2 span {
font-size: 1.5em;
}
.shopname{
float:right;
line-height: 1.2em;
text-align:right;
width:65%;
font-size: 2.0em;
margin-top:10px;
}
#buyitnow {
text-align:center;
}
.tb {
display:none;
}
}
@media only screen and (max-width:768px) and (min-width:640px){
.criuse-info-left ul li {
display: block;
}
.criuse-info-left ul li a {
padding: 0.2em 0.5em;
}
.criuse-info-right {
margin: 1.88em;
}
.criuse-main {
padding: 0 0 5em 0;
}
.criuse-pic-info-top-place-name h2 span {
font-size: 1.2em;
}
.criuse-pic-info-top-place-name h2 label {
font-size: 1em;
}
.criuse-pic-info {
bottom: 3em;
left: 17em;
width:120px;
}
.shopname{
float:none;
text-align:center;
margin-top:0px;
font-size: 2em;
}
#buyitnow {
text-align:center;
}
.logbtn {
left:22%;
}
.tb {
display:none;
}
}
@media only screen and (max-width:640px) and (min-width:480px){
.criuse-info-left ul li {
display: block;
}
.criuse-info-left ul li a {
padding: 0.2em 0.5em;
}
.criuse-info-right {
margin: 1.88em;
}
.criuse-main {
padding: 0 0 5em 0;
}
.criuse-pic-info-top-place-name h2 span {
font-size: 1.2em;
}
.criuse-pic-info-top-place-name h2 label {
font-size: 1em;
}
.criuse-pic-info {
bottom: 3em;
left: 17em;
width:120px;
}
.logbtn {
left:22%;
}
.shopname{
float:none;
text-align:center;
margin-top:0px;
font-size: 2em;
}
#buyitnow {
text-align:center;
}
.tb {
display:none;
}
}
@media only screen and (max-width:480px) and (min-width:320px){
.criuse-info-left ul li {
display: block;
}
.criuse-info-left ul li a {
padding: 0.2em 0.5em;
}
.criuse-info-right {
margin: 1.88em;
}
.criuse-main {
padding: 0 0 5em 0;
}
.criuse-pic-info-top-place-name h2 span {
font-size: 1em;
}
.criuse-pic-info-top-place-name h2 label {
font-size: 0.8em;
}
.criuse-pic-info {
bottom: 7em;
left: 1em;
width:170px;
}
.criuse-pic-info-top {
padding: 0.3em 0.5em;
float:left;
}
.criuse-pic-info-price {
padding: 0.2em 0.5em;
float:left;
}
.criuse-pic-info-price h4 {
font-size: 1.0em;
}
.logbtn {
left:10%;
}
.shopname{
float:none;
text-align:center;
margin-top:0px;
font-size: 2em;
}
#buyitnow {
text-align:center;
}
#btnleft,#btnright {
width:100%;
}
#btnleft {
margin-bottom:10px;
}
.tb {
display:none;
}
}
@media only screen and (max-width:320px) and (min-width:240px){
.criuse-info-left ul li {
display: block;
}
.criuse-info-left ul li a {
padding: 0.2em 0.5em;
}
.criuse-info-right {
margin: 1.88em;
}
.criuse-main {
padding: 0 0 5em 0;
}
.criuse-pic-info-top-place-name h2 span {
font-size: 1em;
}
.criuse-pic-info-top-place-name h2 label {
font-size: 0.8em;
}
.criuse-pic-info {
bottom: 7em;
left: 1em;
}
.criuse-pic-info-top {
padding: 0.3em 0.5em;
float:left;
}
.criuse-pic-info-price {
padding: 0.2em 0.3em;
float:left;
}
.logbtn {
left:1%;
}
.hline {
display:inline;
}
.shopname{
float:none;
text-align:center;
margin-top:0px;
font-size: 2em;
}
#buyitnow {
text-align:center;
}
#btnleft,#btnright {
width:100%;
}
#btnleft {
margin-bottom:10px;
}
.tb {
display:none;
}
}