@charset "utf-8";
/* CSS Document */

h1{
	margin:20px 0 0;
	font-size:20px;
}




.hotPhoto,.otherPhoto{overflow: hidden; margin:2px 0;padding:10px 0; border-top:1px #ccc solid; }
ul {list-style-type: none;}
.hotPhoto li {background: none repeat scroll 0 0 #FFF;float: left;    margin: 10px;width: 294px; border:1px #ccc solid;}
/*.hotPhoto .mrg {margin: 0 15px;}*/
.hotPhoto span {padding-left: 10px;}
.hotPhoto p{padding: 10px !important;}

.col { border-right: 1px solid #E3E3E3;color: #AAA;    float: left;padding: 20px 30px;width: 160px;}
.col .num {background: url("https://data.agatetravel.com/images/icon/p001.png") no-repeat scroll right center transparent;margin-right: 3px;padding-right: 20px;
}

.col li{margin:5px 0;}
.noBd {border: medium none;}



/* photo show page */
.pShow{float:left; margin-left:0;}
.pShow .box{ width:588px;}
.pShow .box img{ border:1px solid #CFCFCF; margin-bottom:10px; padding:5px; background:#FFF; }
.pShow .box .title{ background:none; font-size:12px; font-weight:normal;}
.pShow .box .tac{ position:relative; margin:0 auto; text-align:center;}
.pShow .btn{ margin-top:20px; text-align:center;}
.pShow .btn span{ padding:0 20px;}
.pShow .btn a{ text-decoration:underline;}
.pShow .btn .prev a{ padding-left:25px; background:url(https://data.agatetravel.com/images/icon/icon010.gif) no-repeat left center;}
.pShow .btn .next a{ padding-right:25px; background:url(https://data.agatetravel.com/images/icon/icon011.gif) no-repeat right center;}
#pScreenTxt{ text-align:center;}

.picbtn_left, .picbtn_right { position: absolute; top:0; width:50%; background: url(https://data.agatetravel.com/images/background/pixel.gif) repeat; height: 412px; }
.picbtn_left {left: 14px;}
.picbtn_right {right: 14px;}

.picbtn_left:hover, .picbtn_right:hover{ -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60);}
.picbtn_left:hover { background: url(https://data.agatetravel.com/images/background/btn_left.gif) no-repeat left 190px;
}
.picbtn_right:hover { background: url(https://data.agatetravel.com/images/background/btn_right.gif) no-repeat right 190px;}


/* photo list */
.pList{ float:right; width:308px; margin-right:0; overflow:hidden; zoom:1;}
.pList .bgT, .pList .bgB{ height:11px; line-height:11px; overflow:hidden; background:url(https://data.agatetravel.com/images/background/bgp004.png) no-repeat;}
.pList .bgB{ background-position:0 -11px;}
.pList .bgM{ background:url(https://data.agatetravel.com/images/background/bgp005.png) repeat-y;}
.pList .ul{ border:1px solid #E6E6E6; border-width:0 1px; padding:11px; overflow:hidden; zoom:1;}
.pList .ul li{ float:left; padding:3px;}
.pList .ul img{ width:130px; height:92px; border:1px solid #D8D8D8; padding:2px; background:#FFF; cursor:pointer;}
.pList .ul .current img, .pList .ul .hover img{ border:1px solid #2C6AA5;}

.pageNav{ padding:5px 0; *padding-top:0;  text-align:center; color:#C47002; }
.pageNav a{ margin:0 3px; color:#C47002; text-decoration:underline;}
.pageNav a:hover{ text-decoration:none;}
.pageNav span{ font-weight:bold;}

.bd{ border:1px solid #D8D8D8; margin:10px; padding:10px; color:#2C6AA5;}
.commForm *{ color:#776D69}
.commForm .bd{ margin:0; padding:0;}

@media screen  and (max-width: 1024px){
	.col { padding:10px;}	
}

@media screen  and (max-width: 770px){
	.col { width:140px; }
}

@media screen  and (max-width: 568px){
	.col { width: 180px; }
	.noBr{ border:none; }
}
@media screen  and (max-width: 420px){
	.col { width: 140px; padding: 5px;}
}
@media screen  and (max-width: 320px){
	.hotPhoto li { margin: 10px 3px;}
	
	.col { padding: 5px 1px; }
}