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

/*===景點照片===*/
.viewno{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:15px;
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
}
.viewpoint_back{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
	background-image:url(../images/goback.png);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left:20px; 
	/*width:90px; 
	height:90px;
	background:url(../images/travel_photo01.jpg) left top no-repeat; 
	text-indent:-9999px;*/}

.viewpoint01{
	background-image:url(../images/no01.png);}
	
.viewpoint02{
	background-image:url(../images/no02.png);}
	
.viewpoint03{
	background-image:url(../images/no03.png);}
	
.viewpoint04{
	background-image:url(../images/no04.png);}
	
.viewpoint05{
	background-image:url(../images/no05.png);}
	
.viewpoint06{
	background-image:url(../images/no06.png);}
	
.viewpoint07{
	background-image:url(../images/no07.png);}
	
.viewpoint08{
	background-image:url(../images/no08.png);}
	
.viewpoint09{
	background-image:url(../images/no09.png);}
	
.viewpoint10{
	background-image:url(../images/no10.png);}
	
.viewpoint11{
	background-image:url(../images/no11.png);}
	
.viewpoint12{
	background-image:url(../images/no12.png);}
	
.viewpoint13{
	background-image:url(../images/no13.png);}
	
.viewpoint14{
	background-image:url(../images/no14.png);}
	
.viewpoint15{
	background-image:url(../images/no15.png);}
	
.viewpoint16{
	background-image:url(../images/no16.png);}
	
.viewpoint17{
	background-image:url(../images/no17.png);}
	
.viewpoint18{
	background-image:url(../images/no18.png);}
	
.viewpoint19{
	background-image:url(../images/no19.png);}

.viewpoint20{
	background-image:url(../images/no20.png);}
	
.viewpoint21{
	background-image:url(../images/no21.png);}
	
.viewpoint22{
	background-image:url(../images/no22.png);}
	
.viewpoint23{
	background-image:url(../images/no23.png);}
	
.viewpoint24{
	background-image:url(../images/no24.png);}
	
.viewpoint25{
	background-image:url(../images/no25.png);}
	
.viewpoint26{
	background-image:url(../images/no26.png);}
	
.viewpoint27{
	background-image:url(../images/no27.png);}
	
.viewpoint28{
	background-image:url(../images/no28.png);}
	
.viewpoint29{
	background-image:url(../images/no29.png);}

.viewpoint30{
	background-image:url(../images/no30.png);}
	
.viewpoint31{
	background-image:url(../images/no31.png);}
	
.viewpoint32{
	background-image:url(../images/no32.png);}
	
.viewpoint33{
	background-image:url(../images/no33.png);}
	
.viewpoint34{
	background-image:url(../images/no34.png);}
	
.viewpoint35{
	background-image:url(../images/no35.png);}
	
.viewpoint36{
	background-image:url(../images/no36.png);}
	
.viewpoint37{
	background-image:url(../images/no37.png);}
	
.viewpoint38{
	background-image:url(../images/no38.png);}
	
.viewpoint39{
	background-image:url(../images/no39.png);}
	
.viewpoint40{
	background-image:url(../images/no40.png);}
	
.viewpoint41{
	background-image:url(../images/no41.png);}
	
.viewpoint42{
	background-image:url(../images/no42.png);}
	
.viewpoint43{
	background-image:url(../images/no43.png);}
	
.viewpoint44{
	background-image:url(../images/no44.png);}
	
.viewpoint45{
	background-image:url(../images/no45.png);}
	
.viewpoint46{
	background-image:url(../images/no46.png);}
	
.viewpoint47{
	background-image:url(../images/no47.png);}
	
.viewpoint48{
	background-image:url(../images/no48.png);}
	
.viewpoint49{
	background-image:url(../images/no49.png);}
	
.viewpoint50{
	background-image:url(../images/no50.png);}


/*===Radio Button 換成 images===*/
.radio-toolbar_none input {
	position: absolute;
	border: 0;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
}

/* make the label relative, add padding to the left for adding the custom radio button */
.radio-toolbar_none input + label {
    /*padding-left: 23px;*/
	cursor: pointer;
	position: relative;
	display: inline-block;
	line-height: 24px;
	margin: 0 0;
}


/**
 * :before will be our new button!
 */
 
.radio-toolbar_none input + label:before{
	/*display:none\0/;*/
}

.radio-toolbar_none input + label:before {
	content: " ";
	z-index:9999;
	position: absolute;
	left: 2px;
	top: 2px;
	
	/* Your size */
	width: 26px;
	height: 26px;
	
	/* Your default background color */
	/*background-image:url(../images/check_box.png);
	background-position:left top;
	background-repeat:no-repeat;*/
}

.radio-toolbar_none input:checked + label:before {
	/* Your checked background color */
	/*background-image:url(../images/check_box.png));
	background-position:left bottom;
	background-repeat:no-repeat;*/
}

@media screen and (max-width: 640px) {
	
.viewpoint{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	background-image:url(../images/goback.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px; 
	/*width:90px; 
	height:90px;
	background:url(../images/travel_photo01.jpg) left top no-repeat; 
	text-indent:-9999px;*/}

.viewpoint1{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background-image:url(../images/no01.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px; 
	/*width:90px; 
	height:90px;
	background:url(../images/travel_photo01.jpg) left top no-repeat; 
	text-indent:-9999px;*/}
	
.viewpoint2{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background-image:url(../images/no02.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;}
	
.viewpoint3{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background-image:url(../images/no03.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;}
	
.viewpoint4{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background-image:url(../images/no04.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;}
	
.viewpoint5{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background-image:url(../images/no05.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;}
	
.viewpoint6{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background-image:url(../images/no06.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;}
	
.viewpoint7{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background-image:url(../images/no07.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;}
	
.viewpoint8{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background-image:url(../images/no08.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;}
	
.viewpoint9{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background-image:url(../images/no09.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;}
	
.viewpoint10{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	background-image:url(../images/no10.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;}
	
	}