@charset "utf-8";
/* CSS Document */
/* ---reset.css--- */
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, img, ins, kbd, q, s, samp,
small, strike, strong, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{background: transparent!important;margin: 0!important;}

html{
	background:url("../images/kv-slice_04.jpg") center 750px repeat-y,url("../images/bg.jpg") top center repeat;
}
header{background: url("../images/kv-slice_01.jpg")top center no-repeat;}


/* PC */
.WRAPPER{ position:relative; width:100%; min-width:1200px; margin:0 auto; overflow:hidden;}
 	@media screen and ( max-width: 991px ){
		.WRAPPER{ min-width:100%;}
	html{
	background:url("../images/bg.jpg") top center repeat;
}	
header{background: url("../images/bg2.jpg")top center repeat;}
	}
.container { overflow: hidden;width: 100%!important;max-width: 1920px!important;padding: 0;}
.topbox { position: relative; width: 1200px; margin: auto;}
.kv_pc {width: 100%;  position: relative; text-align:center; display: flex;justify-content: center;max-width: 1920px; margin: auto;flex-wrap: wrap-reverse;}
.kv_pc img { display: block; text-align: center; }
.kv_m { display: none; }
.kv_m img { display: block; }
.kv_m a {font-size: 0; display: block; }
.for_pc{ display: block; }
.for_m { display: none; }

.title-item{ position: absolute;z-index: 90;}
.title01{ top:66px; left: 38px;}
.title02{ top:367px; left: 38px;}
.title03{ top:392px; left: 315px;}


.block{ margin: 0 auto; max-width: 1920px; padding: 1px 0;}
.block:nth-child(odd){ background:#ccc;}
.bg_1200{ width:1200px; min-width:1200px; margin:0 auto;}

/* m */
@media screen and ( max-width: 991px ){
	.kv_m { display: block; width: 100%; }
	.kv_m img {  width: 100%; }
	.kv_pc { display: none; }
	.container {width: 100%; min-width: auto; }
	.for_pc{ display: none; }
	.for_m { display: block; }
	.block{ margin: 0 auto; max-width: 100%; padding: 2vw 0;}
	.bg_1200{ width:100%; min-width:100%; margin:0 auto;}
	.titleC{ margin: 0px; padding: 5vw 2vw 2vw;}
	.titleC h2 span{display: block;}
}

/*--  版面微調  --*/

@media screen and ( max-width: 991px ){}

/*--  共通設定  --*/

.titleC{ margin: 0px; padding: 40px 0 10px;}
.titleC h2{ }

@media screen and ( max-width: 991px ){
.titleC{ margin: 0px; padding: 5vw 2vw 2vw;}
.titleC h2{ }
}


/*--  0.攻略   --*/
.bg_0 {background: url("../images/kv-slice_03.jpg")top center no-repeat;height: 510px;padding-top: 60px;}
.banner-dis3 ul li img{width: 360px;}
.banner-dis4 ul li img{width: 270px;}
.banner-dis4 ul li:nth-child(odd) img{margin-top: 50px;}
.bg_0 .notice{width: 100%;margin: 0 auto;text-align: center;padding: 10px 0 5px;font-size: 0.9rem;line-height: 1.2rem;}
@media screen and ( max-width: 991px ){
.banner-dis3 ul li img{width: 100%;}
.banner-dis4 ul li{width: 44vw;}
.banner-dis4 ul li img{width: 44vw;}
.bg_0 .notice{padding: 1vw 5vw;}
.banner-dis4 ul li:nth-child(odd) img{margin-top:1vw;}
.bg_0 {background: url("../images/bg2.jpg")top center local;height:auto;padding-top:1vw;width: 94vw;margin: 2vw auto;border:solid 1px #5e5d7e;}
}

/*--  1.   --*/
.titleC{background: url("../images/titlec1.png")top center no-repeat;padding: 38px 0 0px;margin:50px auto 50px;height: 312px;}
.titleC h2{color: #fff;font-weight:500;letter-spacing: 3px;text-shadow: -1px -1px 0 #353852,
              1px -1px 0 #353852,
              -1px 1px 0 #353852,
              1px 1px 0 #353852;}
			  
.bg_1 H3{color: #FFF;}
.rectangle_3p{width: 1160px;background:url("../images/bks_01.jpg")top center no-repeat,url("../images/bks_06.jpg")bottom center no-repeat,url("../images/bks-img1.jpg")top center repeat-y;padding: 20px 0;}

.rectangle_3p ul li{width: 300px;margin: 10px;background: transparent;}
.rectangle_3p ul li:hover{transform: scale(1);}
.rectangle_3p ul li img{width: 250px;height: 350px;margin-bottom: 20px;object-fit: cover;transition: 0.5s all;}
.rectangle_3p ul li img:hover{transform: rotate(3deg) translateY(-4px);transform-origin: right bottom;}
.rectangle_3p .font p{line-height: 1.5rem;}

.rectangle_3p ul:nth-child(2){background: url("../images/bks_02.jpg")top center no-repeat;margin-top: 30px;}
.rectangle_3p ul:nth-child(2) li .font{padding: 25px 0 1px;}
.rectangle_3p ul:nth-child(3){background: url("../images/bks_04.jpg")top center no-repeat;margin-top: 0px;padding-top: 20px;}
.rectangle_3p ul:nth-child(3) li .font{padding: 25px 0 1px;}

.bg_1 .rectangle{align-items: stretch;}
.bg_1 .rectangle ul{background: url("../images/bks2_01.jpg")top center no-repeat,url("../images/bks2_02.jpg") center 140px no-repeat,url("../images/bks2_02.jpg") center 80px no-repeat,url("../images/bks2_04.jpg")bottom center no-repeat,url("../images/bks2_03.jpg")top center repeat-y;align-items: flex-start;align-content: flex-start;}
.bg_1 .rectangle h3{margin: 0 auto 10px;}
.bg_1 .rectangle li{background: transparent;width: 240px;padding: 20px 0 10px;}
.bg_1 .rectangle li:hover{transform: scale(1);}
.bg_1 .rectangle li img{width: 220px;height: 310px;object-fit: contain;transition: 0.5s all;}
.bg_1 .rectangle li img:hover{transform: rotate(3deg) translateY(-4px);transform-origin: right bottom;}
.bg_1 .rectangle li .font{padding: 40px 10px 1px;}
@media screen and ( max-width: 991px ){
.rectangle_3p{width: 100%;padding: 1vw 0;}
.rectangle_3p ul li{width: 43vw;margin:1vw;}
.rectangle_3p ul li img{width: 42vw;height: 55vw;margin-bottom:1vw;}
.rectangle_3p ul li:nth-child(3n+1) a{align-items: center;}

.rectangle_3p{width:94vw;background:url("../images/bks-img1.jpg")top center repeat-y;padding:1vw 0;border:solid 1px #5e5d7e;}
.rectangle_3p ul:nth-child(2){background:transparent;margin-top: 2vw;}



.bg_1 h3{width: 88vw;background: url("../images/bg9.jpg");margin: 1vw auto 2vw;}
.rectangle ul{background: url("../images/bks-img1.jpg")top center repeat-y;}
.rectangle_3p{background: url("../images/bksm-t.png")top center no-repeat,url("../images/bks2_03.jpg")top center; background-size: 100%;}

.titleC{background: url("../images/titceC-m.png")top center no-repeat;padding: 0 0 0;margin:2vw auto;height:65vw;background-size: 90%;}
.titleC h2{color: #fff;font-weight:500;letter-spacing: 0px;font-size:8vw;height: 25vw;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;flex-direction: column;margin-top: 6vw;}
			  

.rectangle_3p ul:nth-child(3){background:transparent;margin-top: 0px;padding-top:1vw;}
.rectangle_3p ul:nth-child(3) li:nth-child(1){border-top: 0.5px #5e5d7e solid;}
.rectangle_3p ul:nth-child(2) li .font{padding: 1vw 0 0;text-align: left;}
.rectangle_3p ul:nth-child(3) li .font{padding: 1vw 0 0;text-align: left;}
.rectangle_3p ul li:nth-child(1) .font{padding: 1vw 0 3vw 3vw;}
.rectangle_3p ul li:nth-child(1){border-bottom: 0.5px #5e5d7e solid;}


.bg_1 .rectangle ul{background: url("../images/bksm-t.png")top center no-repeat,url("../images/bks2_03.jpg")top center; background-size: 100%;width:94vw;margin: 0 auto;padding-top: 1vw;border:solid 1px #5e5d7e;padding: 1vw 0;}
.bg_1 .rectangle h3{width: 88vw;background: url("../images/bg9.jpg");margin: 1vw auto 2vw;}
.bg_1 .rectangle li{width: 43vw;margin:1vw;}
.bg_1 .rectangle li img{width: 42vw;height: 55vw;margin-bottom:1vw;}
.bg_1 .rectangle li .font{padding: 0 ;}
}


/*--  2.   --*/
.slick-initialized .slick-slide{position: relative;}
.ribbon{text-align: center;left: 8px;}
.items5 img{height: 220px;}
.subtitle{margin-top: -30px;}
.subtitle h3{border-left: 0px; position: relative;top: 85px;background: url("../images/bg9.jpg");width:1150px;margin: 0 5px 10px;padding: 10px 10px 10px 15px;color: #fff;}

.bg_2 .titleC{margin-bottom: 0;}

.bg_2 .more,.bg_4 .more{position: absolute;right: 20px;top: 96px;transition: 0.5s all;}
.bg_2 .more a,.bg_4 .more a{background: #fff; color: #000;padding: 5px 15px;border-radius: 50px;}
.bg_2 .more:hover,.bg_4.more:hover{transform: scale(0.9);}

.hightlight .font,.hightlight_5p .font{padding-bottom: 5px;margin-bottom: 0;}

.bg_2 .slickbg{background: url("../images/bg8.jpg");width: 1180px;padding: 65px 10px 0px;border:solid 1px #5e5d7e;}
.bg_2 .slider{margin: 20px auto 0px;}
.bg_2 .slickbg ul li{background: url("../images/bg.jpg");border:solid 1px #5e5d7e;}
.bg_2 .slickbg ul li img{padding: 5px;}
.bg_2 .slickbg ul li h4{background: url("../images/bg3.jpg");}

@media screen and ( max-width: 991px ){
.bg_2 .subtitle,.bg_4 .subtitle{display: flex;padding: 3vw 3vw 0;margin: 3vw auto 0;}
.bg_2 .subtitle h3,.bg_4 .subtitle h3{width: 75%;display: inline-flex;justify-content: flex-start;align-items: center;font-size: 7vw;height:auto;background: transparent!important;color: #b7694d;font-weight: bold;padding: 0;margin: 0 0 0 2vw ;}
.bg_2 .more,.bg_4 .more{width: 25%;position: relative;top: 0vw;right: -4vw;display: inline-flex;justify-content:flex-end;align-items: center;}
.bg_2 .more a,.bg_4 .more a{padding: 2vw 3vw;border-radius:10vw;color: #fff;background: url("../images/bg3.jpg");}

.bg_2 .slick-slide img,.bg_4 .slick-slide img{width: 43vw;height: 43vw;padding: 1vw;}
.bg_2 .items5,.bg_4 .items5{width:94vw;padding: 0vw;margin: 0 auto;height: auto;}
.bg_2 .items5 li,.bg_4 .items5 li{margin:0vw 2vw;padding: 0;}
.slick-dots li button:before{display: none;}
.bg_2 .slick-next,.bg_4 .slick-next{right: 0vw;}
.bg_2 .slick-prev,.bg_4 .slick-prev{left: 0vw;}
.bg_4 .slick-next{right: -2.5vw;}
.bg_4 .slick-prev{left: -2.5vw;}
.slick-dotted.slick-slider{padding-bottom: 0!important;margin-bottom: 0!important;}
.subtitle{margin: 0 auto 0vw;}
.subtitle h3{font-size: 2rem;top:0vw; left: -2vw;}
.bg_2 .slickbg{background: url("../images/bg8.jpg");width:100%;padding: 1vw 0 0px;border:solid 1px #5e5d7e;}
.bg_2 .slider{padding-top: 1vw!important;margin: 0 auto;}
}


/*--  3.   --*/

@media screen and ( max-width: 991px ){}


/*--  4.   --*/
.bg_4 .hightlight li{background: transparent;}
.bg_4 .hightlight img{background: #fff;border-radius: 110px;border: 4px solid #ffcb3c;margin-bottom: 8px;position: relative;top: 110px;margin-top: -110px;}
.bg_4 .hightlight .font{background: #fff;padding-bottom: 5px;padding-top: 110px;border-radius: 0 0 20px 20px;}
.bg_4 .hightlight .font h4{background: transparent;color: #ee542f;}

.bg_4 .slickbg{background: url("../images/bg8.jpg");width: 1180px;padding: 65px 10px 0px;border:solid 1px #5e5d7e;}
.bg_4 .titleC{margin-bottom: 0;}
@media screen and ( max-width: 991px ){
.bg_4 .hightlight li{background: #fff;border-radius: 2vw;}
.bg_4 .hightlight li.slick-active,.slick-dots{background: transparent;display: none!important;}
.bg_4 .hightlight img{background: #fff;border-radius:21.5vw;border: 0px solid #525570;margin-bottom: 8px;position: relative;top:21.5vw;margin-top: -21.5vw;width: 42vw;height: 42vw;margin: -19.5vw auto 1vw;}
.bg_4 .hightlight .font{background: #fff;padding-bottom:1px;padding-top:21.5vw;border-radius: 0 0 20px 20px;}
.slick-dots li button{display: none!important;}

.bg_4 .slickbg{width: 100%;padding-top: 2vw;}
.bg_4 .hightlight img{border-radius: 0;}
.bg_4 .slider{margin: 0 auto!important;}
}


/*--  5.   --*/
.bg_5 .more,.bg_3 .more{position: absolute;right: 50px;top: 40px;transition: 0.5s all;}
.bg_5 .more a,.bg_3 .more a{background: #fff; color: #000;padding: 5px 15px;border-radius: 50px;}
.bg_5 .more:hover,.bg_3 .more:hover{transform: scale(0.9);}


@media screen and ( max-width: 991px ){
.bg_5 .special_5p_1 .title_AA,.bg_3 .special_5p_1 .title_AA{display: flex;padding: 1vw 3vw;}
.bg_5 .special_5p_1 .title_AA h2,.bg_3 .special_5p_1 .title_AA h2{width: 75%;display: inline-flex;justify-content: flex-start;}
.bg_5 .more,.bg_3 .more{width: 25%;position: relative;top: 0;right: 0;display: inline-flex;justify-content:flex-end;align-items: center;}
.bg_5 .more a,.bg_3 .more a{padding: 2vw 3vw;border-radius:10vw;font-size: 1.2rem;}
}

.bg_6{width:1200px;padding: 0 200px;margin: 20px auto;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.bg_6 .notice li{margin: 8px 0;font-size: 0.85rem;line-height: 0.9rem;list-style: square;}
.bg_6 .notice li:hover{transform: scale(1);}

@media screen and ( max-width: 991px ){
.bg_6{width:100%;padding: 0 10vw;margin: 2vw auto 5vw;}
.bg_6 .notice li{margin: 1vw 0;font-size: 0.9rem;line-height: 1.2rem;list-style: square;}
.hightlight li a{display: flex;align-items: stretch;justify-content: center;flex-direction: column;}
}


/*--輪播 左右箭頭--*/

.slick-prev, .slick-next{display: block!important;height: 40px;width: 40px;}
.slick-prev:before{content: ''; background: url('../images/arrow-f.svg')center center no-repeat,url("../images/bg4.jpg");background-size: 25px 25px;height: 40px;width: 40px;font-weight: bold;border-radius: 20px;display: block;opacity: 1;border:solid 1px #5e5d7e;}
.slick-next:before{content: ''; background: url('../images/arrow-b.svg')center center no-repeat,url("../images/bg4.jpg");background-size:  25px 25px;height: 40px;width: 40px;font-weight: bold;border-radius: 20px;display: block;opacity: 1;border:solid 1px #5e5d7e;}
.slick-next{right: -25px;z-index: 998;}
.slick-prev{left: -25px;z-index: 998;}
@media screen and ( max-width: 991px ){
.slick-next{right: 0px;z-index: 998;}
.slick-prev{left: 0px;z-index: 998;}
.slick-prev, .slick-next{display: block!important;height: 30px;width: 30px;}
.slick-prev:before{background-size: 20px 20px;height: 30px;width: 30px;}
.slick-next:before{background-size:  20px 20px;height: 30px;width: 30px;}
.slick-slide{margin: 0 auto;}
/*.slick-slide img{width: 90vw;margin: 0 auto;}*/
.slick3item .slick-slide img{margin: 0 auto;}
}
/*--輪播 左右箭頭--*/













/*--永久改動--*/
.hightlight img,.toptitle img,.circle img,.published img,.hightlight_5p img,.circle_5p img,.scene img{object-fit: contain;}
.hightlight_5p{background: url("../images/bg2.jpg");border:solid 1px #5e5d7e;}
.hightlight_5p ul{align-items: flex-end;}
.special_5p_1 .hightlight_5p ul li:first-child img{width: 240px;height: 240px;}
.special_5p_1 .hightlight_5p ul li:first-child{height: auto;width: 240px;}
.special_5p_1 .hightlight_5p ul li{height: auto;margin-top: 0;border:solid 1px #5e5d7e;}
.special_5p_1 .hightlight_5p ul li h4{background: url("../images/bg4.jpg");}
.special_5p_1 .title_AA h2{font-size: 2.2rem;width: 876px;padding:3px 0px 8px;background:url("../images/bg9.jpg");top: 20px;left: 288px;font-family:'Noto Sans TC', "微軟正黑體","Microsoft JhengHei",Helvetica,Verdana, Arial;display: flex;justify-content: center;align-items: center;color: #fff;letter-spacing: 0;}
@media screen and ( max-width: 991px ){
		.rectangle_3p ul li:nth-child(3n+1) {width: 94vw; padding: 3vw; margin: 1vw 3vw; }
		.rectangle_3p ul li:nth-child(3n+1) a { flex-wrap: nowrap; }
		.rectangle_3p ul li:nth-child(3n+1).font {padding: 1vw 0vw 1vw 3vw;}

		.special_5p_1 .hightlight_5p ul li:first-child{width:100%;}
		.special_5p_1 .hightlight_5p ul li:first-child img{width:45vw;height:45vw;}
		.special_5p_1 .title_AA{height: auto;position: relative;}
		.special_5p_1 .title_AA h2{font-size: 7vw;width: 100%;padding:5px 0px 5px 2vw;top: 0px;left: 0px;position: relative;background: transparent!important;color: #b26347;}
		.bg_5 .more a, .bg_3 .more a{color: #fff;background: url("../images/bg3.jpg");}
		}

/*--  nav 選單 固定側邊--*/
@media only screen  and (min-width: 992px)  {
.bg-light{background: transparent!important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background:transparent;color: #fff;}
.nav-pills .nav-link{border-radius: 0;}
.nav-link:focus, .nav-link:hover{color: #fff;}
.menustyle2{width: 161px;display: flex;flex-wrap: wrap;background:url("../images/menu.png")center center!important; z-index:999;height:auto;position: fixed; top: 100px; right: 10px;border-radius: 0px;flex-direction: row;padding: 0;overflow: hidden;height: 578px;}
.menustyle2 ul{width: 120px;margin: 0 auto;display: flex;flex-direction:row;padding:0 ;flex-wrap: wrap;}
.menustyle2 ul li{width:100%;display: flex;justify-content: center;align-items: center;border-bottom: .5px solid #b8684d;background:transparent;}
.menustyle2 ul li:last-child{border-bottom: 0px solid #b8684d;width: 100%;}
.menustyle2 ul li a{text-align: center;margin: 0 auto;text-decoration: none;font-size:16px;color:#b8684d;	font-family:'Noto Sans TC', "微軟正黑體","Microsoft JhengHei",Helvetica,Verdana, Arial;letter-spacing: 1px;font-weight: 500;width: 100%; height: 100%; display: flex;justify-content: center; align-items: center;padding: 8px 5px;line-height: 20px;}
.menustyle2 ul li.menutitle,.menustyle2 ul li.menutitle:hover{width: 100%;padding: 0px 0px;background:url("../images/bg2.jpg");color: #fff;border-radius: 0;}
.menustyle2 ul li.menutitle p,.menustyle2 ul li.menutitle p:hover{width: 100%;padding: 10px 0px;color: #525570;text-align: center;font-size: 18px;font-weight: bold;background-size: 100%;}
.menustyle2 ul li.menutitle:nth-child(1),.menustyle2 ul li.menutitle:nth-child(1) a{border-radius: 0;}

.menustyle2 ul li:hover,#TopMenu ul li a:hover{background:url("../images/bg3.jpg");transform: scale(1);color: #fff!important;}

.menustyle2 ul .active{color: #fff!important;background:#ee5630!important;width: 100%; height: 100%;border-radius: 0;}
}
@media screen and ( max-width: 991px ){
.menustyle2{width: 100%; z-index:999;padding:0px 0; display: none;background:url("../images/bg5.jpg")!important;}
.menustyle2 ul{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;}
.menustyle2 ul li{width:20%;font-size:20px;color:#ffffff;display: flex;justify-content: center;align-items: center;border-right: .5px solid #ffffff;box-sizing: border-box;}
.menustyle2 ul li a{font-size:1.1rem;letter-spacing: 0px;font-weight:500;color:#ffffff;font-family:'Noto Sans TC', "微軟正黑體","Microsoft JhengHei",Helvetica,Verdana, Arial;box-sizing: border-box;padding: 5px 0;}
.menustyle2 ul .active{color: #fffa96!important;background:none;width: 100%;justify-content: center;align-items: center;text-align: center}
.menustyle2 ul li a:hover{color: #fffa96!important;width: 100%;justify-content: center;align-items: center;text-align: center;}
.sticky {position: fixed;top: 0;}
}
/*--  nav 選單 固定側邊--*/


#MobileMenu,#MobileMenu2{width: 100%; z-index:999;padding:0px 0;background:url("../images/bg5.jpg");}
li.dropdown{width: 50%;display: flex;justify-content: center;border-right: 0.5px solid #fff;}
#MobileMenu li:nth-last-child(1),#MobileMenu2 li:nth-last-child(1){border-right: 0;}
#MobileMenu li a,#MobileMenu2 li a{color: #fff;justify-content: center;}
.dropdown-menu{background: url("../images/bg6.jpg")!important;min-width: 8rem;padding: 0 10px; z-index: 999;}
.dropdown-menu li{width: 100%;justify-content: center;}
.dropdown-item{justify-content: center;display: flex;padding: 12px 0;border-bottom: 0.5px solid #ffffff77;}
.dropdown-item-last{border-bottom: 0px solid #fff;}


/**--  下拉選單  --**/
@media screen and ( max-width: 991px ){
#MobileMenu,#MobileMenu2 {transition: background-color 1s, opacity 1s, visibility 1s;opacity: 0;visibility: hidden;z-index: 1000;position: absolute;top: 0;}
#MobileMenu.show,#MobileMenu2.show {opacity: 1;visibility: visible;position: fixed;top: 0;} 
}



/*--  錨點微調--*/
.target-fix {position: relative;top: 0px;display: block;height: 0;overflow: hidden;}
@media screen and ( max-width: 991px ) {
.target-fix {top:-30px;}
	}
/*--  錨點微調--*/

 /*--goto top--*/          #gotop {display: inline-block;background-color: #000;opacity:0.3;width: 40px;height: 40px;text-align: center;border-radius: 100%;position: fixed;bottom: 0px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;margin: 30px;}          #gotop::after {font-family: FontAwesome;content:'　';font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff;  opacity:0.5;background: url(../images/top.png) center no-repeat; background-size:50%;background-position:50% 20%;}          #gotop:hover {cursor: pointer;background-color: #666;}          #gotop:active {background-color: #ccc;}          #gotop.show {opacity: 0.4;visibility: visible;}          @media screen and ( max-width: 991px ){          #gotop {bottom: 70px;right: 0;margin: 2vw;}          }          /* share url */          #share{display: inline-block;background-color: #000;opacity:0.4;width: 40px;height: 40px;text-align: center;border-radius: 100%;position: fixed;bottom: 50px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;z-index: 1000;margin: 30px;}#share::after{font-family: FontAwesome;content:'　';font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff; opacity:0.5;background: url(../images/share.png) center no-repeat; background-size:20px;background-position:50% 30%;}#share:hover{cursor: pointer;background-color: #666;}#share:active{background-color: #666;}@media screen and ( max-width: 991px ){#share{bottom:115px;right: 0;margin: 2vw;}}                    @media screen and ( max-width: 991px ){          html{padding-bottom: 80px;}          }