/*
	Colorized by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background: url(../images/bg.jpg) repeat top left;
	}

	body,input,textarea,select
	{
		font-family: Verdana, Microsoft JhengHei, "微軟正黑體", sans-serif;
		font-size: 12pt;
		line-height: 1.8em;
	}

	h1,h2,h3,h4,h5,h6
	{
	}
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}
		
	/* Change this to whatever font weight/color pairing is most suitable */
	strong, b
	{
		color: #000000;
		font-size: 14pt;
        font-weight: bold;   /*20151029小屋新增*/
	}
	
	i
	{
		font-style: italic;
	}

	/* Don't forget to set this to something that matches the design */
	a
	{
		color: #000;
		text-decoration: none;
		display:block;
	}

	a:hover
	{
		
	}
	
	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
		list-style: none outside none; 
	}

	header
	{
		margin-bottom: 2em;
	}
	
		header h2
		{
			font-size: 2.8em;
		}

		header .byline
		{
			display: block;
			margin: 0.5em 0 0 0;
			padding: 0 0 0.5em 0;
		}
		
	footer
	{
		margin-top: 1em;
	}

	.clear
	{
		clear: both;
	}

	/* Sections/Articles */
	
		section,
		article
		{
			margin-bottom: 3em;
			line-height: 1.8em;
		}
		
		section > li{ line-height: 2.4em;}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

		.row > section,
		.row > article
		{
			margin-bottom: 0;
		}

	img {
           height: auto;
           max-width: 100%;
         }
	
	/* Images */

		.image
		{
			display: inline-block;
		}
		
			.image img
			{
				display: block;
				width: 100%;
			}

			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}
			
			.image.full
			{
				display: block;
				width: 100%;
				margin-bottom: 2em;
			}
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			.image.right
			{
				float: right;
				margin: 0 0 1em 0em;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}

	/* Lists */

		ul.default
		{
			list-style: none;
		}
		
			ul.default li
			{
				display: block;
				padding: 3px 0px;
				border-top: 1px solid;
				border-color: rgba(255,255,255,.1);
                font-family: Verdana, Microsoft JhengHei, "微軟正黑體", sans-serif;
			}
            

			ul.default.alt li
			{
				border-color: rgba(0,0,0,.1);
				position:relative;
			}
			
			ul.default li:first-child
			{
				border-top: none;
			}
			
			#sidebar1 ul.default a, #sidebar1 ul.default span
			{
				padding:10px 5px;
				display:block;
                line-height: 1.8em;
			}
			
			#sidebar1 ul.default a:hover, #sidebar1 ul.default span{
				color:#FFF;
				background:url(../images/bg_list.jpg) no-repeat -15px #fe496a;
				background-position:right;
			}
			#sidebar1 ul.default li a:hover::before, #sidebar1 ul.default li span::before{
				content:"";
			    display:block;
			    position:absolute;
			    border: 1.55em solid #ff496b;
			    left:-3em;
			    top:3px;
			    border-left-color: transparent;
			    border-top-color: transparent;
		     	border-bottom-color: transparent;
			    z-index:-1;
			}
			
			ul.default .fa:before
			{
				font-size: 0.85em;
				/*color: rgba(255,255,255,.7);*/
			}
			
			ul.default.alt .fa:before
			{
				color: rgba(0,0,0,.7);
			}


	/* Buttons */
		
		.button
		{
			position: relative;
			display: inline-block;
			border: 0;
			background: #444;
			color: #fff;
			cursor: pointer;
		}
		
	.divider
	{
		overflow: hidden;
		height: 20px;
		background: url(images/divider.png) repeat-x left top;
	}
	
	
/* TitleBox */
	
	.titleBox{
	    position:relative;
	    width:100%;
	    text-align:center;
		height: 30px;
		margin-bottom:2em;
	}
	.titleBox h2{
		display:inline;
	    font-size:2.3em;
	    font-weight:bold;
	    font-family:微軟正黑體, "Times New Roman";
	}

    .titleBox img{ vertical-align: baseline; max-width:100%; max-height:100%; width:auto; height:auto;}

    .titleBox span::before{
	    content: "";
	    width: 30%;
	    height: 2px;
	    display:inline-block;
	    margin-bottom:14px;
	
	    background: -moz-linear-gradient(left, rgba(203,219,232,0),rgba(203,219,232,1));
	    background: -webkit-linear-gradient(left, rgba(203,219,232,0),rgba(203,219,232,1));
	    background: -o-linear-gradient(left, rgba(203,219,232,0),rgba(203,219,232,1));
	    background: -ms-linear-gradient(left, rgba(203,219,232,0),rgba(203,219,232,1));
	
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00957147', endColorstr='#001f120d',GradientType=1 );
	
	    left: 0;
	    z-index:-1;
	}
	.titleBox span::after{
	    content: "";
    	width: 30%;
    	height: 2px;
    	display:inline-block;
    	margin-bottom: 14px;
	
	    background: -moz-linear-gradient(left, rgba(203,219,232,1),rgba(203,219,232,0));
	    background: -webkit-linear-gradient(left, rgba(203,219,232,1),rgba(203,219,232,0));
    	background: -o-linear-gradient(left, rgba(203,219,232,1),rgba(203,219,232,0));
	    background: -ms-linear-gradient(left, rgba(203,219,232,1),rgba(203,219,232,0));
	
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00957147', endColorstr='#001f120d',GradientType=1 );
	
	    right: 0;
	    top: 0;
	    z-index:-1;
	}
	

/*********************************************************************************/
/* Icons                                                                         */
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io                 */
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */
/*********************************************************************************/

	.fa
	{
		text-decoration: none;
	}

		.fa.solo
		{
		}
		
			.fa.solo span
			{
				display: none;
			}
			
		/*.fa:before
		{
			display:inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
	
	
/*********************************************************************************/
/* Index                                                                         */
/*********************************************************************************/
	
	
	#ibanner{
		position: relative;
		background:url(../images/bg.jpg) repeat top left;
		max-width:1380px;
		font-size:1.3em;
		margin:0 auto;
	}
	.ilogo{ position:absolute; top:1em; left:2em;}
	.slogan{ position:absolute; top:11em; right:18em; color:#002c6a; font-size:0.6em; text-align:right;}
	.slogan span{ font-size:5.2em;}
	.ilogo2{ float:left; margin-top:-0.7em;}
	.ilogo2 img{ width:70%; height:70%;}
	.ibt_row{ position:absolute; bottom:50px; left:120px; vertical-align: bottom; }
	.ibt{
		color:#FFF;
		display:inline-block;
		/*float:left;*/
		margin-right:10px;
		padding:1.35em 0.5em;
		width:185px;
		height:110px;
		background-color:rgba(0,0,0,.7);
		border-left:8px solid #000;
		-webkit-transition: height 2s, color 2s, transform 2s; /* For Safari 3.1 to 6.0 */
        transition: height 2s, color 2s, transform 2s;
		vertical-align: bottom;              
		-webkit-transform-origin: 0% 100%;   
		-moz-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
	}
	/*.ibt a{
		color:#FFF; display:block;
		width: 100%;
        height: 100%;
        cursor: pointer;
		margin:1.35em 0.5em;
		}
	.ibt a:hover{ color:#000; margin:1.35em 0.8em;}*/
	.ibt:hover{
	    height:160px;
		padding:2.5em 0.8em;
		color:#000;
		background-color:rgba(255,255,255,.9);
		border-left-width:0px;
		vertical-align: bottom;
	}
	.ibt span{ font-size:1.5em; font-family:Verdana; font-weight:500;}
	.ifooter{ font-size:1.2em; line-height:0.6em; float:left; margin-top:0.6em;}
	.fshare
	{
		position: relative;
		max-width:1200px;
		margin:0px auto ;
		text-align:center;
	}
	    .fshare a{ display:inline-block;}
		.fshare h1
		{
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.fshare span
		{
			position: absolute;
			top: 0;
			right: 18.5em;
		}
		.fshare span img{
		    vertical-align:middle;
		}
		.fshare span a:hover img{
			-webkit-filter:opacity(0.5);
			-moz-filter:opacity(0.5);
			-ms-filter:opacity(0.5);
			-o-filter:opacity(0.5);
				 
			filter:opacity(0.5);
		}
		.fshare .search{
            width:205px;
	        position:absolute;
	        top:0.2em;
	        right:1.5em;
    }
	
		
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		background-color:#fed840;
	}
	
	#header .container
	{
		width:100%;
	}
		
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo-wrapper
	{
		position: relative;
		background:url(../images/bg.jpg) repeat top left;
		height:130px;
		border-bottom:10px solid #fed840;
	}

	#logo
	{
		position: relative;
		max-width:1200px;
		margin:0px auto ;
		text-align:center;
	}
	    #logo a{ display:inline-block;}
		#logo h1
		{
			position: absolute;
			top: 0;
			left: 0;
		}
		
		#logo span
		{
			position: absolute;
			top: 3em;
			right: 16.6em;
		}
		#logo span img{
		    vertical-align:middle;
		}
		#logo span a:hover img{
			-webkit-filter:opacity(0.5);
			-moz-filter:opacity(0.5);
			-ms-filter:opacity(0.5);
			-o-filter:opacity(0.5);
				 
			filter:opacity(0.5);
		}
		
/* Search */
.search{ 
    width:205px;
	position:absolute;
	top:3.1em;
	right:2em;
    }
.search input[type="text"] {
    border: 1px solid #b3b3b3;
	border-right-width:0px;
    color: #333;
    font-size: 13px;
	float:left;
    margin: 0;
    padding: 0px 5px;
    width: 180px;
	height:25px;
}
.search input[type="submit"] {
	border: 0 none;
	height: 25px;
	width: 24px;
	background-color: #ffb400;
	background: url(../images/search.gif) no-repeat top left;
	cursor:pointer;
}

/* Nav */

	#nav
	{
		padding:0px;
		/*max-width:1200px;*/
		margin:0px auto ;
	}

		#nav > ul{ list-style:none; text-align:center;}
		#nav > ul > li
		{
			display: inline-block;
			white-space: nowrap;
		}
		#nav > ul > li img{ vertical-align:bottom;}
		
			#nav > ul > li:last-child
			{
			}

			#nav > ul > li > a,
			#nav > ul > li > span
			{
				display: inline-block;
				padding: 8px 13px 10px 20px;
				letter-spacing: 0.06em;
				text-decoration: none;
				text-transform: capitalize;
				font-size: 1em;
				color: #0072f3;
				outline: 0;
			}
			#nav span{ font-size:2em;}

			#nav li.active a,#nav li a:hover
			{
				background: #ff496b;
				/*border-radius: 25px;*/
				color: #FFF;
			}
			#nav li.active a img,
			#nav li a:hover img{
				 -webkit-filter:  contrast(10) grayscale(1) invert(1);
				 -moz-filter:  contrast(10) grayscale(1) invert(1);
				 -ms-filter:  contrast(10) grayscale(1) invert(1);
				 -o-filter:  contrast(10) grayscale(1) invert(1);
				 
				 filter:  contrast(10) grayscale(1) invert(1);
		    }

			#nav > ul > li > ul
			{
				display: none;
			}
	
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner{
	background-size: cover;
	background:url(../images/about/slide_1.jpg) repeat center center;
	height: 500px;
	position: relative;
	overflow: hidden;
     }
	 
	/*#banner img{ width:100%;}*/

    .prev {
	    width: 32px;
		height: 32px;
		position: absolute;
	    top: 50%;
	    z-index:1;
        left: -100px;
		background: url(../images/controls.png) no-repeat scroll 0px -32px transparent;
      }
	  .next {
		width: 32px;
		height: 32px;
	    position: absolute;
	    top: 50%;
	    z-index:1;
		right: -100px;
		background: url(../images/controls.png) no-repeat scroll -43px -32px transparent;
      }
     #banner:hover .prev {
		left: 10px;
	    display:block;
	 }
     #banner:hover .next {
		right: 10px;
		display:block;
	  }

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		position: relative;
		padding: 5em 0em;
	}
	
	#main .container .notice{ font-weight:bold; font-size:1.5em; margin:1em 0;}
	#sidebar1 header h2, 
	#sidebar2 header h2
	{
		font-size: 1.8em;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		position: relative;
		background: url(../images/bg_footer.jpg) repeat top left;
		color: #0b42b1;
		font-size:0.8em;
		padding:3.5em 0 3em 0;
        font-family: "微軟正黑體", sans-serif;
	}
	
	#footer header
	{
		font-size: 13px;
	}
	
	#footer li{ color:#0b1843; line-height:1.8em;font-size: 13px;font-family: Verdana, Microsoft JhengHei, "微軟正黑體", sans-serif;}
	#footer h2{ font-size:17px; font-weight:bold; margin-bottom:20px; color:#00327c;}
	#footer li a{ color:#162f82; display:inline}
	#footer li a:hover{ color:#003cb6; text-decoration:underline;}
	#footer li i{ color:#0b1843; line-height:1em;}
	#footer li a i{ color:#162f82; margin:0 0.2em}
	#footer li a i:hover{ color:#003cb6; text-decoration:none;}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
	
	#copyright
	{
		position: relative;
		text-align: center;
		color: #FFF;
		width:100%;
	}
	
	#copyright .container
	{
		background-color:#ff4172;
		padding:10px;
        width:100%;
	}
	
	#copyright a
	{
		text-decoration: none;
		color: rgba(255,255,255,.3);
	}			
	
/*********************************************************************************/
/* Spot                                                                          */
/*********************************************************************************/
	
	.spot a{ color:#000;}
	.spot img{ width:100%;}
	.dark{ background-color: #fed840;}
	.light{ background-color: #fff2bd;}
	.spot .image{ position:relative; width:100%; height:270px; overflow:hidden;}
	.nametitle{ 
	    background-color:rgba(0,0,0,.6);
		color:#ffe401;
		padding:0.5em 0.8em 0.7em 0.8em;
		position:absolute;
		left:0;
		bottom:0;
		z-index:2;
		width:100%;
		font-size:1em;
	}
	.nametitle h2{ color:#FFF; font-size:1.5em; line-height:1.8em;}
	.spot .txt{ padding:0.8em; margin-top:-0.55em; height:9em; overflow:hidden;}
	.row-top{ padding-top:50px;}
	
	/* Page */
	
	.page{ font-family:"微軟正黑體", Verdana, sans-serif; font-size:1em; text-align:center; width:100%; font-weight:600;}
	.page .active{ color:#ff5a8c; font-size:1.2em; vertical-align: bottom;}
	.page a, .page span{ color:#333; margin:0.5em 0.2em 0 0.2em; display: inline-block; padding:0.3em 0.5em;}
	.page a:hover{ background-color: rgba(0,0,0,.1);}
	
	
/*********************************************************************************/
/* Spot_info                                                                     */
/*********************************************************************************/
	
	.menu{ font-size:1em; color:#999; width:100%; text-align:center; margin-bottom:3em;}
	.menu a{ font-size:1.3em; color:#666; display:inline-block; padding:0.3em 0.5em; margin:0 0.5em; white-space:nowrap; line-height:2em;}
	.menu a:hover{ color:#000; font-weight:500;}
	.menu .active{ color:#000; font-size:2em; margin:0 0.5em; white-space:nowrap; line-height:2em;}
	
	.dashed{ background:url(../images/dashed.png) repeat-x center left; width:100%; position:relative; height:1.8em; margin:2em 0;}
	.dashed a{ color:#FFF; width:75px; white-space:nowrap; background:rgba(0,0,0,1);}
	.dashed a:hover{  background:rgba(75,75,75,1);}
	.gopre, .gonext{ position:relative; background:rgba(0,0,0,1);}
	.gopre{ position:absolute; center:0; left:0; padding-left:18px;}
	.gonext{ position:absolute; center:0; right:0; padding-left:8px;}
	.gopre::before{
	    content:"";
		display:block;
		position:absolute;
		border: 0.5em solid #FFF;
		left:-0.1em;
		top:7px;
	    border-left-color: transparent;
	    border-top-color: transparent;
		border-bottom-color: transparent;	
	}
	.gonext::after{
	    content:"";
		display:block;
		position:absolute;
		border: 0.5em solid #FFF;
		right:0;
		top:7px;
	    border-right-color: transparent;
	    border-top-color: transparent;
		border-bottom-color: transparent;	
	}
	
	.spot_detail{width:100%;}
	.spot_detail .title{ margin:1em 0 1.5em 0; width:85%; position:relative;}
	.spot_detail h2{ color:#005a99; font-size:2.5em; display:inline; line-height:1em;}
	.spot_detail h3{ color:#cf1717; font-size:1.4em; display:inline-block;}
	.spot_detail h4{ color:#005a99; font-size:1.4em; display:inline-block;}
    .spot_detail strong { color:#ff0000; font-size: 1.4em !important; }
	.spot_detail p a{ display:inline-block; text-decoration:underline;}  /* 20150603小屋新增 */
	.spot_detail .share{ padding-top:0.5em; position:absolute; top:0; right:-11em;}
	.spot_detail .share a{
		width:28px;
		display:inline-block;
		}
    .spot_detail span a:hover img{
		-webkit-filter:opacity(0.5);
		-moz-filter:opacity(0.5);
		-ms-filter:opacity(0.5);
		-o-filter:opacity(0.5);
				 
		filter:opacity(0.5);}
	.spot_detail .image{ width:100%; max-height:540px; overflow:hidden;}
	.spot_detail .txtimg{ width:100%; text-align:center; margin:0 auto;}
	.spot_detail .txtimg img{ max-width:30%; height:auto; margin:0.5em 0.5em 1em 0.5em;}
	.link_title{ color:#0045ac; font-size:2em; white-space:nowrap;}
	.spot_link{ border-top: #1179da solid 6px; padding-top:20px; margin-top:2px;}
	.spot_link li{ 
	    background-color:#e9e9e9;
	    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		margin:0.3em;
		padding:0.5em;
		display:inline-block;
		white-space:nowrap;
     }
	 .spot_link li a:hover{ color:#0045ac;}
	 
	 .back{
		 margin:2em auto 0 auto;
		 background:url(../images/bg_list.jpg) no-repeat center right;
		 padding:0.5em 0.5em 0.5em 0.8em;
		 width:140px;
		 -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
		 white-space:nowrap;
	  }
	  .back a{ display:block; color:#FFF; font-size:1.5em; font-weight:500;}
	  .back a:hover{ color:#fed840;}
	
	
/*********************************************************************************/
/* Spot_detail                                                                   */
/*********************************************************************************/

	  .info_title{ color:#0045ac; font-size:2.5em; position:relative;}
	  .info_title::before{
		   border-top: #1179da solid 6px;
		   content:"";
		   display:block;
		   position:absolute;
		   top:1.3em;
		   left:4.2em;
		   width:75%;
		   height:6px;
		   z-index:-1;
		}
	  .info_title table{ font-size:0.4em; color:#000; margin-top: 1.5em; word-wrap:break-word;}
	  .info_title td{ padding:0.15em 0;}
	  .info_title span{ color:#005a99; white-space:nowrap;}
	  .info_title a:hover{ color:#003cb6; text-decoration:underline;}
	  .map{ display: inline-block;}
	  .map img{ width:100%; height:auto;}
	  .map iframe{ width:100%; height:445px;}
	
/*********************************************************************************/
/* Info                                                                          */
/*********************************************************************************/
	
	.info{ position:relative; height:7.5em;}
	.info_txt{ width:75%; font-size:1.2em; position:absolute; top:0; left:0;}
	.info_search{ 
	    width:24%;
		background-color:#f2e8d4;
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		position:absolute;
		top:0;
		left:75.5%;
		text-align:center;
		font-size:1.8em;
		padding:0.5em 0.4em 0.4em 0.4em;
	}
	.info_search img{ vertical-align: bottom;}
	.info_search select {
		font-size:0.4em;
		display:inline-block;
		margin-top:1em;
		}
		
	.info_row{ text-align:center;}
	.info_row a{ color:#000;}
	.info_row .image{ position:relative; width:100%;}
	.info_row .txt{ padding:0.8em; margin-top:-0.6em; height:11.9em; overflow:hidden; line-height:1.7em;}
	.info_data{ width:24%; display:block;margin:0.5em 0.4em 3em 0.4em; text-align:left; float:left;}
	.info_data:first-child{ margin-left:0;}
	.info_data img{ height:270px;}
	.nametitle h4{ color:#FFF; font-size:1.2em; line-height:1.4em; margin-top:0.2em;}
	.tag{ width:100%; background-color:#fff8dc; margin-bottom:0.4em; padding:1px 0 0 5px;}
	
	
/*********************************************************************************/
/* Info_Trip                                                                     */
/*********************************************************************************/

     .info_txt_full{ width:100%; font-size:1.2em; margin-bottom:2em;}
	 .trip_row{ margin-bottom:3em;}
	 .trip_row .image{ width:24%; float:left;}
	 .trip_row img{ /*width:100%; height:100%;*/}    /* 0716-小屋隱藏  */
	 .trip_row .txt{ width:76%; float:left; position:relative;}
	 .detail{
		 display:none;
		 color:#FFF;
		 padding:0.7em 0.78em 0.55em 0.67em;
		 text-align:center;
		 font-size:1.6em;
		 font-weight:bold;
		 position:absolute;
		 top:0.8em;
		 right:0.4em;
		 background-color:#ff496b;
		 -webkit-border-radius: 50px;
         -moz-border-radius: 50px;
         border-radius: 50px;
		 z-index:1;
	 }
	 .trip_name{
		 background-color:#fff8dc;
		 color:#0a38a3;
		 font-size:1.7em;
		 width:100%;
		 padding:0.5em 0.5em 0.3em 0.5em;
		 margin-top:0.3em;
		 line-height:1.2em;
	 }
	 .travel{ margin:0.8em 1.2em 0em 1.2em; width:95%; /*width:87%;*/}
	 .travel ul{ margin-top:0.5em;}
	 .travel li{ list-style:none; display:inline-block;}
	 .travel a{ color:#002ab4; font-size:1em; font-family: "微軟正黑體", sans-serif; display:block; float:left; white-space:nowrap; margin:0.2em 1.5em 0em 0; margin-top:; line-height:1.4em; font-weight:600; }
	 .travel a:hover{ text-decoration:underline; color:#F36;}
	 
	 
	 
/*********************************************************************************/
/* News                                                                          */
/*********************************************************************************/

     .nametitle h3{ color:#FFF; font-size:1.2em; padding:0.3em 0em 0em 0em;}
	 .news_title{ margin-bottom:1.5em;}
	 .news_title a{ text-align:left; width:100%; color:#aaa;}
	 .news_title h2{ font-size:2.2em; color:#000000; display:inline-block;}
	 .yellow{ color:#ffb71b; font-weight:bold;}
	 .sky{ color:#00c2d9; font-weight:bold;}
	 .pink{ color:#ff3472; font-weight:500;}
	 .green{ color:#00830c; font-weight:bold;}
	 .half_left{ width:40%; float:left;}
	 .half_right{ width:60%; float:left; position:relative;}
	 .video{ width:50%; float:left; margin-right:1em;}
	 .sidevideo{ width:220px; position:absolute; top:3.75em; right:0.5em;}
	 .sidevideo div{ margin-bottom:1em;}
	 .sidevideo div:last-child{ margin-bottom:0;}
	 .sidevideo iframe{ width:100%;}

	
/*********************************************************************************/
/* News_txt_detail                                                               */
/*********************************************************************************/
	
	 .spot_detail h5{ color:#005a99; font-size:2.5em; display:inline; line-height:1em;}
	 .spot_detail h6{ color:#14456b; font-size:1em; display:inline-block;}
	 .spot_detail .txtimg > div{ max-width:320px; height:auto; margin:0 0.5em; display:inline-block; vertical-align:top;}
	 .spot_detail .txtimg img{ height:auto; width:auto; max-height:100%; max-width:100%;}
	 .txtimg .stxt{ text-align:center; font-size:0.8em; line-height:1.5em; color:#333333; word-break: break-all; width:100%; margin:-1.5em 0.5em 1em 0.5em;}
	 

/*********************************************************************************/
/* News_video                                                                    */
/*********************************************************************************/
 
	 
	 .video_list{ position:relative; width:32%; float:left; margin:0em 0.5em 3em 0.5em;}
	 .video_list .nametitle{ 
	    background-color:rgba(0,0,0,.6);
		color:#ffe401;
		padding:0.3em 0.8em 0.2em 0.8em;
		position:absolute;
		left:0;
		bottom:0.7em;
		z-index:2;
		width:100%;
		font-size:0.7em;
	}
	.video_list .nametitle a{ color:#FFFFFF;}
	.video_list .nametitle a:hover{ text-decoration:underline;} 
	.video_list  img{ height:350px; width:auto; max-height:100%; max-width:100%;}       /* 0722_小屋新增 */
	

/*********************************************************************************/
/* About_data                                                                    */
/*********************************************************************************/

    section{ color:#010101;}
	section td{ padding:0 0.5em 0.5em 0.5em; list-style:disc;}
	section td li{ margin-left:1em;}
	section td a{ color:#0153b0; display:inline;}
	.side{ width:10px; padding:0;}
	.item{ color:#FFF; font-weight:600; white-space:nowrap; padding:0.4em 0.5em 0 0; font-size:1.2em; width:5.5em;}
	.line{ border-bottom:1px solid #FFF;}
	.tl{
		-webkit-border-top-left-radius: 5px;
        -moz-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
	}
	.tr{
		-webkit-border-top-right-radius: 5px;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
	}
	.bl{
		-webkit-border-bottom-left-radius: 5px;
        -moz-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
	}
	.br{
		-webkit-border-bottom-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
	}



/*********************************************************************************/
/* About_active                                                                  */
/*********************************************************************************/

	.active_txt a{ color:#0153b0;}
	.active_txt a:hover{ text-decoration:underline;}
    .download{ 
	     display:block;
		 color:#0153b0;
		 margin:1em 0;
		 background:#fed840;
		 width:19em;
		 text-align:center;
		 -webkit-bottom-radius: 5px;
         -moz-bottom-radius: 5px;
         border-radius: 5px;
		 }
	.download:hover{ background:#ff496b;}
	.download a{ padding:0.5em 0.7em 0.5em 0.5em;}
	.download a:hover{ text-decoration:none; color:#FFF; font-weight:bold;}
	
    .menu_month{ font-size:1em; color:#999; width:100%; text-align:center; margin:1.5em 0 2em 0;}
	.menu_month a{ font-size:1em; color:#666; display:inline-block; padding:0.3em 0.5em; margin:0 0.1em; white-space:nowrap; line-height:2em;}
	.menu_month a:hover{ color:#000; font-weight:500;}
	
	.month{ font-size:1.2em; font-weight:500; margin:1.5em 0 0.3em -0.3em;}
	.list{ background-color:#eaf7fa; padding:0; font-size:0.9em; line-height:1.6em;}
	.list .date{ background-color:#ffd953; color:#0072f3; border-right:3px solid #FFF; white-space:nowrap; font-weight:bold; vertical-align:middle; width:5em; text-align:center;}
	.list .title{ background-color:#004cb3; color:#FFF; border-bottom:3px solid #FFF; padding:0.4em; font-size:1.2em; font-weight:500;}
	.list div{ color:#000; display:inline-block; vertical-align:top;}
	.list .image{ max-width:220px; border-right:3px solid #FFF;}
	.list .image img{ max-width:100%; max-height:100%; width:auto; height:auto;}
	.list .contact{ width:34%; padding:0.1em 0.2em 0.1em 0.2em; min-height:148px; border-right:3px solid #FFF; word-wrap:break-word;}
	.list .contact span{ white-space:nowrap;}
	.list .contact a{ display:inline-block;}
	.list .contact b{ font-weight:800; font-size:1.1em;}
    .list .txt{ width:37%; font-size:1em; line-height:1.8em; padding:0.1em 0.1em 0.2em 0.1em; min-height:148px;}
	.list .contact2{ width:46%; padding:0.1em 0.2em 0.1em 0.5em; min-height:148px; border-right:3px solid #FFF; word-wrap:break-word;}
	.list .contact2 span{ white-space:nowrap;}
	.list .contact2 a{ display:inline-block;}
	.list .contact2 b{ font-weight:800; font-size:1.1em;}
    .list .txt2{ width:52%; font-size:1em; line-height:1.8em; padding:0.1em 0.1em 0.2em 0.1em; min-height:148px;}


/*********************************************************************************/
/* About_visa                                                                    */
/*********************************************************************************/

    .item_visa{ color:#114864; font-weight:600; white-space:nowrap; padding:0.4em 0.5em 0 0; font-size:1.2em; width:5.5em;}
	.item_visa::after{
		border: #bdbdbd solid 0.5em;
		content:"";
		display:block;
		position:absolute;
		top:0.7em;
		right:-0.7em;
		z-index:4;
		border-right-color: transparent;
	    border-top-color: transparent;
		border-bottom-color: transparent;
		}
	.doll{ position:relative;}
	.doll img{ position:absolute; right:-8em; bottom:-2.5em; z-index:2;}
	.skyd{ background-color:rgba(0,182,234,.3); padding-left:0.2em; position:relative;}
	.skyl{ background-color:rgba(199,240,255,.3); padding-left:1em; padding-right:5.5em;}
	.skyl span{ color:#d20e25;}


/*********************************************************************************/
/* About_qa                                                                      */
/*********************************************************************************/

    .qa span{ color:#FFF; background:#369df3; padding:0.2em;}
	.question{ color:#114864; font-size:1.2em; font-weight:600; width:20%; white-space:nowrap;}
	.answer{ padding-left:2.2em;}
	.answer a{ color: #0153B0;display: inline;}
	.arrow{ position:relative; width:30px;}
	.arrow img{ max-width:20px; margin-top:0.2em;}
    .dashed2{ background:url(../images/dashed2.png) repeat-x 0 0.4em; width:auto; position:relative; height:1.8em; margin:2em 0;}
	 
/*********************************************************************************/
/* About_talk                                                                    */
/*********************************************************************************/	 
	 
	 .talk .txtimg{ width:100%; text-align:center; margin:0 auto; clear:both;}
	 .talk .txtimg img{ max-width:32%; height:auto; margin:2em 0.2em 2em 0.2em;}
	
	

/*********************************************************************************/
/* news_txt_detail、info_detail、news_video_detail、spot_detail                                      */
/*********************************************************************************/	
    .row p img { /*20160219小屋新增 */
        max-width: 100% !important;
        height: auto !important;
    }
	
	

	
	@media only screen and (min-width: 769px) and (max-width: 1200px) {
	#nav > ul > li span{ display:none;}
	#nav > ul > li{ font-size:1.5em; font-family:Verdana, "微軟正黑體", sans-serif; font-weight:bold;}
	.info_data{ width:47%; display:block;margin:0.5em 0.9em 3em 0.9em; text-align:left; float:left;}
	.info_data img{ height:300px;}
	.info_data:first-child{ margin-left:0.9em;}
	.info_data:last-child{ margin-right:0.9em;}
	.trip_row .image{ width:24%; overflow:hidden;}
	.trip_row img{ max-width:280px; max-height:270px;}  /* 0716-小屋修改  原本：min-width:280px; min-height:270px; */
	.half_left{ width:100%;}
	.half_right{ width:100%; padding-top:2.5em;}
	.sidevideo{ width:18%; position:absolute; top:6.2em; right:0;}
	.video_list{ position:relative; width:48%; float:left; margin:0em 0.5em 3em 0.5em;}
	.list .txt{ width:100%; display:block; border-top:3px solid #FFF;}
	.list .contact{ border-right:0px; width:60%;}
	
	    }
	@media only screen and (max-width: 768px) {
	#nav > ul > li img, #nav > ul > li span{ display:none;}	
	.titleBox h2{ font-size:1.8em;}
	.titleBox span::before, .titleBox span::after{ display:none;}
	.info_data{ width:47%; display:block;margin:0.5em 0.9em 3em 0.9em; text-align:left; float:left;}
	.info_data img{ height:300px;}
	.info_data:first-child{ margin-left:0.9em;}
	.info_data:last-child{ margin-right:0.9em;}
	.trip_row .image{ width:24%; overflow:hidden;}
	.trip_row img{ min-width:280px; min-height:270px;}
	.half_left{ width:100%;}
	.half_right{ width:100%; padding-top:2.5em;}
	.sidevideo{ width:18%; position:absolute; top:6.2em; right:0;}
	.video_list{ position:relative; width:48%; float:left; margin:0em 0.5em 3em 0.5em;}
	.list .txt, .list .txt2{ width:100%; display:block; border-top:3px solid #FFF; padding-left:0.5em;}
	.list .contact{ border-right:0px; width:60%;}
		}
		
	@media only screen and (max-width: 640px) {
	#sidebar1 ul.default li a:hover::before, #sidebar1 ul.default li span::before{ display:none;}
	.logo{ display:none;}
		
		}	
	@media only screen and (max-width: 480px) {
	#sidebar1 ul.default li a:hover::before, #sidebar1 ul.default li span::before{ display:none;}
	.spot_detail .txtimg img{ max-width:100%; margin:0 0.5em 0 0;}
	.info_title::before{
		   border-top: #1179da solid 6px;
		   content:"";
		   display:block;
		   position:absolute;
		   top:0.1em;
		   left:3.2em;
		   width:72%;
		   height:6px;
		   z-index:-1;
		}
		
	.info{ position:relative; height:17em;}
	.info_txt{ width:100%; font-size:1.2em; position:absolute; top:0; left:0;}
	.info_search{ 
	    width:100%;
		background-color:#f2e8d4;
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		position:absolute;
		top:5.5em;
		left:0;
		text-align:center;
		font-size:1.8em;
		padding:0.5em 0.4em 0.4em 0.4em;
	}
	.info_row .txt{ padding:0.8em; margin-top:-0.5em; height:8.5em; overflow:hidden;}
	.info_data{ width:96%; display:block;margin:0.5em 0.5em 3em 0.5em; text-align:left; float:left;}
	.info_data:first-child{ margin-left:0.5em;}
	.info_data:last-child{ margin-right:0.5em;}
	.trip_row .image{ width:100%; float:left;}
	.trip_row .txt{ width:100%; float:left; position:relative;}
	.trip_row img{ width:100%; height:100%;}
	.detail{
		 color:#FFF;
		 padding:0.7em 0.78em 0.55em 0.67em;
		 text-align:center;
		 font-size:1.6em;
		 font-weight:bold;
		 position:absolute;
		 top:-2.5em;
		 right:0.4em;
		 background-color:rgba(255,73,107,.8);
		 -webkit-border-radius: 50px;
         -moz-border-radius: 50px;
         border-radius: 50px;
		 z-index:1;
	 }
	 .travel{ margin:0.8em 1.2em; width:95%;}
	 .travel span{ white-space:normal;}
	 .half_right{ width:100%;}
	 .video{ width:100%; margin-right:0;}
	 .sidevideo{ width:100%; display:block; position:static;}
	 .sidevideo iframe{ width:48%; margin-top:1em; margin-left:0.1em;}
	 .txtimg .stxt{ text-align:center; font-size:0.8em; line-height:1.5em; color:#333333; word-break: break-all; width:100%; padding-left:0em; margin-top:0 ; margin-bottom:1.5em;}
	 .video_list{ position:relative; width:98%; margin:0em 0.5em 3em 0.5em;}
	 .spot_detail .title{ margin:1em 0 1.5em 0; width:100%; position: static;}
	 .spot_detail .share{ position: static; width:100%; display:block; margin-top:1em;}
	 .prev {
	    width: 32px;
		height: 32px;
		position: absolute;
	    top: 50%;
	    z-index:1;
        left: 10px;
		background: url(../images/controls.png) no-repeat scroll 0px -32px transparent;
      }
	  .next {
		width: 32px;
		height: 32px;
	    position: absolute;
	    top: 50%;
	    z-index:1;
		right: 10px;
		background: url(../images/controls.png) no-repeat scroll -43px -32px transparent;
      }
	  .list .contact, .list .contact2,.list .txt, .list .txt2{ width:100%; display:block;}
      .list .image{ max-width:382px;}
	  .list .image{ border-right:0px;}
	  .list .contact, .list .contact2{ border-right:0px;}
	  
	  .skyl{ background-color:rgba(199,240,255,.3); padding-left:1em; padding-right:0em;}
	  .doll img{ position:absolute; right:-2em; bottom:-10em; z-index:2; width:50%;}
	  .talk .txtimg img{ max-width:100%; height:auto; margin:0.2em;}
	  .ibt_row{ display:none;}
	  #ibanner{ position:relative;}
	  .slogan{ background:rgba(0,0,0,.7); color:#FFF; position:absolute; left:0; bottom:0; width:100%; height:8em; display:block; text-align:center; padding:2em 0.5em; z-index:0;}
	  .slogan span{ font-size:2.5em;}
	}
	@media only screen and (max-width: 320px) {}