/*relativeRoute*/
.bread{ height:2.0625em; line-height:2.0625em; margin-top:8px;}
.bread a{ font-size:0.9375em;}
.bread .breadpipe{ padding:0 0.25em; color:#073488;}
.z{float:left;}
.y{float:right;}
.opacityimg{ display:block; margin:15px 0;}
.opacityimg:hover img {-webkit-opacity: 0.8;-moz-opacity: 0.8;opacity: 0.8;filter: alpha(opacity=80);}
.justifyleft{ text-align:left;}
.justifycenter{ text-align:center;}
.justifyright{ text-align:right;}
.infosidebar{width:20%; margin-top:10px;}
.infomaincontent{ width:78%;margin-bottom: 45px;}
.detailinfo p{ margin:0 0 15px;}
.infomaincontent h1{ margin-bottom:15px;}
.detailinfo .text-center{ text-align:center;}
.detailinfo .text-center img{ display:block; margin:0 auto; max-width:100%;}
.detailinfo .text-center em{ color:#636363; font-size:1.0625em;}
.futherinfo a{ display:block; font-size:17px;padding:5px 0;}
.articlelist h4{background-color:#dfdfdf; color:#be140d; border-top:1px solid #be140d; font-size:1.25em;display:block; padding:8px;margin-bottom:5px;}
.articlelist a{ display:block; padding:8px; font-size:.875em; background-color:#f9f9f9; margin-bottom:5px; color:#1d1d1d;}
.articlelist a:hover,.articlelist a.current{ background-color:#be140d; color:#fff;}
.detailinfo h3{ font-size:20px; font-weight:bold; margin:15px 0 5px;}
.futherinfo { border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:12px 0; margin:20px 0;}
.futherinfo h4{font-size:20px; font-weight:bold;}
.relativeRoute { text-align: left; padding: 1.5em 0 1em; }
.relativeRoute h3{ font-weight:bold; margin-bottom:0.5em; font-size:20px;}
.relativeRoute li { float: left; max-width: 368px; width: 24%; margin-right: 1.33333%; }
.relativeRoute li.nrm { margin-right: 0; }
.itishowinner a { font-size: 1.0625em; color: #0252ad; }
.itishowinner a:hover { color: #be140d; }
.homtitishow .itishowinner{ padding:0.7em; min-height:140px;background-color:#f5f5f5;border: 1px solid #ccc; border-top: none; }
.itishowinner a.itiatitle{ display:block;}
.itishowinner p { font-size: 0.9375em; line-height: 1.3em; word-break:break-all;}
.relativeRoute li img { vertical-align: top; display: block }
/* media home */
@media screen and (max-width:1599px){
}
@media screen and (max-width:1169px){

}
@media screen and (max-width:980px){
.infomaincontent{ width:68%;}
.infosidebar{ width:30%;}
}
@media screen and (max-width:800px){
.infomaincontent{ width:64%;}
.infosidebar{ width:34%;}

}
@media screen and (max-width:640px){
.infomaincontent,.infosidebar{ width:90%; float:none; margin:auto; max-width:600px;}
#itiright{ margin-top:3em;}
.resavertrip a{ margin:0.5em;}
.inquireTrip a{ max-width:240px; margin:auto;}
.itidetailtop p span.des{ width:auto; margin-right:1em;}
.itidetailtop .z,.itidetailtop .y{ width:90%; float:none; margin:0 auto 2em;}
.daybydaypic{ float:none; width:90%; margin:auto;}
h1{ font-size:1.0625em; font-weight:bold;}
#itileft .itiinfo p,.itimaindetail p{ font-size:0.9375em;}
.itiinfo{ padding:1em;}
}
@media screen and (max-width:480px){
	.itisubmenu li{ padding:0.5em; margin-right:0; font-size:0.875em;}
	.resavertrip a{ margin-bottom:2em; width:200px;}
	.bread{ display:none;}
	.relativeRoute li{ width:100%; float:none; margin:0 auto 2em!important;}
}
@media screen and (max-width:340px){
	.itisubmenu li{ padding:0.5em 0.2em; margin-right:0; font-size:0.75em;}
}