p@charset "utf-8";
*{	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}

/*======桌機優先=========*/

html {font-size: 100%;
	font-family:Arial, Helvetica,"微軟正黑體","黑體",sans-serif;
	-webkit-text-size-adjust:none;
	}
a{text-decoration:none;}

body{
	font-size:1em;
	 }

.wrapper{
	width:100%;
	height: auto;
	background-color:#050505;
	overflow:hidden;
	}
	
/* 主圖 */

.starlogo{
	width: 100%;
	height: 282px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	 }


#star_header{
	width: 100%;
	height: auto;
    -webkit-transition:all .6s ease-out; /* 動畫的 */
     transition:all .6s ease-out; /* 動畫的 */
   }
 #star_header:hover {transform:scale(.9);/* 動畫的 */
    }
#star_header h1{
	width: 1000px;
	height: 365px;
	text-indent: -9999px;
	margin: 0px auto;
	background-image: url(../images/SF_TW_ad_01.jpg);
	background-repeat: no-repeat;
}

.winner{ 
		width:100%;
		height:auto;
		text-align:center;
		margin:0 auto;
		}
		

.winner .line{
	background-image: url(../images/line1.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 530px;
	height: 5px;
	}

.winner h1{ 
    font-size:1.6em;
    line-height:2.2em;
	color:#f7dc8b;
	text-align:center;
	letter-spacing:1.4em;
	}
.winner h2{
	font-size:1.2em;
    line-height:2.2em;
	color:#f7dc8b;
	letter-spacing:.6em;
	text-transform : uppercase;
	}
.winner p{
	font-size: 1em;
    line-height:2.2em;
    color: #fbf8ee;
    font-weight: bold;
	}

.winner h3{
	width: 150px;
	height: 131px;
	background-image: url(../images/winner.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
.winner .pic{
	width: 900px;
	height: 386px;
	background-image: url(../images/ad02.jpg);
	margin: 0 auto;
}

.waypoint{ 
	width:100%;
	height:auto;
	}
	
.waypoint h1{ 
	font-size: 1.6em;
    line-height: 2em;
    color: #f7dc8b;
    letter-spacing: 1em;
    text-align: center;
	}
.waypoint h2{
    font-size: 1.1em;
    color: #f7dc8b;
    /* letter-spacing: .6em; */
    text-align: center;
    text-transform: uppercase;
	margin: 1.2em;
	}
.waypoint p{
	font-size:1em;
    line-height:2.2em;
	color:#fbf8ee;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	width: 40%; word-break: keep-all;
	line-height:1.8em;}

.title {
	text-indent:-9999px;}

.title h1{
	width: 985px;
	height: 91px;
	margin: 0  auto;
	background-image: url(../images/waypoint.jpg);
	background-repeat: no-repeat;
	background-position: center 0;

	}

.waypoint .map{
	clear: both;
	width: 987px;
	height: 497px;
	background-image: url(../images/map.jpg);
	margin: 0 auto;
	}

/* 內容 */

/* 行程部分 */
.container{
	clear:both;
	width: 1000px;
	height: auto;
	margin:0 auto;
	background-color: #e0c67d;
	}
.content{
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

.content .box{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.content .box h1{
	display: block;
	width: 985px;
	height: 91px;
	background-image: url(../images/hodometer.jpg);
	text-indent: -9999px;
}


/* 內容─團 */
.content .goods{
    width: 96%;
    height: auto;
    border-bottom: .2em dotted #b1964a;
    padding: 1.1em;
    overflow: hidden;
}
.content .goods > a{
	float: left;
    font-size: 1.3em;
    letter-spacing: 0.01em;
    color: black;
    text-decoration: none;
}
.content .goods > a:hover{
	text-decoration:underline;
	color:#000000;
}
.content .goods .price{
    float: right;
    text-align: right;
    font-size: 2.2em;
    font-weight: bold;
    line-height: 0.76em;
    color: #82340d;
    margin-top: .82em;
    margin-right: .46em;
	}
.content .goods .price:before{
	content: "$";
	font-size: 1em;
	font-weight: normal;
}
.content .goods .price:after{
	content: "元起";
	font-size: 0.8em;
	font-weight: normal;
}
.content .goods .date{
    float: left;
    min-width: calc(100% - 300px);
    font-weight: bold;
    line-height: 1.2em;
    color: #826b2b;
    margin-top: 1em;
    /*margin-bottom: 1.2em;*/
}
.content .goods .date span.start{
    display: inline-block;
    color: white;
    background-color: #b34d09;
    padding: .1em .8em;
    margin-right: .4em;
    border-radius: 1.2em;
}
.content .goods .date a{
	font-size: 1.3em;
    color: #6a4242;
    margin-left: .1em;
    line-height: 2em;
	}
.content .goods .date a:hover{text-decoration: underline;}

/* gotop */
#gotop {
	display: none;
	position: fixed;
	bottom: 80px;
	margin-left: 83%;
	text-decoration: none;
	height: 80px;
	width: 80px;
	z-index: 1001;
	display: block;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
#gotop:hover {
    background-position: 0px -80px;
}
.notice{ 
	width:100%;
	height:auto;
		}
		
#word{
	width:1000px;
	height: 300px;
	margin:0 auto;
	margin-top:60px;
	-webkit-transition: opacity 1s ease-in-out;
  	-moz-transition: opacity 1s ease-in-out;
 	-o-transition: opacity 1s ease-in-out;
  	transition: opacity 1s ease-in-out; /* 漸變動畫 */
	}
	
#word:hover{
  	opacity: .8;/* 漸變動畫 */
	transform:scale(.95) ;
	}
	
.word_left{
	width:48%;
	height: auto;
	display:inline-block;
	}

.word_right{
	width:48%;
	height: auto;
	display:inline-block;
	}

.word_right h1{
	font-size:1.2em;
	line-height:1.4em;
	}
.word_right:hover h1{
	text-shadow:1px 2px 2px #c19920;
	border-bottom:1px solid #f7dc8b;
	}
.word_right h2{
	font-size: 1.2em;
    line-height: 1.6em;
	
	}
/*======================================================手機版======================================================*/
@media screen and (max-width:767px){


}
/*======================================================平板======================================================*/
@media screen and (max-width:768px)and (max-width:1024px){
	
/* 主圖 */


.starlogo{ width:100%;
	   height: 282px;
	   display:none;
	 }
#star_header{
	width: 100%;
	height: auto;
	}
#star_header h1{
	width: 100%;
	min-width:100%;
	height: 0;
	background-image: url(../images/SF_640x640.jpg);
	padding-bottom: 100%;
	background-size: cover;
    margin-top:1em;
}

.winner{ 
		width:100%;
		height:auto;
		}
.winner .pic{
	width: 100%;
	height: 0;
	padding-bottom: 42.14%;
	background-image: url(../images/ad02.jpg);
	background-size: cover;
}
.winner h3{
	width: 150px;
	height: 131px;
	background-image: url(../images/winner.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}


.winner p{
	font-size:1em;
	}


.waypoint{ 
	width:100%;
	height:auto;
	}
	
.waypoint p{
	font-size:1em;
	width: 98%;
	line-height:2em;
	}

.title {
	text-indent:-9999px;}

.title h1{
	width: 100%;
	height: 0;
	padding-bottom: 9.238%;
	background-size: cover;
	background-image: url(../images/waypoint.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	}
.waypoint .map{
	width:100%;
	height: 0%;
	padding-bottom:50.53%;
	background-image:url(../map.jpg);
	background-size:cover;
	display:none;
	}

/* 內容 */

/* 行程部分 */
.container{
	width: 100%;
	height: auto;
	}
.content{
	width: 100%;
	height: auto;
}

.content .box{
	width: 100%;
	height: auto;
}
.content .box h1{
	width: 100%;
	height: 0;
	padding-bottom: 9.238%;
	background-image: url(../images/hodometer.jpg);
	background-size: cover;
	}


/* 內容─團 */
.content .goods{
	width: 98%;
	height: auto;
}
/* .content .goods:last-child{border-bottom: 0px;} */
.content .goods > a{
	display: block;
	max-width: 90%;
	margin:0.2em;
}

/* gotop */
    .content .goods .date {
        margin-top:-4px;
        font-size: .8em;
        margin-left:-0.8em;
    }
    .content .goods .price {
        margin-top: 0em;
    }
        .content .goods .date span.start {
            padding: 0px 6px;
        }
    .datelist {
        margin-left:-12px;
    }
#gotop {
    margin-left: 76%;
}
#gotop:hover {
    background-position: 0px -80px;
}
.notice{ 
	width:100%;
	height:auto;
		}
#word{
	width:100%;
	height: auto;
	}
	
	
.word_left{
	width:100%;
	height: auto;
	}

.word_right{
	width:100%;
	height: auto;
	}

.word_right h1{
	font-size:1.2em;
	line-height:2em;
	}

.word_right h2{
	font-size:1em;
	line-height:2em;
	
	}
}