@import "/webeip/HT00100/becky/css/reset.css";
@charset "big5";
/*PC &PHONE*/
/*圖示文字設定*/
	.bodyiconwrap{
		padding-right: 5px;
	}
	.bodywrap_marquee{
		display: flex;
		align-items: center;
		border: 1px solid #22AC38;
		margin: 0.5em auto 1em;
	}
	.marquee_title{
		background-color: #22AC38;
		color: white;
		font-weight: bold;
		white-space: nowrap;
		padding: 0.5em;
		box-sizing: border-box;
	}
	.ann{
		font-size: 1em;
		font-weight: bold;
		padding-left: 0;
    	padding-top: 0;
    	padding:0 0.5em;
    	box-sizing: border-box;
	}
	.adlinkbox_title1, .depPostbox_title, .adlinkbox_title2{
		color: white;
		font-size: 1.5em;
		padding: 0.3em 0.5em;
		box-sizing: border-box;
	}
.adlinkbox_title1{ background-color: #FF9900; }
.depPostbox_title{ background-color: #00A0E9; }
.adlinkbox_title2{ background-color: #8FC31F; }
.adlinkbox_main1{ border: 1px solid #FF9900;}
	.depPostbox_main{ border: 1px solid #00A0E9; }
	.adlinkbox_main2{ border: 1px solid #8FC31F; }

	.adlinkbox_grpcontentbox1, .adlinkbox_grpcontentbox2,
	.adlinkbox_grpcontentbox3, .adlinkbox_grpcontentbox4,
	.adlinkbox_grpcontentbox5, .adlinkbox_grpcontentbox6{
		padding: 0.5em;
		box-sizing: border-box;
		border-radius: 0 0 10px 10px;
	}
	.adlinkbox_grpcontentbox1{ border:1px solid #00B7EE; }
	.adlinkbox_grpcontentbox2{ border:1px solid #FF3399; }
	.adlinkbox_grpcontentbox3{ border:1px solid #FF6600; }
	.adlinkbox_grpcontentbox4{ border:1px solid #CC33FF; }
	.adlinkbox_grpcontentbox5{ border:1px solid #FF00CC; }
	.adlinkbox_grpcontentbox6{ border:1px solid #8FC31F; }
	.adlinkbox_grpcontent{
		font-size: 0.9em;
		padding: 0.2em 0;
		box-sizing: border-box;
		border-bottom: 1px dashed lightgray;
	}
	.adlinkbox_grpcontent:last-child{
		border-bottom: none;
	}
/*手機版 CSS*/
@media screen and (max-width:980px)
{
	/*輪播器start*/
	.slider {
		margin: 0 auto;
		width: 100%;
		text-align: left;
		position: relative;
		visibility: hidden;
	}
	.slider ul,
	.slider ul li {
		float: left;
		display: inline;
		overflow: hidden;
	}

	.slider ul li img {
		width: 100%;
	}

	.sliderCover {
		width: 100%;
		overflow: hidden;
	}

	.sliderWrap {
		top: 0;
		left: 0;
		position: absolute;
		overflow: hidden;
	}
	/* PagiNation
	--------------------------- */
	.pagiNation {
		bottom: 15px;
		left: 0;
		width: 100%;
		height: 10px;
		text-align: center;
		position: absolute;
		z-index: 110;
	}

	.pagiNation a {
		margin: 0 5px;
		width: 1em;
		height: 1em;
		border-radius: 50%;
		display: inline-block;
		overflow: hidden;
		background: #aaa;
		transition: all 0.2s ease-in-out;
	}

	.pagiNation a:hover {
		opacity: 0.6;
	}

	.pagiNation a.pnActive:hover {
		opacity: 1;
	}

	.pagiNation a.pnActive {
		background: #000;
	}

	/* SideNavi
	------------------------- */
	.slider .btnPrev,
	.slider .btnNext {
		top: 0;
		position: absolute;
		z-index: 1;
	}

	.slider .btnPrev {
		left: 0;
		background: url(img/btnPrev.png) no-repeat center right;
		background-color: rgba(0,0,0,0.4);
	}

	.slider .btnNext {
		right: 0;
		background: url(img/btnNext.png) no-repeat center left;
		background-color: rgba(0,0,0,0.4);
	}

	.slider .btnPrev:hover,
	.slider .btnNext:hover {
		transition: all 0.3s linear;
		background-color: rgba(0,0,0,0.8);
	}

	/* ------------------------------
	   CLEARFIX ELEMENTS
	------------------------------ */
	.slider ul:before,
	.slider ul:after,
	.sliderWrap:before,
	.sliderWrap:after {
		content: " ";
		display: table;
	}
	.slider ul:after,
	.sliderWrap:after {clear: both;}
	.slider ul,
	.sliderWrap {*zoom: 1;}
	/*輪播器end*/
	.bodywrap{
		width: 95%;
		margin: 0 auto;
	}
	.ann{ font-size: 0.9em; }
	.adlinkbox_title1, .depPostbox_title, .adlinkbox_title2{
		text-align: center;
	}
	.adlinkbox_contentbox1, .depPostbox_contentbox, .adlinkbox_contentbox2{
		padding: 0.5em 1em;
		box-sizing: border-box;
	}
	.adlinkbox_contentbox2{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.adlinkbox1_content, .depPostbox_content{
		padding: 0.3em 0;
		border-bottom: 1px dashed rgba(0,0,0,0.2);
	}
	.adlinkbox2_content{
		width: 46%;
		font-size: 0.9em;
		padding: 0.3em 0;
		border-bottom: 1px dashed rgba(0,0,0,0.2);
	}
	.adlinkbox1_content:last-child{
		border-bottom: none;	
	}
	.adlinkbox_main1, .depPostbox_main, .adlinkbox_main2{
		margin: 1em auto;
	}
	.searchbox{
		width: 100%;
		overflow: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling:touch;
		padding: 0.5em;
		box-sizing: border-box;

	}
	.searchbox iframe{
		width: 440px;
	}
	.adlinkbox_grpmain{
		width: 90%;
		margin: 0.5em auto 1em;
	}
	.adlinkbox_grpmain img{
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.adlinkbox_grpcontent{
		font-size: 1em;
	}
	.fbbox{
		display: none;
	}
	.depPostbox_main{ display: none; }
}
/*body 電腦 CSS*/
@media screen and (min-width:980px)
{
	/*輪播器start*/
	.slider {
		margin: 0 auto;
		width: 100%;
		text-align: left;
		position: relative;
		height: 100vh;
		visibility: hidden;
	}

	.slider ul,
	.slider ul li {
		float: left;
		display: inline;
		height: 100vh;
		overflow: hidden;
	}

	.slider ul li img {
		width: 100%;
		height: 100vh;

	}

	.sliderCover {
		width: 100%;
		overflow: hidden;
	}

	.sliderWrap {
		top: 0;
		left: 0;
		position: absolute;
		overflow: hidden;
	}
	/* PagiNation
	--------------------------- */
	.pagiNation {
		bottom: 3em;
		left: 0;
		width: 100%;
		height: 10px;
		text-align: center;
		position: absolute;
		z-index: 110;
	}

	.pagiNation a {
		margin: 0 5px;
		width: 1.3em;
		height: 1.3em;
		border-radius: 50%;
		display: inline-block;
		overflow: hidden;
		background: #aaa;
		transition: all 0.2s ease-in-out;
	}

	.pagiNation a:hover {
		opacity: 0.6;
	}

	.pagiNation a.pnActive:hover {
		opacity: 1;
	}

	.pagiNation a.pnActive {
		background: #000;
	}

	/* SideNavi
	------------------------- */
	.slider .btnPrev,
	.slider .btnNext {
		top: 0;
		position: absolute;
		z-index: 1;
	}

	.slider .btnPrev {
		left: 0;
		background: url(img/btnPrev.png) no-repeat center right;
		background-color: rgba(0,0,0,0.4);
	}

	.slider .btnNext {
		right: 0;
		background: url(img/btnNext.png) no-repeat center left;
		background-color: rgba(0,0,0,0.4);
	}

	.slider .btnPrev:hover,
	.slider .btnNext:hover {
		transition: all 0.3s linear;
		background-color: rgba(0,0,0,0.8);
	}

	/* ------------------------------
	   CLEARFIX ELEMENTS
	------------------------------ */
	.slider ul:before,
	.slider ul:after,
	.sliderWrap:before,
	.sliderWrap:after {
		content: " ";
		display: table;
	}
	.slider ul:after,
	.sliderWrap:after {clear: both;}
	.slider ul,
	.sliderWrap {*zoom: 1;}

	.bodywrap{
		width: 1200px;
		margin: 0 auto;
	}
	/*跑馬燈*/
	.marquee_title{
		font-size: 1.5em;
		letter-spacing: 5px;
		padding: 0.5em;
		box-sizing: border-box;
	}
	/*+++*/
	.bodywrap_alignbox1{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.adlinkbox_main1, .depPostbox_main{
		width: 750px;
		border-radius: 5px;
		margin-bottom: 1em;
	}
	.searchbox,.adlinkbox_main2{
		width:440px;
		border-radius: 5px;
		margin-bottom: 1em;
	}
	.adlinkbox_title1, .depPostbox_title, .adlinkbox_title2{
		letter-spacing: 0.5em;
		border-radius: 5px 5px 0 0;
	}
	.adlinkbox1_content,.depPostbox_content{
		width: 48%;
		padding: 5px 0;
		border-bottom: 1px dashed lightgray;
		font-size: 1em;
	}
	.adlinkbox2_content{
		width: 46%;
		line-height: 1.7em;
		border-bottom: 1px dashed lightgray;
		font-size: 0.8em;
	}
	.adlinkbox_contentbox2,.depPostbox_contentbox,.adlinkbox_contentbox1{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0.5em;
		box-sizing: border-box;
	}
	.searchbox iframe{
		width: 440px;
		height: 160px;
	}
	/*臉書+行程*/
	.bodywrap_alignbox2{
		display: flex;
		justify-content: space-between;
		padding: 1em 0;
	}
	.adlink_grpbox{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.adlinkbox_grpmain{
		width: 260px;
		margin-bottom: 1em;
	}
	.adlinkbox_grpmain img{ vertical-align: top; }
	.adlinkbox_grpcontentbox1, .adlinkbox_grpcontentbox2,
	.adlinkbox_grpcontentbox3, .adlinkbox_grpcontentbox4,
	.adlinkbox_grpcontentbox5, .adlinkbox_grpcontentbox6{
		padding: 0.5em;
		box-sizing: border-box;
		border-radius: 0 0 10px 10px;
	}
	.adlinkbox_grpcontentbox1{ border:1px solid #00B7EE; }
	.adlinkbox_grpcontentbox2{ border:1px solid #FF3399; }
	.adlinkbox_grpcontentbox3{ border:1px solid #FF6600; }
	.adlinkbox_grpcontentbox4{ border:1px solid #CC33FF; }
	.adlinkbox_grpcontentbox5{ border:1px solid #FF00CC; }
	.adlinkbox_grpcontentbox6{ border:1px solid #8FC31F; }
	.adlinkbox_grpcontent{
		font-size: 0.9em;
		padding: 0.2em 0;
		box-sizing: border-box;
		border-bottom: 1px dashed lightgray;
	}
	.adlinkbox_grpcontent:last-child{
		border-bottom: none;
	}
	.fbbox{
		padding: 0 1em;
		box-sizing: border-box;
	}
}