@charset "utf-8";

/* reset
--------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}




/*	font-face
--------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'VW Head Office';
	src: url('../fonts/VWHeadOffice-BoldItalic.eot');
	src: url('../fonts/VWHeadOffice-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/VWHeadOffice-BoldItalic.woff') format('woff'),
		url('../fonts/VWHeadOffice-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'VW Head Office';
	src: url('../fonts/VWHeadOffice-Bold.eot');
	src: url('../fonts/VWHeadOffice-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/VWHeadOffice-Bold.woff') format('woff'),
		url('../fonts/VWHeadOffice-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'VW Head Office';
	src: url('../fonts/VWHeadOffice.eot');
	src: url('../fonts/VWHeadOffice.eot?#iefix') format('embedded-opentype'),
		url('../fonts/VWHeadOffice.woff') format('woff'),
		url('../fonts/VWHeadOffice.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'VW Text Office';
	src: url('../fonts/VWTextOffice-Bold.eot');
	src: url('../fonts/VWTextOffice-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/VWTextOffice-Bold.woff') format('woff'),
		url('../fonts/VWTextOffice-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'VW Text Office';
	src: url('../fonts/VWTextOffice.eot');
	src: url('../fonts/VWTextOffice.eot?#iefix') format('embedded-opentype'),
		url('../fonts/VWTextOffice.woff') format('woff'),
		url('../fonts/VWTextOffice.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'VW Text Office';
	src: url('../fonts/VWTextOffice-BoldItalic.eot');
	src: url('../fonts/VWTextOffice-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/VWTextOffice-BoldItalic.woff') format('woff'),
		url('../fonts/VWTextOffice-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'VW Text Office';
	src: url('../fonts/VWTextOffice-Italic.eot');
	src: url('../fonts/VWTextOffice-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/VWTextOffice-Italic.woff') format('woff'),
		url('../fonts/VWTextOffice-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'VW Head Office';
	src: url('../fonts/VWHeadOffice-Italic.eot');
	src: url('../fonts/VWHeadOffice-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/VWHeadOffice-Italic.woff') format('woff'),
		url('../fonts/VWHeadOffice-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}








/* 基礎設定
--------------------------------------------------------------------------------------*/

body,html{
	width: 100%;
	height: 100%;
    min-width: 1000px;
    min-height: 650px;
    font-family: VW Head Office , Arial,"微軟正黑體","新細明體","蘋果儷黑體",  Verdana, Helvetica, sans-serif;
    font-size: 50px;
}

.c {
    clear: both;
}

.hide {
    display: none;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

._left{
	float: left;
}

._right{
	float: right;
}

.table{
	display: table;
}

.tr{
	display: table-row;
}

.td , .th{
	display: table-cell;
}

a{
	display: block;
	text-decoration: none;
	transition: all .2s ease;
}

img{
	width: 100%;
	display: block;
}












/* 架構
--------------------------------------------------------------------------------------*/

.wrapper{
	width: 100%;
	position: relative;
	overflow: hidden;
	min-height: 100%;
}

.wrapper.h100{
	height: 100%;
}

.sec{
	width: 100% - 194px;
	padding-left: 194px;
	position: relative;
	min-height: 100%;
}

.container{
	/*width: 100%;*/
	/*margin-left: 273px;*/
	box-sizing: border-box;
	min-height: 100%;
	position: relative;
}

.mlset{ margin-left: 273px; }
.plset{ padding-left: 273px; }






/* loading
--------------------------------------------------------------------------------------*/

.loadingBox{
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
}

.loading {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-color: #0641a3;
  border-radius: 50%;
}
.loading:after {
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  border: 0px solid white;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: loading 1000ms ease-out forwards infinite;
          animation: loading 1000ms ease-out forwards infinite;
}

@-webkit-keyframes loading {
  0% {
    border: 0px solid white;
  }
  20% {
    border: 8px solid white;
    width: 0%;
    height: 0%;
  }
  100% {
    border: 8px solid white;
    width: 100%;
    height: 100%;
  }
}

@keyframes loading {
  0% {
    border: 0px solid white;
  }
  20% {
    border: 8px solid white;
    width: 0%;
    height: 0%;
  }
  100% {
    border: 8px solid white;
    width: 100%;
    height: 100%;
  }
}









/* 主選單
--------------------------------------------------------------------------------------*/

.leftbox{
	/*width: 14.21875%;*/
	width: 194px;
	height: 100%;
	/*background: url('../images/mainnav_bg.png') repeat-y left top;*/
	/*-webkit-background-size: 100% auto;
	background-size: 100% auto;*/
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	/*max-width: 255px;*/
	transition: all .2s ease;
	/*position: relative;*/
	-webkit-box-shadow: 10px 0px 20px -8px rgba(0,0,0,0.3);
	-moz-box-shadow: 10px 0px 20px -8px rgba(0,0,0,0.3);
	box-shadow: 10px 0px 20px -8px rgba(0,0,0,0.3);
}

/*.leftbox:before{
	content: "";
	display: block;
	width: 18px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -22px;
	background: url('../images/mainnav_shadow.png') repeat-y left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}*/

.leftbox .nav{
	/*width: 93.40659340659341%;*/
	width: 100%;
}

.leftbox .nav {
	width: 100%; }
  
.nav .logo img {
	width: 100%;
	height: auto; }
  
.nav img {
	height: 100px; }

.nav a{
	height: 100px;
	display: block;
	width: 100%;
	position: relative;
	transition: all .2s ease;
}

.nav a:hover , .nav a.select{
	background: #3073e1;
	transition: all .2s ease;
}

.nav a.logo:hover{
	background: #fff;
}

.nav a:before , .nav a:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -5px;
	left: 0;
	transition: all .2s ease;
}

.nav .logo:before , .nav .logo:after{
	display: none;
}

.nav a:after{
	opacity: 0;
}
.navbtn {
	height: 100px; }

.nav .nav_1:before{
	background: url('../images/mainnav_1.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.nav .nav_2:before{
	background: url('../images/mainnav_2.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.nav .nav_3:before{
	background: url('../images/mainnav_3.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.nav .nav_4:before{
	background: url('../images/mainnav_4.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.nav .nav_5:before{
	background: url('../images/mainnav_5.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.nav .nav_1:after{
	background: url('../images/mainnav_1_ovr.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.nav .nav_2:after{
	background: url('../images/mainnav_2_ovr.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.nav .nav_3:after{
	background: url('../images/mainnav_3_ovr.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.nav .nav_4:after{
	background: url('../images/mainnav_4_ovr.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.nav .nav_5:after{
	background: url('../images/mainnav_5_ovr.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.nav a:hover:before , .nav a.select:before{
	opacity: 0; 
	transition: all .2s ease;
}

.nav a:hover:after , .nav a.select:after{
	opacity: 1;
	transition: all .2s ease;
	/*transform: scale(1.1);*/
}

.nav a span{
	display: block;
	position: absolute;
	top: 65px;
	left: 0;
	text-align: center;
	width: 100%;
	font-size: 14px;
	line-height: 1;
	color: #666666;
	font-weight: bold;
	transition: all .2s ease;
}

.nav a:hover span , .nav a.select span{
	color: #fff;
	transition: all .2s ease;
	/*transform: scale(1.05);*/
}

.footer{
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: center;
	max-width: 255px;
}

/* 20170602修改 ↓ */
.footer p{
	text-align: center;
    font-size: 12px;
    line-height: 1.5;
    color: #c8c8c8;
    font-weight: bold;
    padding-bottom: 7px;
} 
/* 20170602修改 ↑ */

.footer .snsbar{
	font-size: 0;
	padding-bottom: 4.5%;
}

.footer .snsbar a{
	display: inline-block;
	position: relative;
}

.footer .snsbar .sns_2{
	margin: 0 3%;
}

.footer .snsbar a:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .2s ease;
}

.footer .snsbar .sns_1:before{
	background: url('../images/sns_1_ovr.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.footer .snsbar .sns_2:before{
	background: url('../images/sns_2_ovr.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.footer .snsbar .sns_3:before{
	background: url('../images/sns_3_ovr.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.footer .snsbar a:hover:before{
	opacity: 1;
	transition: all .2s ease;
}

.footer .copyright{
	font-size: 12px;
	line-height: 1.2;
	color: #c8c8c8;
	/*font-weight: bold;*/
}


/* 20170602修改 ↓ */
.lanbox{
	position: absolute;
	top: 13px;
	right: 30px;
	z-index: 5;
	font-size: 0;
	font-size: 28%;
	/*width: 112px;*/
	display: inline-block;
}

.lanbox > *{
	display: inline-block;
	line-height: 1;
	color: #fff;
	vertical-align: middle;
}

.lanbox a{
	font-size: 15px;
}

.lanbox a:hover{
	border-bottom: 1px solid #fff;
}

.lanbox a.select{
	font-weight: bold;
}

.lanbox span{
	font-size: 24px;
	margin: -3px -3px 0;
}
/* 20170602修改 ↑ */

.select_menu {
    display: inline-block;
    /**display: inline;
    zoom: 1;*/
    width: 112px;
    height: 32px;
    margin-left: 9px;
    padding-right: 9px;
    position: relative;
    box-sizing: border-box;
}
.select_menu ul li{
    display: block;
    position: relative;
    background: #3073e1;
    /*border-radius: 4px;*/
}


/* 選單區塊 */
.option_selected{
    /*width: 130px;*/
    height: 28px;
    display: block;
    /*border: 1px solid #c1b8b8;*/
    background-color: #0641a3;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    text-align: left;
    padding: 0 10px;
    position: relative;
    border: 2px solid #fff;
}

.option_selected:before{
    content: '';
    width: 14px;
    height: 13px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: url('../images/icon.png') no-repeat left top;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px;
}
.selected.option_selected:before{
    background: url('../images/icon.png') no-repeat right top;
}

/* 選單下拉區塊 */
.option_list ul{
    display: none;
    width: 100%;
    /*border: 1px solid #c1b8b8;*/
    /*border-radius: 4px;*/
    background: #3073e1;
    position: absolute;
    margin-top: 9px;
    z-index: 99;
}
.option_list li a{
    padding: 0 10px;
    display: block;
    text-align: left;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
}

/* 滑入選項變色*/
.hovered_item{
    background: #0641a3;
}

/*.lanbox select{
	background: #0641a3;
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
	border: none; 
	font-family: Arial,"微軟正黑體","新細明體","蘋果儷黑體",  Verdana, Helvetica, sans-serif;
	padding: 3px 0;
}*/

/*.lanbox a{
	display: inline-block;
	line-height: 1;
	color: #7f7f7f;
	font-weight: bold;
	margin: 0 4%;
}

.lanbox a.select{
	border: 1px solid #7f7f7f; 
}

.lanbox.inside a{
	color: #fff;
}

.lanbox.inside a.select{
	border: 1px solid #fff; 
}*/


.backtop{
	position: fixed;
	bottom: 1rem;
    right: 3%;
    cursor: pointer;
}







/* 首頁
--------------------------------------------------------------------------------------*/

.ind{
	height: 100%;
	overflow: hidden;
}

.ind_kv{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;

	background: url('../images/ind_kv.jpg') no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.ind_kv img{
	margin-top: -11%;
}

.ind_title{
	position: absolute;
	top: 6%;
    left: 4%;
	-webkit-text-shadow: 0px 0px 50px #2775c0;
	-moz-text-shadow: 0px 0px 50px #2775c0;
	text-shadow: 0px 0px 50px #2775c0;
}

.ind_title p{
	font-size: 60px;
	line-height: 1.5;
	color: #fff;
	font-weight: bold;
}

/* 20170602修改 ↓ */
.ind_title span{
	display: block;
	font-size: 18px;
	line-height: 1.8;
	color: #fff;
	font-weight: bold;
	padding-left: 4px;
}

.ind_title .more{
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
	border: 1px solid #fff;
	width: 80px;
	text-align: center; 
    margin-left: 7px;
    margin-top: 18px;
    padding: 4px 0;
    font-weight: bold;
}

.ind_title .more:hover{
	background: #fff;
	color: #0641a3;
}
/* 20170602修改 ↑ */

.ind_nav{
	width: 87%;
	text-align: center;
	position: absolute;
    right: 5.5%;
    bottom: 3%;
}

@media screen\0 {
   .ind_nav{
		width: 87%;
		text-align: center;
		position: absolute;
	    left: 7%;
	    bottom: 3%;
	}
}


.ind_nav .box{
	width: 22.78481%;
	background: #fff;
	padding: 0.6%;
	box-sizing: border-box;
	/*display: inline-block;*/
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}

.ind_nav .box.last{
	width: 51.64557%;
}

.ind_nav .box.last .table{
	width: 100%;
}

.ind_nav .th{
	width: 1.5%;
}

.ind_nav .pic{
	width: 100%;
	position: relative;
	overflow: hidden;
}

.ind_nav .box .pic img{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
    transition: all 0.4s ease;

    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);

	-webkit-transform-origin: 50% 50%;	
    -moz-transform-origin: 50% 50%;	
    transform-origin: 50% 50%;	

    image-rendering: optimizeQuality;
    /*border: 1px solid transparent;*/
}

.ind_nav .box:hover .pic img{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
    transition: all 0.4s ease;

    -webkit-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
  	transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);

  	-webkit-transform-origin: 50% 50%;	
    -moz-transform-origin: 50% 50%;	
    transform-origin: 50% 50%;	

    image-rendering: optimizeQuality;
}

/*@-webkit-keyframes sacleimg {
		from { 
			-webkit-transform: scale3d(1, 1, 1);
    		-moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1) 
		}
		to { 
			-webkit-transform: scale3d(1.05, 1.05, 1);
    		-moz-transform: scale3d(1.05, 1.05, 1);
  			transform: scale3d(1.05, 1.05, 1);
	  	 }
	}
@-o-keyframes sacleimg {
	from { 
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1) 
	}
	to { 
		-webkit-transform: scale3d(1.05, 1.05, 1);
		-moz-transform: scale3d(1.05, 1.05, 1);
			transform: scale3d(1.05, 1.05, 1);
  	 }
}
@-moz-keyframes sacleimg {
	from { 
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1) 
	}
	to { 
		-webkit-transform: scale3d(1.05, 1.05, 1);
		-moz-transform: scale3d(1.05, 1.05, 1);
			transform: scale3d(1.05, 1.05, 1);
  	 }
}
@keyframes sacleimg {
	from { 
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1) 
	}
	to { 
		-webkit-transform: scale3d(1.05, 1.05, 1);
		-moz-transform: scale3d(1.05, 1.05, 1);
			transform: scale3d(1.05, 1.05, 1);
  	 }
}*/

/*@-moz-document url-prefix(){
	.ind_nav .pic img{
		-moz-transform-origin: 50% 50%;	
	    -webkit-transform: translateZ(0) scale(1.0 , 1.0);
	    -moz-transform: translateZ(0) scale(1.0 , 1.0);
	         transform: translateZ(0) scale(1.0 , 1.0);
	}

	.ind_nav .pic:hover img{
		-moz-transform-origin: 50% 50%;	
	    -webkit-transform: translateZ(0) scale(1.05 , 1.05);
	    -moz-transform: translateZ(0) scale(1.05 , 1.05);
	  	     transform: translateZ(0) scale(1.05 , 1.05);
	  	animation: sacleimg .5s ease;
	}

	
}*/


.ind_nav .txt{
	font-size: 45%;
    line-height: 1;
    color: #666666;
    font-weight: bold;
    text-align: left;
    padding: 3% 2% 5%;
    /*transition: all .2s ease;*/
}

/*.ind_nav .box:hover .txt{
	padding-left: 5%;
	transition: all .2s ease;
}*/

/*.ind_nav .box .pic:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0;
	transition: all .2s ease;
}

.ind_nav .box:hover .pic:before{
	opacity: 0.3;
	transition: all .2s ease;
}*/

.ind_nav .last .txt2{
    font-size: 52%;
    line-height: 1.2;
    color: #fff;
    font-weight: bold;
    text-align: right;
    position: absolute;
    top: 14%;
    right: 6.5%;
    z-index: 1;
    /*transition: all .2s ease;*/
}

/*.ind_nav .last:hover .txt2{
	right: 8%;
	transition: all .2s ease;
}*/

/*.ind_nav .last:hover .more{
	right: 8%;
	transition: all .2s ease;
}*/

.ind_nav .last {
	cursor: pointer;
}

.ind_nav .leftCon{
	/*float: left;*/
	width: 56%;
	box-sizing: border-box;
	text-align: left;
	padding-right: 2%;
	position: relative;
}

.ind_nav .rightCon{
	/*float: right;*/
	width: 44%;
	box-sizing: border-box;
	overflow: hidden;
}

.ind_nav .rightCon img{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
    transition: all 0.4s ease;

    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
  	transform: scale3d(1, 1, 1);

    -webkit-transform-origin: 50% 50%;	
    -moz-transform-origin: 50% 50%;	
    transform-origin: 50% 50%;

    image-rendering: optimizeQuality;
}

.ind_nav .last:hover .rightCon img{
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
    transition: all 0.4s ease;

    -webkit-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
  	transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);

  	-webkit-transform-origin: 50% 50%;	
    -moz-transform-origin: 50% 50%;	
    transform-origin: 50% 50%;	

    image-rendering: optimizeQuality;
}

.ind_nav .last .td{
	vertical-align: top;
}

.ind_nav .last .txt{
	padding-bottom: 8%;
}

.ind_nav .last p{
	font-size: 32%;
	line-height: 1.3;
	color: #32292c;
	font-weight: bold;
	padding-left: 2%;
	padding-bottom: 1.5%;
}

.ind_nav .last span{
	display: block;
	font-size: 24%;
	line-height: 1.3;
	color: #32292c;
	padding-left: 2%;
	text-align: justify;
}

.ind_nav .more{
    font-size: 27%;
    line-height: 1;
    color: #32292c;
    font-weight: bold;
    border: 2px solid #32292c;
    width: 19%;
    text-align: center;
    padding: 2% 0;
    z-index: 1;
    transition: all .2s ease;
    /*margin-left: 2%;*/
    /*margin-top: 6%;*/
    position: absolute;
    bottom: 4%;
    left: 2%;
}

.ind_nav .last .fb_share{
	display: inline-block;
	position: absolute;
    top: 2%;
    right: 4%;
}

.ind_nav .last .sns_2{
	display: inline-block;
	position: absolute;
    top: 2%;
    right: 12%;
}

.ind_nav .last .sns_2:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .2s ease;
	background: url('../images/sns_2_ovr.png') no-repeat left top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.ind_nav .last .sns_2:hover:before{
	opacity: 1;
}


/*.ind_nav .last .rightCon img{
	height: 100%;
	width: auto;
}*/

.ind_nav .last .fb_share img{
	width: auto;
}

.ind_nav .last .fb_share:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    background: url(../images/sns_1_ovr.png) no-repeat left top;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    opacity: 0;
    transition: all .2s ease; 
}

.ind_nav .last .fb_share:hover:before{
	opacity: 1;
	transition: all .2s ease; 
}














/* 內頁
--------------------------------------------------------------------------------------*/

.page{
	background: #f2f2f2;
	min-height: 990px;
}

.page .container{
	padding: 3% 0;
}

.page .warning{
	font-size: 14px;
	line-height: 1.5;
	color: #6f6f6f;
	text-align: center;
	padding-top: 30px;
}

/* 20170602修改 ↓ */
.page .p_header{
	background: #0641a3;
	height: 48px;
	position: relative;
	z-index: 1;
	text-align: left;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	line-height: 48px;
	padding-left: 25px;
	box-sizing: border-box;
	padding-right: 332px;
}

.page .p_header p{
	display: inline-block;
	float: left;
}

.page .p_header span{
	display: inline-block;
	float: right;
	font-size: 15px;
	position: relative;
}

.page .p_header span:after{
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 14px;
    right: -25px;
}

.page .p_header span a{
	color: #fff;
}

.page .p_header span a:hover{
	text-decoration: underline;
}

.page .p_header span img{
	width: auto;
	display: inline;
    vertical-align: text-top;
    padding-right: 10px;
}
/* 20170602修改 ↑ */

.page .p_menu{
	text-align: center;
	/*padding-left: 273px;*/
	font-size: 0;
	background: #f2f2f2;
	position: relative;
	z-index: 1;
}

/* 20170602修改 ↓ */
.page .p_menu a{
	display: inline-block;
	font-size: 14px;
	line-height: 48px;
	color: #666666;
	position: relative;
	transition: all .2s ease;
	background: #d9d9d9;
}
/* 20170602修改 ↑ */

.page.pickup .p_menu a{
	padding: 0 20px;
}

.page.tour .p_menu a , .page.tourarti .p_menu a{
	padding: 0 50px;
}

.page .p_menu a:before , .page .p_menu a:after{
	content: "";
	display: block;
	width: 1px;
	height: 20px;
	background: #b3b3b3;
	position: absolute;
	top: 14px;
	z-index: 1;
} 

.page .p_menu a:before{
	left: -1px;
}

.page .p_menu a:after{
	right: -1px;
	display: none;
}

.page .p_menu a:last-child:after{
	display: block;
}

.page .p_menu a:hover , .page .p_menu a.select{
	background: #3073e1;
	color: #fff;
	transition: all .2s ease;
}

.page .p_submenu{
	background: #fff;
	text-align: center;
	font-size: 0;
	padding: 7px 0;
	/*padding-left: 273px;*/
	box-sizing: border-box;
}

/* 20170602修改 ↓ */
.page .p_submenu a , .page .p_submenu .btn{
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	color: #666666;
	border: 1px solid #878787;
	border-radius: 3px;
	padding: 5px 25px;
	margin: 0 7px;
	transition: all .2s ease;
	vertical-align: middle;
	font-weight: bold;
}
/* 20170602修改 ↑ */

.page .p_submenu a:hover , .page .p_submenu a.select , .page .p_submenu .btn.select{
	background: #3073e1;
	border: 1px solid #3073e1;
	color: #fff;
	transition: all .2s ease;
}

.page .p_submenu .alla{
	display: inline-block;
}

.page .p_submenu a.noborder{
	border: none;
}

.page .p_submenu a.noborder:hover , .page .p_submenu a.noborder.select{
	border: none;
	background: #3073e1;
	color: #fff;
}

.page .p_submenu .line{
	display: inline-block;
	width: 1px;
	height: 20px;
	background: #b3b3b3;
	vertical-align: middle;
	margin-left: 5px;
    margin-right: 5px;
}

/* 20170602修改 ↓ */
.page .p_subsubmenu{
	background: #cccccc;
	text-align: center;
	font-size: 0;
	padding: 6px 0;
}

.page .p_subsubmenu a{
	display: inline-block;
	font-size: 14px;
	color: #666666;
    line-height: 1;
    border-radius: 3px;
    padding: 5px 25px;
    margin: 0 7px;
    font-weight: bold;
}

.page .p_subsubmenu a:hover , .page .p_subsubmenu .select{
	background: #3073e1;
	color: #fff;
}
/* 20170602修改 ↑ */


/*.page .hotel .p_submenu{
	text-align: left;
}*/

.page .hotel .p_submenu .inner{
	width: 600px;
	margin: 0 auto; 
	padding-bottom: 10px;
}

.page .hotel .p_submenu .inner:last-child{
	padding-bottom: 0;
}

/* 20170602修改 ↓ */
.page_title{
	font-size: 0;
	font-size: 48%;
	line-height: 1.5;
	color: #0641a3;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2%;
}
/* 20170602修改 ↑ */

.page_title span{
	display: block;
	padding-bottom: 1%;
}

.page_title:after{
	content: "";
	display: block;
	width: 68px;
	height: 4px;
	background: #0641a3;
	margin: 0 auto;
}

.tour .page_title:after{
	height: 2px;
	background: #878787;
}

/* 20170602修改 ↓ */
.page_txt{
	font-size: 16px;
	line-height: 1.5;
	color: #666666;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4%;
}
/* 20170602修改 ↑ */





/***** 租車資訊 *****/

.pickup .warning{
	width: 62.45353159851301%;
	margin: 0 auto;
}

.pickup_listing{
	width: 62.45353159851301%;
	margin: 0 auto;
}

.pickup_listing li{
	float: left;
	width: 32.38095238095238%;
	margin-bottom: 1.4%;
}

.pickup_listing .space{
	margin: 0 1.4% 1.4%;;
}

.pickup_listing .brands{
	width: 100%;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.pickup_listing .brandtxt{
	width: 100%;
	font-size: 26px;
	color: #5c5c5d;
	line-height: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	text-align: center;
	transition: all .2s ease;
}

/*.pickup_listing li .brands img{
	transition: all .2s ease;
}

.pickup_listing li:hover .brands img{
	transform: scale(1.1);
	transition: all .2s ease;
}*/

/*.pickup_listing li:hover .brandtxt{
	font-size: 32px;
	top: 39%;
	transition: all .2s ease;
}*/

.pickup_listing .info{
	background: #0641a3;
	box-sizing: border-box;
	padding: 5% 6%;
	color: #fff;
	line-height: 1.5;
	position: relative;
	transition: all .2s ease;
	height: 200px;
}

.hotel .pickup_listing .info{
	min-height: 200px;
}

.car .pickup_listing .info{
	min-height: 170px;
}

/*.pickup_listing li:hover .info{
	background: #1450b4;
	transition: all .2s ease;
}*/

.pickup_listing .name{
	font-size: 18px;
	padding-bottom: 5%;
}

.pickup_listing span{
	display: block;
	font-size: 14px;
	padding-bottom: 2%;
}

.pickup_listing span a{
	font-size: 14px;
	color: #fff;
}

.pickup_listing span a:hover{
	text-decoration: underline;
}

.pickup_listing .link{
    width: 100%;
    position: absolute;
    bottom: 7%;
    right: 0;
    text-align: right;
    font-size: 0;
    padding-right: 7%;
    box-sizing: border-box;
}

.pickup_listing .link a{
	display: inline-block;
	vertical-align: -webkit-baseline-middle;
    padding: 0 1.5%;
}








/***** 推薦行程 *****/

.tour{
	position: relative;
}

.tour:before{
	content: "";
	display: block;
	width: 100%;
	height: 6rem;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.tour .container:before{
	content: "";
	display: block;
	width: 100%;
	/* height: ; */
}

.tour_listing{
	width: 97%;
	margin: 0 auto;
}

.tour_listing ul{
	float: left;
	width: 24.25196850393701%;
	margin-right: 0.9%;
}

.tour_listing li{
	padding-bottom: 4%;
}

.tour_listing .txtbox{
	background: #fff;
	box-sizing: border-box;
	padding: 10%;
}

.tour_listing .last{
	margin-right: 0;
}

.tour_listing .title{
	font-size: 24px;
	color: #0641a3;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	padding-bottom: 8%;
}

.tour_listing span{
	display: block;
	text-align: justify;
	font-size: 16px;
	line-height: 1.8;
	color: #808080;
	padding-bottom: 12%;
	/*word-wrap: break-word;*/
	/*word-break: break-all;*/
}

@media screen\0 {
   .tour_listing span{
   		text-align: left;
   }
}


.tour_listing .more{
	font-size: 16px;
	line-height: 1;
	color: #162a75;
	letter-spacing: 4px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 4%;
	transition: all .2s ease;
}

.tour_listing .pic{
	position: relative;
	overflow: hidden;
}

.tour_listing li .pic img{
	-webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}

.tour_listing li:hover .pic img{
	-webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
    -webkit-transform: scale3d(1.05, 1.05, 1);
  			transform: scale3d(1.05, 1.05, 1);
}

/*.tour_listing .pic:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0;
	transition: all .2s ease;
}

.tour_listing li:hover .pic:before{
	opacity: 0.3;
	transition: all .2s ease;
}

.tour_listing li:hover .more{
	padding-left: 5%;
	transition: all .2s ease;
}
*/




/***** 推薦行程內頁 *****/

.artikv{
	width: 100%;
    /*margin-left: 13.3%;*/
    box-sizing: border-box;
    position: relative;
    /*height: 550px;*/
}

.artikv .inner{
	width: 130%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -65%;
}

.artikv .inner .pic{
	width: 33.33333333333333%;
	/*width: auto;*/
	/*float: left;*/
	position: relative;
	/*height: 550px;*/
}

.artikv .inner .pic img{
	/*height: 100%;*/
	/*width: auto;*/
}

.artikv .inner .pic:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	/*opacity: 0;*/
	z-index: 5;
	transition: all .2s ease;
}

.artikv .inner .pic.is-selected:before{
	opacity: 0;
	transition: all .2s ease;
}

/*.artikv .inner .pic:nth-child(2):before{
	opacity: 0;
}*/

.artikv .arrow_l , .artikv .arrow_r{
	width: 3%;
	background: #2f2f2f;
	position: absolute;
	top: 41%;
	z-index: 10;
}

.artikv .arrow_l{
	left: 0;
}

.artikv .arrow_r{
	right: 0;
}

.artikv .arrow_l:hover{
	padding-left: 0.3%;
}

.artikv .arrow_r:hover{
	padding-right: 0.3%;
}

.artikv .pictitle > *{
	display: block;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}

.artikv .pictitle{
	position: absolute;
    top: 82%;
    left: 6%;
	/*margin-left: -14%;*/
}

.artikv .pictitle p{
	font-size: 36px;
}

.artikv .pictitle span{
	font-size: 18px;
}

.artikv .dotbox{
	text-align: center;
	font-size: 0;
    padding: 0.2rem 0;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}

.artikv .dotbox a{
	display: inline-block;
	background: #b2c2cd;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	margin: 0 0.3%;
}

.artikv .dotbox a.select{
	border: 2px solid #1e66de;
	background: #fff;
}

.tourarti{
	background: #fff;
}

.tourarti .container{
	/*margin-left: 13.3%;*/
	padding: 0;
}

.tourarti .foreword{
	text-align: center;
	padding-top: 1.5%;
	padding-bottom: 4%;
}

.tourarti .iconbar{
	text-align: right;
	font-size: 0;
	padding-bottom: 2%;
	padding-right: 30px;
	position: relative;
}

.tourarti .iconbar a{
	display: inline-block;
	margin: 0 3px;
	position: relative;
}

.tourarti .iconbar a:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .2s ease;
}

.tourarti .iconbar a:hover:before{
	opacity: 1;
	transition: all .2s ease;
}

.tourarti .iconbar .icon1:before{
	background: url('../images/icon_print_ovr.png') no-repeat center top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.tourarti .iconbar .icon2:before{
	background: url('../images/icon_download_ovr.png') no-repeat center top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.tourarti .iconbar .icon3:before{
	background: url('../images/icon_link_ovr.png') no-repeat center top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.artishare{
	background: #0641a3;
	border-radius: 5px;
	display: inline-block;
	padding: 7px;
	min-width: 80px;
	box-sizing: border-box;
	position: absolute;
	top: 40px;
	right: 30px;
	/*display: none;*/
}

.artishare:before{
	content: "";
	display: block;
	width: 12px;
	height: 10px;
	background: url('../images/tri.png') no-repeat left bottom;
	position: absolute;
	top: -10px;
	right: 10px;
}

.artishare a{
	width: 26px;
	height: 26px;
}

.tourarti .subtitle{
	font-size: 24px;
	line-height: 1.2;
	color: #0641a3;
	font-weight: bold;
	padding-bottom: 2%;
}

.tourarti .foreword p{
	font-size: 16px;
	line-height: 1.9;
	color: #535353;
}

.tourarti .map iframe{
	width: 100%;
}

.tourarti .timeline{
	border-bottom: 1px dashed #c8c8c8;
	padding: 3% 0 1.5%;
}

.tourarti .timeline .inner{
	width: 56.50557620817844%;
	margin: 0 auto;
}

.tourarti .timeline .subtitle{
	padding-bottom: 4%;
}

.tourarti .timeline .th , .tourarti .timeline .td{
	vertical-align: top;
	padding-bottom: 2%;
	position: relative;
}

.tourarti .timeline .th{
	text-align: center;
}

.tourarti .timeline .td{
	text-align: left;
}

.tourarti .timeline .th:before{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #999999;
	position: absolute;
	top: 4%;
	left: 50%;
}

.tourarti .timeline .noline:before{
	display: none;
}

@media screen\0 {
	.tourarti .timeline .th, .tourarti .timeline .td{
		vertical-align: auto;
	}
	/*.tourarti .timeline .th{
		overflow: hidden;
	}*/
    .tourarti .timeline .th:before{
		content: "";
		display: block;
		width: 1px;
		height: 2.5rem;
		background: #999999;
		position: absolute;
		top: 0.4rem;
		left: 50%;
	}
	.tourarti .timeline .noline:before{
		content: "";
		display: block;
		width: 1px;
		height: 2.5rem;
		background: #ffffff;
		position: absolute;
		top: 0.4rem;
		left: 50%;
	}
}

.tourarti .timeline .dot1 , .tourarti .timeline .dot2{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
	margin-top: 3%;
	position: relative;
	z-index: 1;
}

.tourarti .timeline .dot1{
	background: #3c7bdf;
}

.tourarti .timeline .dot2{
	border: 3px solid #3c7bdf;	
	background: #fff;
}

.tourarti .timeline p{
	font-size: 24px;
	line-height: 1.5;
	color: #162a75;
	font-weight: bold;
	padding-bottom: 0.5%;
}

.tourarti .timeline span{
	display: block;
	text-align: justify;
	font-size: 16px;
	line-height: 1.5;
	color: #535353;
}

.tourarti .timeline .w1{ width: 3%; }
.tourarti .timeline .w2{ width: 12%; }
.tourarti .timeline .w3{ width: 85%; }

.tourarti .recommend{
	text-align: center;
	background: #f2f2f2;
	padding: 4% 0;
	font-size: 0;
	position: relative;
}

.tourarti .recommend .con{
	display: inline-block;
	vertical-align: top;
}

.tourarti .recommend .head{
	padding-bottom: 40px;
}

/* 20170602修改 ↓ */
.tourarti .recommend .inner{
	width: 846px;
	text-align: left;
	font-size: 0;
	margin: 0 12px;
}
/* 20170602修改 ↑ */

.tourarti .recommend .icon{
	text-align: center;
	padding-bottom: 20px;
}

.tourarti .recommend .icon img{
	width: auto;
	display: inline;
}

.tourarti .recommend .sub{
	text-align: center;
	font-size: 24px;
	line-height: 1;
	color: #0641a3;
	font-weight: bold;
}

.tourarti .recommend .sub:after{
	content: "";
	display: block;
	width: 68px;
	height: 4px;
	background: #0641a3;
	margin: 30px auto 0;
}

/* 20170602修改 ↓ */
.tourarti .recommend .box{
	width: 270px;
	display: inline-block;
	background: #fff;
	border: 1px solid #8e8e8e;
	border-radius: 5px; 
    margin: 0 5px 10px;
	padding: 7px 0;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
/* 20170602修改 ↑ */

.tourarti .recommend .box img{
	/*transition: all .2s ease;*/
}

/*.tourarti .recommend .box:hover img{
	transform: scale(1.1);
	transition: all .2s ease;
}*/

.tourarti .recommend .box .brandtxt{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	font-size: 22px;
	color: #5c5c5d;
	line-height: 1;
	text-align: center;
	/*transition: all .2s ease;*/
}

/*.tourarti .recommend .box:hover .brandtxt{
	font-size: 24px;
	transition: all .2s ease;
}*/

.page.tourarti .warning{
	width: 56.50557620817844%;
    margin: 0 auto;
}

.recomlb{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	text-align: center;
}

.recomlb .lboutter{
	display: table-cell;
    vertical-align: middle;
}

/* 20170602修改 ↓ */
.recomlb .lbbox{
	width: 625px;
	background: rgba(255,255,255,0.87);
    padding: 70px 40px 40px;
	margin: 0 auto;
	border-radius: 20px;
	box-sizing: border-box;
	border: 1px solid #3e3e3e; 
	position: relative;
}

.recomlb .btn_x{
	position: absolute;
	top: 20px;
	right: 25px;
	background: #c9c9c9;
	transition: all .2s ease;
	border-radius: 50%;
}

.recomlb .btn_x:hover{
	background: #acacac;
	transition: all .2s ease;
}

.recomlb .lbbox .brands{
	/*width: 198px;*/
	background: #fff;
	border: 1px solid #878787;
	border-radius: 5px; 
	padding: 10px 0;
	position: relative;
	float: left;
	vertical-align: middle;
	margin-right: 25px;
}

.recomlb .lbbox .brands .brandtxt{
	width: 100%;
    font-size: 22px;
    color: #5c5c5d;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 43%;
    text-align: center;
    transition: all .2s ease;
}

.recomlb .lbbox .txtbox{
	text-align: left;
	/*padding-top: 10px;*/
	box-sizing: border-box;
	vertical-align: middle;
	float: left;
	max-width: 242px;
}

.recomlb .lbbox .name{
	font-size: 24px;
	line-height: 1.2;
	color: #595959;
	font-weight: bold;
	padding-bottom: 10px;
}

.recomlb .lbbox span{
	display: block;
	font-size: 18px;
	line-height: 1.2;
	color: #595959;
	padding: 4px 0;
}

.recomlb .lbbox span a{
	color: #595959;
}

.recomlb .lbbox .iconbar{
	font-size: 0;
	text-align: left;
	padding-bottom: 0;
	padding-top: 10px;
}

.recomlb .lbbox .iconbar a{
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}

.recomlb .lbbox .iconbar a:last-child{
	margin-right: 0;
}
/* 20170602修改 ↑ */

/*.recomlb .lbbox .iconbar a:first-child{
	margin-right: 15px;
}
*/



.sharelb{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	text-align: center;
	z-index: 999;
}

.sharelb .lboutter{
	display: table-cell;
    vertical-align: middle;
}

.sharelb .lbbox{
	width: 450px;
	/*height: 800px;*/
	background: rgba(255,255,255,0.87);
	padding: 40px;
	padding-top: 60px;
	margin: 0 auto;
	border-radius: 20px;
	box-sizing: border-box;
	border: 1px solid #3e3e3e; 
	position: relative;
	text-align: center;
	font-size: 0;
}

.sharelb .lbbox .icon{
	width: 20%;
	display: inline-block;
	margin: 0 10px;
}

.sharelb .btn_x{
	position: absolute;
	top: 15px;
	right: 20px;
	background: #c9c9c9;
	transition: all .2s ease;
	border-radius: 50%;
}

.sharelb .btn_x:hover{
	background: #acacac;
	transition: all .2s ease;
}








/***** 關於福斯 *****/

.page .pagekv{
	width: 100%;
}

.about{
	/*min-width: 990px;*/
	background: #656565;
}

.about .content{
	width: 842px;
	margin: 0 auto;
}

.about .warning{
	text-align: left;
	line-height: 1.5;
}

.about .box1{
	background: #fff;
	padding: 5% 0 7%;
}

.about .box1 .title{
	font-size: 24px;
	line-height: 1.5;
	color: #0641a3;
	font-weight: bold;
}

.about .box1 .txt{
	font-size: 16px;
	line-height: 1.9;
	color: #535353;
	text-align: justify; 
	/*word-wrap: break-word;*/
    /*word-break: break-all;*/
}

.about .box1 .logo{
	width: auto;
}

.about .box1 .td{
	vertical-align: middle;
}

.about .box1 .left{
	padding-right: 16%;
}

.about .box1 .title{
	padding-bottom: 3%;
}

.footer_link{
	background: #f2f2f2;
	padding: 3% 0;
}

.footer_link.bgG{
	background: #e4e4e4;
}

.footer_link .content{
	width: 80%;
    margin: 0 auto;
}

.footer_link .item{
	width: 162px;
	float: left;
	margin-right: 45px;
	padding-bottom: 20px;
}
.h-100{
	height: 155px;
}

.footer_link .item:last-child{
	margin-right: 0;
}

.footer_link .item:nth-child(3) .sub img{
	margin-top: -4px;
	margin-bottom: 4px;
}

.footer_link .sub{
	border-bottom: 1px solid #525252;
	padding-bottom: 7px;
	margin-bottom: 15px;
}

.footer_link .sub a{
	font-size: 16px;
	line-height: 1;
	color: #666666; 
}

.footer_link .sub img{
	width: auto;
	display: inline;
	padding-right: 8px;
	vertical-align: middle;
}

.footer_link .list a{
	font-size: 14px;
	line-height: 1;
	color: #666666;
	padding: 4px 0;
}

.footer_link .list a:hover{
	text-decoration: underline;
}

.footer_link .phone .txt{
	font-size: 14px;
	line-height: 1;
	color: #666666;
	padding-bottom: 5px;
}

.footer_link .phone .num{
	padding-bottom: 5px;
}

.footer_link .phone a{
	/*font-weight: bold;
	font-size: 24px;
	line-height: 1;
	color: #0641a3;
	font-style: italic;*/

	font-size: 14px;
	line-height: 1;
	color: #666666;
}

.footer_link .phone a:hover{
	text-decoration: underline;
}

.footer_link .phone .ps{
	font-size: 14px;
	color: #0641a3;
	font-style: italic;
	line-height: 1;
	font-weight: bold;
}

.footer_copy{
	background: #656565;
	color: #c8c8c8;
	text-align: center;
	line-height: 1;
	padding: 20px 0;
	font-size: 12px;
}






















/* media
----------------------------------------------------------------------------*/
@media screen and (max-width: 1680px) {
	.ind_kv img{ margin-top: -6%;}
	.ind_nav .more{ width: 22%; }
	.pickup_listing{ width: 68%; }
	.about .content{ width: 68%; }
	.footer_link .content{ width: 80%; }
	/*.tourarti .container{ margin-left: 15.5%; }*/
}
@media screen and (max-width: 1400px) {
	.tour_listing .title{ font-size: 18px; }
	.ind_nav .last .txt { padding-bottom: 3%;}
	.ind_nav .last .sns_2{ right: 14%; }
}
@media screen and (max-width: 1366px) {
	.mlset{ margin-left: 230px; }
	.plset{ padding-left: 230px; }

	.ind_kv img{ margin-top: -8.5%;}

	/*.container{ margin-left: 230px; }*/
	/*.leftbox{ min-width: 230px;}*/
	/*.footer{ max-width: 210px;}*/

	.ind_nav { width: 90%; right: 4%; bottom: 4%;}
	.ind_nav .txt{ font-size: 40%; padding: 3% 2% 3%; }
	.lanbox{ right: 2%; }
	.ind_nav .last .txt{ font-size: 48%; }
	.ind_nav .more{ font-size: 28%; width: 28%; }
	.ind_nav .last .txt{ padding-bottom: 3%;}

	.pickup_listing{ width: 80%; }
	.about .content{ width: 80%; }
	.footer_link .content{ width: 80%; }

	.artikv .pictitle{ top: 78%; }
	/*.page .p_menu{ padding-left: 230px;}*/
	/*.page .p_submenu{ padding-left: 230px; }*/

	/*.tourarti .container{ margin-left: 16.1%; }*/

	.footer{ bottom: 7px; }
	.footer p{ font-size: 12px; }
}
@media screen and (max-width: 1280px) {
	/*.leftbox{ min-width: 230px;}*/
	.ind_kv img{ margin-top: -7%;}
	.leftbox{ width: 194px; }
	.sec{ 
		width: 100% - 194px;
		padding-left: 194px;
	}

	.container{ /*margin-left: 230px;*/ transition: all .2s ease;}

	.ind_nav { right: 2%; bottom: 3%;}
	.artikv .pictitle{ top: 75%; }

	.footer_link .item{ margin-right: 22px; }
	
	.ind_nav{ width: 95%; }
	.ind_nav .last span{
		height: 30px;
		overflow: hidden;
	}
	/*.tourarti .container { margin-left: 17.2%;}*/
}
@media screen and (max-width: 1160px) {
    body,html{ font-size: 45px;}
    .tour_listing .title{ font-size: 17px; }
}
@media screen and (max-width: 1024px) {
    body,html{ font-size: 42px;}
    /*.lanbox{ width: 6%; }*/
    .ind_kv img{ margin-top: 0; }
    .tour_listing .title{ font-size: 16px; }
    .artikv .pictitle{ top: 70%; }
    .footer_link .item{ width: 150px; }
    .ind_nav .last .sns_2{ right: 18%; }
    /*.sec{ width: 50%; }*/
    /*.tourarti .container { margin-left: 21.4%;}*/
}
@media screen and (max-width: 900px) {
    body,html{ font-size: 37px;}
}
/*@media screen and (max-width: 768px) {
    body,html{ font-size: 72px;}
}
@media screen and (max-width: 690px) {
    body,html{ font-size: 60px;}
}
@media screen and (max-width: 600px) {
    body,html{ font-size: 55px;}
}
@media screen and (max-width: 560px) {
    body,html{ font-size: 50px;}
}
@media screen and (max-width: 520px) {
    body,html{ font-size: 45px;}
}
@media screen and (max-width: 460px) {
    body,html{ font-size: 40px;}
}
@media screen and (max-width: 400px) {
    body,html{ font-size: 35px;}
}
@media screen and (max-width: 360px) {
    body,html{ font-size: 30px;}
}
@media screen and (max-width: 320px) {
    body,html{ font-size: 30px;}
}*/
@media screen and (min-width:1280px), screen\0 {
	.ind_nav{
		width: 87%;
		text-align: center;
		position: absolute;
	    left: 3%;
	    bottom: 3%;
	}
}
@media screen and (min-width:1366px), screen\0 {
	.ind_nav{
		width: 87%;
		text-align: center;
		position: absolute;
	    left: 5%;
	    bottom: 3%;
	}
}