.mobil_show{ display:none;}	

.mobil_item_idx{ display:none;}
.mobil_item{ display:none;}
b.mobil_tit{ display:none; font-size:26px;}


.slogen{ display:none;}


/*2017站內搜尋新增*/
.data_search_form{ display:none; position:relative;}
.mobil_search_list{ display:none;}


@media only screen and (max-width:768px)
{
.mobil_show{ display: block;}	

.mobil_allitem{ display:block; margin:auto; padding:15px 0px; text-align:center; background:url(../images/mobil/ocen_ap.png);}
	
/*美食、玩樂、景點色塊*/	
a.mobil_eaticon{ display:inline-block; vertical-align:top; width:calc(100%/3 - 30px - 8px); margin-right:4px; margin-left:4px; border-radius:3px; box-shadow:1px 3px 5px #ccc; background:url(../images/mobil/ap_01.jpg); padding:18px 10px 18px 20px;}	
a.mobil_eaticon	span.meat_pic{ display:inline-block; background:url(../images/mobil/icon_01.png) left 50% no-repeat; padding-left:70px; height:60px;}
a.mobil_eaticon	p.wd_01{ display: inline-block;  color:#fff; font-size:19.5px; letter-spacing:4px;}
a.mobil_eaticon	p.wd_02{ display: inline-block;  font-size:35px; line-height:28px; color:#fff; font-weight:bold; letter-spacing:4px;}

a.mobil_playicon{ display:inline-block; vertical-align:top; vertical-align:top; width:calc(100%/3 - 40px - 8px); margin-right:4px;  border-radius:3px; box-shadow:1px 3px 5px #ccc; background:url(../images/mobil/ap_02.jpg); padding:18px 10px 18px 30px;}	
a.mobil_playicon span.mplay_pic{ display:inline-block; background:url(../images/mobil/icon_02.png) left 50% no-repeat; padding-left:55px; height:60px; }
a.mobil_playicon p.wd_01{ display: inline-block;  color:#fff; font-size:19.5px; letter-spacing:4px; }
a.mobil_playicon p.wd_02{ display: inline-block;  font-size:35px; color:#fff; line-height:28px;font-weight:bold; letter-spacing:7px;}

a.mobil_placeicon{ display:inline-block; vertical-align:top;  width:calc(100%/3 - 45px - 8px);  border-radius:3px; box-shadow:1px 3px 5px #ccc; background:url(../images/mobil/ap_03.jpg); padding:18px 10px 18px 35px;}	
a.mobil_placeicon span.mplace_pic{display:inline-block;  background:url(../images/mobil/icon_03.png) left 50% no-repeat; padding-left:50px; height:60px;}
a.mobil_placeicon p.wd_01{ display: inline-block; color:#fff; font-size:19.5px; width:100%;  letter-spacing:4px;}
a.mobil_placeicon p.wd_02{ display: inline-block;  font-size:35px; color:#fff; line-height:28px;font-weight:bold; width:100%; letter-spacing:7px;}

a:hover.mobil_eaticon,a:hover.mobil_playicon,a:hover.mobil_placeicon{filter:contrast(2); transition:0.4s;}


/*slogen簡介*/
.slogen{ display: block; background:url(../images/mobil/bg.jpg); padding:6px 3px 0 3px; position:relative;}
.slogen_btmbg{ position:absolute; bottom:0; left:0; height:25px; background:url(../images/mobil/mpic_20.png); z-index:50; width:100%;}

.mobil_search{ display:block; background:#a4c82d; border-radius:4px; padding:4px 6px;  position:relative;}

.mobil_search_box{ display:inline-block; border:none;color:#fff; background:#a4c82d; font-size:18px; height:27px; width:calc(100% - 50px); margin-right:30px;}
.mobil_search img{ position:absolute; right:10px; top:6px; width:24px; height:24px;}

.slogen_main{ display:block; padding:10px 0 0 0;}
.slogen_tit{ display:block; padding-left:30px; background:url(../images/mobil/icon_18.png) 8px 8px no-repeat; letter-spacing:2px;font-size:28px; font-weight:bold; color:#7f9e1a; margin-bottom:0px; font-family:"新細明體";}

.slogen_pic{ display:inline-block; width:25%; height:auto;}
.slogen_pic img{ display:block; width:100%; height:auto;}
.slogen_pic:hover img{ transition:0.4s;  transform:rotate(20deg);}



.slogen_txt{ display:inline-block; vertical-align:top; padding-top:10px;}
.slogen_txt p{ display:block; font-size:18px; margin-bottom:10px; font-weight:bold; }
.slogen_txt p:nth-child(2){ display:block; font-size:18px;color:#7f9e1a;}

.slogen_txt p a{ color:#000;}
.slogen_txt p a:hover{color:#7f9e1a;}
.slogen_txt p:nth-child(2) a{color:#7f9e1a;}


/*手機項目區塊*/

.mobil_item{ /*display: block; height:100%;padding-bottom:20px;*/ display:none;}
.mobil_item_idx{ display:none; height:100%;padding-bottom:20px;}
.mobil_item h3{ display:block;}
.mobil_item_idx h3{ display:block;}
.color_eat{ background:#5bc4d0;}
.color_play{ background:#fab719;}
.color_place{ background:#f45d66;}
.color_hotel{ background:#5582e9;}
.color_hotel02{ background: #808383;}
.color_group{ background:#9fbc3d;}

a.item_on{ display:inline-block; border-right:1px solid #fff; margin-right:-6px; border-bottom:1px solid #fff; font-size:20px; text-align:center; padding:10px 15px; width:calc(100%/4 - 30px); color:#fff; font-family:'微軟正黑體';}
a:hover.item_on{ background:#fff; color:#000;}
.item_at{ background:#2c4e9a; color:#fff;}

a.item_on:nth-child(4n){ border-right:none;}

.mobil_item_idx ul{ display:block; padding:16px 12px 0 12px;  margin-bottom:15px;}
.mobil_item_idx li{ display:inline-block; margin-right:8px; width:calc(100%/2 - 8px); height:auto; position:relative; overflow:hidden; }
.mobil_item_idx li:nth-child(2){ margin-right:0;}
.mobil_item_idx li img{  width:100%; height:auto; display:block; transition:all ease 0.8s; }
.mobil_item_idx li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.mobil_item_idx li p.item_txt{ position:absolute; z-index:10; width:100%; left:0; bottom:0; padding:5px 10px; color:#fff; font-size:18px; background:url(../images/mobil/mobil_ap.png); pointer-events: none;}

.mobil_item ul{ display:block; padding:16px 12px 0 12px;  margin-bottom:15px;}
.mobil_item li{ display:inline-block; margin-right:8px; width:calc(100%/2 - 8px); height:auto; position:relative; overflow:hidden; }
.mobil_item li:nth-child(2){ margin-right:0;}
.mobil_item li img{  width:100%; height:auto; display:block; transition:all ease 0.8s; }
.mobil_item li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.mobil_item li p.item_txt{ position:absolute; z-index:10; width:100%; left:0; bottom:0; padding:5px 10px; color:#fff; font-size:18px; background:url(../images/mobil/mobil_ap.png); pointer-events: none;}


.mobil_photo{ display:block; padding:16px 12px 0 12px;  margin-bottom:15px;}
.mobil_photo .mobil_pic{ display:inline-block; margin-right:8px; width:calc(100%/2 - 8px); height:auto; position:relative; overflow:hidden; }
.mobil_photo .mobil_pic:nth-child(2){ margin-right:0;}
.mobil_photo .mobil_pic img{  width:100%; height:auto; display:block; transition:all ease 0.8s; }
.mobil_photo .mobil_pic:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.mobil_photo .mobil_pic p.item_txt{pointer-events: none; position:absolute; z-index:10; width:100%; left:0; bottom:0; padding:5px 10px; color:#fff; font-size:18px; background:url(../images/mobil/mobil_ap.png); font-family:'微軟正黑體';}




a.mobil_moreicon{ display:block; border:3px solid #fff; text-align:center; color:#fff; width:60%; font-size:26px; margin:auto;  padding:5px ;  border-radius:50em;}
a:hover.mobil_moreicon{ background:#fff; color:#000;}


/*飯店*/
.mobil_hotel{ display:block; height:94px;}
.mobil_hotel b{  display:block; line-height:94px;font-size:35px; padding-left:20px;color:#5582e9; text-align:left; }
p.shoes_icon{ position:absolute; right:0; bottom:0; background:url(../images/mobil/icon_04.png) right bottom no-repeat; width:241px; height:94px; z-index:11;}


.mobil_group{ display:block; height:94px;}
.mobil_group b{ line-height:94px; display:block; text-align:center; font-size:35px; color:#9fbc3d;}
p.grass_icon{ position:absolute; left:0; bottom:0; background:url(../images/mobil/icon_14.png) left bottom no-repeat; width:72px; height:72px; z-index:11;}
p.grass_icon02{ position:absolute; right:0; bottom:0; background:url(../images/mobil/icon_15.png) right bottom no-repeat; width:72px; height:91px; z-index:12;}


/*北海道攻略*/
.fastkey{ display:block; background:url(../images/mobil/fast_bg.jpg); padding:40px 10px;}
.fastkey ul{ display:block; box-shadow:1px 1px 10px #000;}
.fastkey li{ display:inline-block; width:calc(100%/3 ); margin-right:-5px; position:relative; overflow:hidden;  vertical-align:top; }
.fastkey li img{ display:block; width:100%; height:auto;  display:block; transition:all ease 0.8s;}
.fastkey li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.fastkey li p.ftxt{ position:absolute; width:calc(100% - 8px); text-align:center;  bottom:0; left:0; background:url(../images/mobil/mobil_ap.png); padding:5px 4px; font-size:18px; line-height:25px; color:#fff;}

.fastkey p.fword_01{ display:none; vertical-align:top; text-align:center; font-size:35px; padding:20px 0; margin-bottom:10px; font-weight:bold; color:#fff; text-shadow:1px 1px 5px #000; background:url(../images/mobil/mstar.png) 50% bottom no-repeat;}
.fastkey li p.fword_02{ display:block; vertical-align:top; text-align:center; font-size:40px; font-weight:bold; color:#fff; text-shadow:1px 1px 5px #000; line-height:45px;  padding-bottom:35px; margin-top:25px;  background:url(../images/mobil/mstar.png) 50% bottom no-repeat;}

	
	


/*2017站內搜尋新增*/
.data_search_form{ display:block;}
.data_search{  background:#a4c82d; border-radius:4px; padding:3px 10px; margin:0 10px; font-size:18px; color:#fff; height:35px; line-height:35px; font-weight:bold; position:relative; width:calc(100% - 50px); border:none;}
.data_search_icon{ position:absolute; width:25px; height:25px; z-index:1000; right:23px; top:8px; }

.mobil_search_list{ display:block; margin-bottom:90px;}
.mobil_search_list span.searth_tit{ display:block; font-size:28px; color:#195bb4; padding-left:10px;}
.mobil_search_list a{ font-size:18px; color:#195BB4;
 display:block; border-bottom:1px dotted #ccc; padding:10px 10px 10px 30px; background:url(../images/mobil/icon_21.png) 8px 50% no-repeat;}
.mobil_search_list  a:hover{ color:#fff; background:#195BB4 url(../images/mobil/icon_21.png) 8px 50% no-repeat; color:#fff;}	
/*其他*/
b.mobil_tit{ display: block;}	
	
	
	
	
@media only screen and (max-width:580px)
{
a.mobil_eaticon{width:calc(100%/3 - 6px - 8px); padding:18px 0px 18px 6px;}
a.mobil_playicon{width:calc(100%/3 - 25px - 8px); padding:18px 10px 18px 15px;}	
a.mobil_placeicon{width:calc(100%/3 - 25px - 8px);  padding:18px 10px 18px 15px;}
a.mobil_eaticon p.wd_01,a.mobil_playicon p.wd_01,a.mobil_placeicon p.wd_01{ letter-spacing:2px; }
	
a.mobil_eaticon p.wd_02,a.mobil_playicon p.wd_02,a.mobil_placeicon p.wd_02{display:block; text-align:center; font-weight:normal; font-size:30px; letter-spacing:2px;}






	}
@media only screen and (max-width:540px)
{
	
a.mobil_eaticon	span.meat_pic{ background-size:40%; }
	}	
	
	
@media only screen and (max-width:480px)
{
a.item_on{ display:inline-block; border-right:1px solid #fff; margin-right:-6px; border-bottom:1px solid #fff; font-size:17px; text-align:center; padding:8px 10px; width:calc(100%/3 - 20px); color:#fff; font-family:'微軟正黑體';}
a:hover.item_on{ background:#fff; color:#000;}
a.item_on:nth-child(4n){ border-right:1px solid #fff; }
a.item_on:nth-child(3n){ border-right:none;}






a.mobil_eaticon	span.meat_pic{ display: block; background:none; padding-left:0px; height:60px; }
a.mobil_playicon span.mplay_pic{ display: block; background:none; padding-left:0px; height:60px; }
a.mobil_placeicon span.mplace_pic{display: block;  background:none; padding-left:0px; height:60px; }

a.mobil_eaticon p.wd_01,a.mobil_playicon p.wd_01,a.mobil_placeicon p.wd_01{ display:block; text-align:center; }
a.mobil_eaticon p.wd_02,a.mobil_playicon p.wd_02,a.mobil_placeicon p.wd_02{display:block; text-align:center; font-size:30px; letter-spacing:2px;}

a.mobil_eaticon{width:95px; height:100%; border-radius:50em; margin:auto 15px 0 0 ; padding:18px 0;}
a.mobil_playicon{width:95px; height:100%; border-radius:50em;margin:auto 15px 0 0 ;	padding:18px 0;}
a.mobil_placeicon{width:95px; height:100%; border-radius:50em;  margin:auto;padding:18px 0;}	

.fastkey{padding:0 10px 40px 10px; }
.fastkey li{ display:inline-block; width:calc(100%/2 ); margin-right:-5px; position:relative; overflow:hidden; margin-bottom:-5px;  vertical-align:top; }
.fastkey li:nth-child(5){ display:none;}
.fastkey p.fword_01{ display:block; }

.mobil_hotel b{ font-size:28px; padding-left:15px;}
.mobil_group b{ font-size:28px;}
p.shoes_icon{ background:url(../images/mobil/icon_16.png) right bottom no-repeat; width:138px; height:94px; z-index:11;}
	}
	
	
	
@media only screen and (max-width:400px)
{	
.slogen_tit{ font-size:26px; background-position:3px 50%; padding-left:25px; margin-bottom:5px;}
.slogen_pic{ display:inline-block; width:30%;}
.slogen_txt p{ margin-bottom:5px;}
}
	

@media only screen and (max-width:380px){
a.item_on{ width:calc(100%/2 - 20px); }
a.item_on:nth-child(3n){ border-right:1px solid #fff; }
a.item_on:nth-child(2n){ border-right:none;}

p.grass_icon{ background-size:80%;}
p.grass_icon02{ background-size:80%;}

}


@media only screen and (max-width:370px)
{
.slogen_tit{ font-size:21px; line-height:25px; font-family:'微軟正黑體'}
.slogen_pic{ width:25%;}
.slogen_txt p:first-child{ width:calc(100% - 25% ); }
.slogen_txt p:nth-child(2){ display:none;}	
.slogen_txt p:nth-child(3){display:none;}	

	}