.new_hokkaido_main{ display:block; width:1300px; margin:40px auto;}

/*圖示按鈕*/
a.pic_icon{ display:inline-block; width:calc(100%/10 - 16px);  margin-right:10px; border:1px solid #b5b5b5; border-radius:7px; padding:65px 0 6px 0;color:#707070; font-size:18px; text-align:center; font-weight:bold; background-repeat:no-repeat; }
a:hover.pic_icon{ border:1px solid #b5b5b5; background-color:#4e5694; transition:0.4s; border-radius:7px; color:#fff;}


a.pic_icon:nth-of-type(10){ margin-right:0;}
.ico_01{ background-image:url(../images/hokkaido/nicon_01.png); background-position:50% 15px; }
.ico_02{ background-image:url(../images/hokkaido/nicon_02.png); background-position:50% 8px; }
.ico_03{ background-image:url(../images/hokkaido/nicon_03.png); background-position:50% 8px; }
.ico_04{ background-image:url(../images/hokkaido/nicon_04.png); background-position:50% 8px; }
.ico_05{ background-image:url(../images/hokkaido/nicon_05.png); background-position:50% 8px; }
.ico_06{ background-image:url(../images/hokkaido/nicon_06.png); background-position:50% 7px; }
.ico_07{ background-image:url(../images/hokkaido/nicon_07-1.png); background-position:50% 8px; }
.ico_08{ background-image:url(../images/hokkaido/nicon_08.png); background-position:50% 15px; }
.ico_09{ background-image:url(../images/hokkaido/nicon_09.png); background-position:50% 8px; }
.ico_10{ background-image:url(../images/hokkaido/nicon_10.png); background-position:50% 8px; }


a:hover.ico_01{ background-image:url(../images/hokkaido/nicon_01_f2.png); background-position:50% 15px; }
a:hover.ico_02{ background-image:url(../images/hokkaido/nicon_02_f2.png); background-position:50% 8px; }
a:hover.ico_03{ background-image:url(../images/hokkaido/nicon_03_f2.png); background-position:50% 8px; }
a:hover.ico_04{ background-image:url(../images/hokkaido/nicon_04_f2.png); background-position:50% 8px; }
a:hover.ico_05{ background-image:url(../images/hokkaido/nicon_05_f2.png); background-position:50% 8px; }
a:hover.ico_06{ background-image:url(../images/hokkaido/nicon_06_f2.png); background-position:50% 7px; }
a:hover.ico_07{ background-image:url(../images/hokkaido/nicon_07-1_f2.png); background-position:50% 8px; }
a:hover.ico_08{ background-image:url(../images/hokkaido/nicon_08_f2.png); background-position:50% 15px; }
a:hover.ico_09{ background-image:url(../images/hokkaido/nicon_09_f2.png); background-position:50% 8px; }
a:hover.ico_10{ background-image:url(../images/hokkaido/nicon_10_f2.png); background-position:50% 8px; }



/*2018新月份*/
.new_month{ display:block; background:url(../images/hokkaido/snow_bg.jpg) ; padding:40px 0 ;}

.new_month ul{ display:block; width:1300px; margin:auto; text-align:center; padding:0; height:auto;}

.new_month li{ display:block; border:1px solid #fff;  margin-bottom:60px; width:calc(100% - 2px); padding:0; vertical-align:top;}

.new_month li a{ display:inline-block;  text-align:center; width:calc(100%/6 - 61px); margin-right:-4px; border-right:1px solid #fff; padding:0 30px; vertical-align:top; }
.new_month li a:nth-of-type(1){ margin-left:-5px;}
.new_month li a:nth-of-type(6){ border-right:none;}
.new_month li a:hover {background:/*url(../images/hokkaido/mask_03.png);*/#394b86; transition:0.4s;}

.new_month li a i{ display:inline-block; font-style:normal; font-size:60px; font-family:''; color:#fff;}
.new_month li a p{display:inline-block; font-size:30px; font-family:''; color:#fff; padding-left:5px;}

.new_month_tit{ display:block;}
.new_month_tit b{ display:block; font-size:35px; font-weight:bold; color:#fff; text-align:center; margin-bottom:10px;}
.new_month_tit em{ display:block; font-size:16px;color:#fff; text-align:center; margin-bottom:25px; letter-spacing:2px; }


.hokkaido_search{ display:inline-block; vertical-align:top; width:calc(35% - 50px); margin-right:10px; height:45px; border:1px solid #bfbfbf; background:url(../images/hokkaido/nicon_11.jpg) 3px 50% no-repeat; padding-left:40px; margin-bottom:15px;font-size: 0;}
.hokkaido_search input.nsearch_txt{ display:inline-block; width:calc(100% - 90px); height:40px; line-height:40px; font-size:20px; border:none;  }
.hokkaido_search input.nsearch_icon{ display:inline-block; width:90px; text-align:center; font-size:17px; color:#fff; height:45px; line-height:45px; background:#bfbfbf;  cursor:pointer; border: none;}
.hokkaido_search input:hover.nsearch_icon{ background:#737373;  }


.hokkaido_nitem{ display:inline-block; width:calc(65% - 6px); vertical-align:top; margin-bottom:15px; font-size: 0; }
.hokkaido_nitem a{ display:inline-block;  margin-right: 1px;   text-align:center; height:46px; font-size:17px; line-height:46px; color:#fff; overflow:hidden;}

.hokkaido_nitem a:hover.abg_01,.hokkaido_nitem a:hover.abg_02,.hokkaido_nitem a:hover.abg_03,.hokkaido_nitem a:hover.abg_04,.hokkaido_nitem a:hover.abg_05{ background:#000; transition:0.4s;}
.hokkaido_nitem a.abg_01{ background:#4e5694; width: 15%;}
.hokkaido_nitem a.abg_02{ background:#14aab3; width: 15%;}
.hokkaido_nitem a.abg_03{ background:#7376be; width: 15%;}
.hokkaido_nitem a.abg_04{ background:#198ba8; width: 15%;}
.hokkaido_nitem a.abg_05{ background:#e49f0b; width: calc(40% - 5px);}

/*2018北海道字*/
.hokkaido_word{ display:block; background:#ececec; padding:20px 0;}
.hokkaido_word ul{ display:block; margin:auto; width:1300px;}
.hokkaido_word li{ display:inline-block; width:calc(100%/7 - 4px); position:relative; vertical-align:top;}
.hokkaido_word li:after{ content:''; position:absolute; width:14px; height:25px; right:0; top:50%; background:url(../images/hokkaido/icon_04.png) left 50% no-repeat;}
.hokkaido_word li:nth-of-type(1):after{ display:none;}
.hokkaido_word li:nth-of-type(6):after {display:none;}
.hokkaido_word li:nth-of-type(7):after {display:none;}
.hokkaido_word p{ display:block; padding:0; font-style:normal;}
.hokkaido_word em{ display:block; font-style:normal; padding:0; margin:0; font-weight:bold;}
.hokkaido_word i.hw_tit{ display:block; color:#768fc5; font-size:23px; font-weight:bold; padding:0 20px; font-style:normal;}
.hokkaido_word i.hw_txt{ display:block; font-size:15px; padding:0 20px;}
.hokkaido_word i.hwicon_01{ display:block; position:relative; background:#4e5694; border-radius:6px; color:#fff; font-size:20px; text-align:center; letter-spacing:2px; padding:20px 0; font-weight:bold; width:110px; font-style:normal; }
.hokkaido_word i.hwicon_01:after{content:''; width:25px; height:15px; position:absolute; right:-25px; top:40%; background:url(../images/hokkaido/icon_06.png) right 50% no-repeat;}
.hokkaido_word a.hwicon_02{ display:block; background:#f29b76; border-radius:6px; color:#fff; font-size:20px; text-align:center; letter-spacing:2px; padding:20px 0; font-weight:bold; width:110px;
box-shadow:6px 8px 0px rgba(184,88,62,1); float:right; margin-right:10px;	}
.hokkaido_word a:hover.hwicon_02{box-shadow:4px 6px 0px rgba(184,88,62,1); margin-right:6px;	}

/*.hokkaido_word p.hwicon_02:after{ content:''; position:absolute; background:#b8583e; border-radius:6px; right:-4px; bottom:-6px; width:100px; height:100px; z-index:-1;}*/

.hokkaido_special{ display:block; background:#58C294; padding:20px 0;}
.hokkaido_special ul{ display:block; margin:auto; width:1300px;}
.hokkaido_special li{ display:inline-block; width:calc(100%/7 - 4px); position:relative; vertical-align:top;}
.hokkaido_special p{ display:block; padding:0; color:#fff;  font-style:normal;}
.hokkaido_special i.hw_tit{ display:block; color:#f7db90; font-size:23px; font-weight:bold; padding:0 20px;  font-style:normal;}
.hokkaido_special i.hw_txt{ display:block; font-size:15px; padding:0 20px; color:#fff;  font-style:normal;}
.hokkaido_special i.hwicon_01{ display:block; background:url(../images/hokkaido/icon_05.png) 50% 0px no-repeat; color:#f7db90; font-size:20px; text-align:center; letter-spacing:2px; padding:40px 0 0px 0; font-weight:bold; vertical-align:top;  font-style:normal;}
.hokkaido_special i.hwicon_02{ display:block; font-style:normal; border-radius:50em; color:#f7db90; height:85px; width:85px; line-height:85px; margin:auto; font-size:18px; text-align:center; font-weight:bold; border:2px solid #f7db90; float:right;}


/*2018行程推薦*/
.new_hokkaido_group{ display:inline-block; width:calc(100%/4 - 30px); margin-right:30px; margin-bottom: 20px; border-radius:10px; overflow:hidden; background:#f9f9f9; box-shadow:2px 2px 3px rgba(214,214,214,0.8); vertical-align: top; }
.new_hokkaido_group:hover{ box-shadow:4px 4px 10px rgba(214,214,214,1); 
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease; }
.new_hokkaido_group:nth-of-type(4),.new_hokkaido_group:nth-of-type(8){ margin-right:0;}
.new_hokkaido_group span.ng_photo{ display:block; border-radius:10px 10px 1px 1px; /*height:125px;*/ overflow:hidden; width:100%; }
.new_hokkaido_group span.ng_photo img{ display:block;width:100%; height:auto;transition:all ease 0.8s;}
.new_hokkaido_group:hover span.ng_photo img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.new_hokkaido_group p.ngroup_txt{ display:block; padding:20px; text-align:center; font-size:15px; color:#666666;}
a.nhmore_icon{ display:block; margin:0 auto 35px auto; background:#eeeeee; font-size:20px; padding:10px 0; text-align:center; color:#9b9b9b; border-radius:7px; width:50%; font-weight:bold;}
a:hover.nhmore_icon{ background:#4e5694; color:#fff; transition:0.4s;}




/*2018北海道站內搜尋*/
.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; }

.hokkaido_search_list{ display:block; margin-bottom:90px;}
.hokkaido_search_list span.searth_tit{ display:block; font-size:28px; color:#195bb4; padding-left:10px;}
.hokkaido_search_list a{ font-size:18px; color:#737373;
 display:block; border-bottom:1px dotted #ccc; padding:10px 10px 10px 30px; background:url(../images/mobil/icon_21.png) 8px 50% no-repeat;}
.hokkaido_search_list  a:hover{ color:#fff; background:#4474b5 url(../images/mobil/icon_21.png) 8px 50% no-repeat; }	
/*其他*/
b.hokkaido_tit{ display: block;}	







@media only screen and (max-width:1300px)
{
.new_hokkaido_main{ display:block; width:calc(100% - 40px); margin:40px auto; padding: 0 20px;}	

.new_month ul{ display:block; width:calc(100% - 40px); margin:40px auto; padding: 0 20px; }
.new_month li{ margin-bottom:30px;}
.new_month li a{ padding:0 15px; width:calc(100%/6 - 31px); }
.new_month li a i{ display:inline-block; font-style:normal; font-size:30px; font-family:''; color:#fff;}
.new_month li a p{display:inline-block; font-size:20px; font-family:''; color:#fff; padding-left:5px;}
.new_month_tit{ display:block;width:calc(100% - 40px); padding: 0 20px;}



.hokkaido_word{ display:inline-block;  background:#4e5694; padding:0; width:calc(100%/2 - 2px); margin-right:-2px; vertical-align:top;}
.hokkaido_word ul{display:block; margin:auto; width:100%; }
.hokkaido_word li{  display:block;width:100%; position:relative; vertical-align:top;}
.hokkaido_word li:nth-of-type(1){ display:block; width:100%;}
.hokkaido_word li:nth-of-type(7){ display:block; width:calc(100% - 22px); margin:8px 10px;}
.hokkaido_word li:after{ display:none;}

.hokkaido_word p{ display:inline-block; padding:0;}
.hokkaido_word em{ display:inline-block;}
.hokkaido_word i.hw_tit{ display:inline-block; color:#f29b76; font-size:23px; font-weight:bold; padding:0 10px; vertical-align:top;}
.hokkaido_word i.hw_txt{ display:inline-block; padding:0 10px; color:#fff;}
.hokkaido_word i.hwicon_01{ padding:10px 0; font-weight:bold; width:100%; border-radius:1px; background:url(../images/hokkaido/icon_05.png)28% 13px no-repeat; background-size:6%; }
.hokkaido_word i.hwicon_01:after{ display:none;}
.hokkaido_word a.hwicon_02{ display:block;border-radius:5px; padding: 0; height:43px; line-height:43px;box-shadow:none; float: inherit; margin-right:0px; width:100%;  	}
.hokkaido_word a:hover.hwicon_02{margin-right:0px; box-shadow:none; background:rgba(184,88,62,1);	}


.hokkaido_special{ display:inline-block; background:#7a80af; padding:0; width:calc(100%/2 - 2px); margin-right:-2px; }
.hokkaido_special ul{display:block; margin:auto; width:100%; }
.hokkaido_special li{  display:block;width:100%; position:relative; vertical-align:top;}
.hokkaido_special li:nth-of-type(1){ display:block; width:100%;}
.hokkaido_special li:nth-of-type(7){ display:block; width:calc(100% - 42px); height:44px;  margin:8px 20px;  }
.hokkaido_special p{ display:inline-block; padding:0;}
.hokkaido_special i.hw_tit{ display:inline-block;color:#f7db90; font-size:23px; font-weight:bold; padding:0 10px; width:140px;}
.hokkaido_special i.hw_txt{display:inline-block; padding:0 10px;}
.hokkaido_special i.hwicon_01{background:url(../images/hokkaido/icon_05.png)30% 13px no-repeat;text-align:center; padding:10px 0; background-size:6%;}
.hokkaido_special i.hwicon_02{ display:block;  border-radius:3px; color:#f7db90; height:40px; width:100%; line-height:40px; font-size:18px; text-align:center; font-weight:bold; border:2px solid #f7db90;}



	}
	
	
@media only screen and (max-width:1024px)
{
a.pic_icon{ display:inline-block; width:calc(100%/5 - 16px); margin-bottom:12px;} 	

.hokkaido_search{ display:block;width:calc(100% - 50px); margin-right:0px; }

.hokkaido_nitem{ display:block; width:100%; }
.hokkaido_nitem a{margin-bottom: 1px;}
.hokkaido_nitem a:nth-of-type(1){ width: calc(100%/4 - 1px); }
.hokkaido_nitem a:nth-of-type(2){ width: calc(100%/4 - 1px);}
.hokkaido_nitem a:nth-of-type(3){ width: calc(100%/4 - 1px);}
.hokkaido_nitem a:nth-of-type(4){ width: calc(100%/4 - 1px);}
.hokkaido_nitem a:nth-of-type(5){ display: block; width:100%; margin-right: 0;;}




.hokkaido_word ul,.hokkaido_special ul{ height:390px;}
.hokkaido_word li{  display:inline-block; width:calc(100%/2 - 4px); position:relative; vertical-align:top; margin-bottom:8px;}
.hokkaido_special li{  display:inline-block; width:calc(100%/2 - 4px); position:relative; vertical-align:top; margin-bottom:8px}
.hokkaido_word i.hw_tit,.hokkaido_special i.hw_tit{ font-size:18px; padding:0 10px; width:auto;} 

.new_hokkaido_group{ display:inline-block; width:calc(100%/2 - 14px); margin-right:20px; margin-bottom:20px; vertical-align:top;}
.new_hokkaido_group:nth-of-type(2){ margin-right:0;}
.new_hokkaido_group:nth-of-type(6){ margin-right:0;}
a.nhmore_icon{ width:100%; }
	}

@media only screen and (max-width:640px)
{
.hokkaido_word,.hokkaido_special{ display:block;width:100%; margin-right:0; }

.hokkaido_word ul{ height:360px;}
.hokkaido_special ul{ height:360px;}
.hokkaido_word i.hw_txt{ display:block;}
/*.hokkaido_special i.hw_txt{ display:none;}
.hokkaido_word p,.hokkaido_special p{ display:none; }

.hokkaido_word li,.hokkaido_special li{  display:inline-block; width: auto; position:relative; vertical-align:top;}*/
.new_month li a{ height:80px;}
.new_month li a i{ display:block;}
.hokkaido_nitem a{ width:calc(100%/2 - 2px); margin-bottom:1px;}
}



@media only screen and (max-width:580px)
{
a.pic_icon{ display:inline-block; width:calc(100%/4 - 14px);  }
a.pic_icon:nth-of-type(4){ margin-right:0;}
a.pic_icon:nth-of-type(8){ margin-right:0;}
a.pic_icon:nth-of-type(9){ display:none;}
a.pic_icon:nth-of-type(10){ display:none;}

	}