@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;
}

html{background:url("../images/bg_1920x1080.jpg") top center repeat-y fixed;}

h2, h3 {
	font-family: 'Noto Sans TC', "微軟正黑體",'Microsoft JhengHei', Helvetica,Verdana, Arial, sans-serif; 
	font-weight: 900; 
	color: #ffffff;}


/* PC */
.WRAPPER{ position:relative; width:100%; min-width:1200px; margin:0 auto; overflow:hidden;}
 	@media screen and ( max-width: 991px ){
		.WRAPPER{ min-width:100%;}
		
	}
.container { overflow: hidden; }
.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; }

/* 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; }
}



/*主視覺商品輪播*/
.topbox img{position: absolute;}

.girlsgoods img{width: 298px;}
.girlsgoods {
    position: relative;
    width: 298px;
    top: 60px;
    left: 130px;
} 

.girlsgoods .g1, .girlsgoods .g2, .girlsgoods .g3 , .girlsgoods .g4{
    width: 298px;
    position: absolute;
    top:0;
    right: 0;
    animation-name:anime; 
    animation-duration: 8s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
}

.girlsgoods .g4{animation-delay: -2s;}
.girlsgoods .g3{animation-delay: -4s;}   
.girlsgoods .g2{animation-delay: -6s;}


.boysgoods img{width: 298px;}
.boysgoods {
    position: relative;
    width: 298px;
    top: 450px;
    left: 270px;
} 

.boysgoods .g1, .boysgoods .g2, .boysgoods .g3 , .boysgoods .g4{
    width: 298px;
    position: absolute;
    top:0;
    right: 0;
    animation-name:anime; 
    animation-duration: 8s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
}

.boysgoods .g4{animation-delay: -2s;}
.boysgoods .g3{animation-delay: -4s;}   
.boysgoods .g2{animation-delay: -6s;}

@keyframes anime{
0%{ opacity: 0;right: -80px;}
5%{  opacity: 1;right: 0;}
15%{  opacity: 1;right: 0;}
20%{  opacity: 0;right: 60px;}
66%{  opacity: 0;}
100%{  opacity: 0;}
}


/*主視覺動畫*/

.scale-in-ver-top {
	position: absolute;
	top:85px;left:650px;
	-webkit-animation: scale-in-ver-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-ver-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-6-6 11:47:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-ver-top
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}




/*區塊背景與間距*/

.all_bg{background:url("../images/bg_deco.png")center repeat-y;}

.block_1{background: url("../images/bg_03.png")center no-repeat; height: auto; padding-top: 20px; padding-bottom: 70px;}
.block_13{background: url("../images/bg_02.png")center no-repeat; height: 1028px; padding-top: 120px;}

.block_3 ,.block_6 ,.block_10 {background: url("../images/bg_color_02.jpg"); max-width: 1200px; border-radius: 20px; margin: 0 auto ; padding-bottom: 20px;}
.block_4 ,.block_8 ,.block_11 {background: url("../images/bg_color_03.jpg"); max-width: 1200px; border-radius: 20px; margin: 0 auto ; padding-bottom: 20px;}
.block_5 ,.block_9 ,.block_12 {background: url("../images/bg_color_04.jpg"); max-width: 1200px; border-radius: 20px; margin: 0 auto ; padding-bottom: 20px;}

/*標題樣式*/

.block_1 .btt h2{margin-top: -20px;}
.block_1 .sp h2{margin-top: 500px;}
.btt h2{
	font-size: 4.5rem; 
	letter-spacing: 5px; 
	padding: 25px;
	background: url("../images/title_bg.png") center no-repeat; height: 140px;
	width: 100%;
	margin-top: -60px;
}




/*區塊調整*/
.block_2 { margin-top:100px;}
.block_7 { margin-top:120px;}
.block_3 {margin-bottom: 60px;}
.block_2 ,.block_4 ,.block_5 ,.block_6 ,.block_7 ,.block_8 ,.block_9 ,.block_10 ,.block_11 ,.block_12{ margin-bottom: 100px;}

/*元件調整*/


@media screen and ( max-width: 991px ){
.block_1 {height: auto; background: none; margin-top: -20px; margin-bottom: 40px;}	
.block_2 { margin-top: 30px;}
.block_4 { margin-top: -30px;}
.block_2 ,.block_3 ,.block_4 ,.block_5 ,.block_6 ,.block_7 ,.block_8 ,.block_9 ,.block_10 ,.block_11 ,.block_12{ margin-bottom: 80px;}	
.block_13{background:none; height: auto;padding-top: 0px;}

.block_1 .btt h2{margin-top: 5px;}
.block_4 .btt h2{margin-top: -30px;}
.btt h2{
background: url("../images/title_bg_m.png") center no-repeat;
height: 140px;
font-size: 2.6rem;
padding: 0 0 0 0px;
padding-top: 50px;
	}
}




/*精明生活．購物攻略*/
.bg_0{width: 100%;  position: relative; text-align:center; display: flex;justify-content: center;max-width: 1920px; margin: auto;flex-wrap: wrap-reverse; }

.buy_01{ position: absolute; top:10px; left:0px; transition-duration:0.3s; transition-property:transform; transition-timing-function:ease-out; }
.buy_02{ position: absolute; top:166px; left:0px; transition-duration:0.3s; transition-property:transform; transition-timing-function:ease-out; }
.buy_03{ position: absolute; top:10px; left:350px; transition-duration:0.3s; transition-property:transform; transition-timing-function:ease-out; }
.buy_04{ position: absolute; top:10px; left:600px; transition-duration:0.3s; transition-property:transform; transition-timing-function:ease-out; }
.buy_05{ position: absolute; top:10px; left:850px; transition-duration:0.3s; transition-property:transform; transition-timing-function:ease-out; }
.buy_06{ position: absolute; top:166px; left:850px; transition-duration:0.3s; transition-property:transform; transition-timing-function:ease-out; }
.buy_07{ position: absolute; top:319px; left:0px; transition-duration:0.3s; transition-property:transform; transition-timing-function:ease-out; }
.buy_08{ position: absolute; top:319px; left:600px; transition-duration:0.3s; transition-property:transform; transition-timing-function:ease-out; }

.buy_01:hover, .buy_02:hover, .buy_03:hover, .buy_04:hover, .buy_05:hover, .buy_06:hover, .buy_07:hover, .buy_08:hover { transform: scale(.95);}

@media screen and ( max-width: 991px ){
	.bg_0{ display: none;}
}



/*優惠券三張*/
.top{width: 1200px;margin: 0 auto;}
.bli { display: flex;}
.bli:hover{transform: none;}
.bli a:hover{
    transform: scale(0.95);
    transition: 0.5s;
}
/*---------topa---------*/
.a1 img, .a2 img, .a3 img{width: 400px;}


/* ------------------------------ mobile ------------------------------*/

@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; }

    /*witch auto*/
    .top{width: 90%;}
    h2, .sbg, .titleC, .bbg2, .bbg1,.bbg2 .a1, .bbg2 .a2, .bbg2 .a3, .bbg1 .b1, .bbg1 .b2, .bbg1 .b3, .bbg1 .b4, .top img,
    .subtitle{width: 100% !important;}

    .bli {
        display: flex;
        flex-direction: column;
    }
}




/*--第一款輪播--*/
      .swiper {
        width: 1300px;
        padding-top: 5px;
        padding-bottom: 70px;margin: 0 auto;
      }
.swiper-wrapper,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right{width: 300px;border-radius: 20px;}

      .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px;
        height: 300px;margin-bottom: 60px;
      }

      .swiper-slide img {
        display: block;
        width: 300px;
        height: 300px;border-radius: 20px;
      }

.swiper-slide p{width: 100%;text-align: center;padding: 5px 5px;font-size: 22px;color: #fff;font-weight:500;margin-top: 10px;line-height: 26px;}
.swiper-slide .price {text-align: center;}

@media screen and ( max-width: 991px ){
	 .swiper {
        width: 100%;
        padding-top: 2vw;
        padding-bottom:10vw;
		margin: 0 auto;
      }
      .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 80vw;
        height:auto;
		margin-bottom: 70px;
      }	
	      .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 50vw;
        height: 50vw;
      }
	      .swiper-slide img {
        display: block;
        width:  50vw;
        height:  50vw;border-radius: 20px;
      }
	.swiper-wrapper,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right{width:50vw;border-radius: 20px;}
	.swiper-slide p{width: 100%;height: auto; text-align: center;padding: 5px 5px;font-size: 1rem;color: #ffffff;font-weight:500;line-height: 1.2rem;margin-top: 6px;}
}


/* -- sidemanu for pc -- */
.side-menu2{
	position: fixed;
	width: 130px;
	top:10%;
	right:1%;
	padding:10px;
	border-radius:20px;
	box-sizing: border-box;
	background:#fff3b5dd;
	opacity:0.95; 
	display: flex;
	flex-direction: column;
	transform: translateX(0);
	transition: .3s;
	text-align:center;
	z-index:99;
	font-size:15px;
	overflow:hidden;
	border:1.5px solid #f7edcd;
}
.side-menu2 label{
	position: fixed;
	width: 130px;
	height: 150px;
	background:#3752a3;
	opacity:0.95; 
	color: #f6f5e5;
	right: -40px;
	top: 0%;
	line-height: 28px;
	text-align: center;
	font-size: 24px;
	border-radius: 0 10px 10px 0;
	padding:18px 8px 10px 8px;
	font-weight:500;
}
#side-menu-switch2{
	position: absolute;
	opacity: 0;
	z-index: -1;
}
#side-menu-switch2:checked + .side-menu{
	transform: translateX(0);
}
.side-menu2 nav a{
	display: block;
	padding: 10px 4px;
	color: #04414b;
	text-decoration: none;
	position: relative;
	font-size:14px;	
	font-weight: 500;
}
.side-menu2 nav p.name_menu {
    padding: 10px 0;
    font-size: 1.5em;
    line-height: 1em;
    border-bottom: 3px solid;
    border-color: #04414b;
    color: #c84513;
    font-weight: bold;
}
.side-menu2 nav ul.area1 {
    margin-bottom: 150px;
}
.side-menu2 nav ul.area1 li {
    width: 50%;
    float: left;
    border-bottom: 1px dotted #04414b;
}

.side-menu2 nav ul.area1 li {
    width: 50%;
    float: left;
    border-bottom: 1px dotted #04414b;
}
.side-menu2 nav ul.area1 li:nth-child(even) {
    border-right: 1px dotted #04414b;
}

.side-menu2 nav ul.area2 li {
    border-bottom: 1px dotted #04414b;
}
.side-menu2 nav ul.area1 li:nth-last-child(1),
nav ul.area1 li:nth-last-child(1),
nav ul.area2 li:nth-last-child(1) {
    border-bottom: none;
}
.side-menu2 nav ul.area1 li:nth-child(14) {
    width: 100%;
    border-right: none;
}

@media screen and (max-width: 991px) {
    .side-menu2 {
        display: none;
    }
}

/*Plugin*/
.side-menu2 .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.side-menu2 .nav-pills>li.active>a, .side-menu2 .nav-pills>li.active>a:focus, .side-menu2 .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #542c64;
}
.nav-pills a:hover{
	color:#ffed74;
	background: #542c64;
}

.side-menu2 .nav-pills>li>a {
    border-radius: 0px;
}
.side-menu2 .nav>li>a {
    position: relative;
    display: block;
}


/*第二款輪播*/

.secondswiper{}
.secondswiper{ display: flex;flex-wrap: wrap;width: 1080px;margin: 20px auto 0;}
.secondswiper .mySwiper2 { width: 520px; height:660px; background:url("../images/bg_color_03.jpg"); margin: 10px 10px; border-radius: 30px; padding-bottom: 5px;}
.mySwiper2 ul{padding:20px 30px 30px 30px;}
.mySwiper2 ul li a:hover, .mySwiper2 ul li:hover{transform: scale(.9);}
.mySwiper2 ul li:nth-child(1) img{width: 450px; height: 450px; object-fit: contain;margin: 40px auto 0;}
.mySwiper2 ul li:nth-child(2){background:url("../images/bg_colo_01.jpg");width: 100px;height: 100px; border-radius: 50%; display: flex;align-items: center;justify-content: center;position: absolute; top: 0;}
.mySwiper2 ul li:nth-child(2) p{font-size: 20px;color: #222222;margin-top: 0;}
.mySwiper2 ul li:nth-child(2) big{font-size: 46px;color: #222222;}
.mySwiper2 ul li:nth-child(3){position: absolute; top: 0;left: 140px;font-size: 40px;}
.mySwiper2 ul li:nth-child(3) span{font-size: 40px;color: #ffffff;font-weight: bold;}
.mySwiper2 ul li:nth-child(4){position:relative; bottom: 10px;left: -30px;}
.mySwiper2 ul li:nth-child(4) span{background:url("../images/bg_colo_01.jpg");color: #222222;padding: 5px 10px;font-size: 24px;text-align: left;}
.mySwiper2 ul li:nth-child(5){position:relative; bottom: -10px;left: -30px;}
.mySwiper2 ul li:nth-child(5) span{background: #fff;color: #7a86c0;padding: 5px 10px;font-size: 18px;text-align: left;}
.mySwiper2 ul li:nth-child(6){background:url("../images/bg_colo_01.jpg");width: 100px;height: 100px; border-radius: 50%;  top: 490px;right: 20px;display: flex;align-items: center;justify-content: center;position:absolute;}
.mySwiper2 ul li:nth-child(6) p{color: #222222;border-radius: 50%; font-size: 20px;margin-top: 0;}
.mySwiper2 ul li .price p{ font-size: 1.8rem; color: #6824cd; font-weight: bold; line-height: 0.2; padding-bottom: 15px;}

      .swiper2 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper2 .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

@media screen and ( max-width: 991px ){
	.secondswiper{ display: flex;flex-wrap: wrap;width: 96vw;margin: 0 auto;}
    .secondswiper .mySwiper2 { width:94vw; height:auto; margin: 2vw 2vw;}
	
	.mySwiper2 ul{padding:0 2vw;}

	.mySwiper2 ul li:nth-child(1) img{width:80vw; height: 80vw; object-fit: contain;margin: 2vw auto 0;}
	.mySwiper2 ul li:nth-child(2){;width: 20vw;height:20vw; border-radius: 50%; display: flex;align-items: center;justify-content: center;position:absolute;top: 0;}
	.mySwiper2 ul li:nth-child(2) p{font-size:1rem;}
	.mySwiper2 ul li:nth-child(2) big{font-size: 1.8rem;}
	.mySwiper2 ul li:nth-child(3){position:relative; top: 0;left:0;font-size:2rem;text-align: center;margin-top: 10px;}
	.mySwiper2 ul li:nth-child(3) span{font-size: 2rem;}
	.mySwiper2 ul li:nth-child(4){position:relative; bottom:0;left: 0;top: 0; text-align:center;margin: 20px auto;}
	.mySwiper2 ul li:nth-child(4) span{padding: 5px 10px;font-size:1.4rem;}
	.mySwiper2 ul li:nth-child(5){position:relative; bottom:0;left: 0;text-align:center;margin: 0 auto;}
	.mySwiper2 ul li:nth-child(5) span{;padding: 5px 10px;font-size: 1rem;text-align:center}
	.mySwiper2 ul li:nth-child(6) p,.mySwiper2 ul li:nth-child(6){display: none;}
	
	.mySwiper2   .swiper-slide { background-position: center; background-size: cover; width: 50vw; height: auto;margin-bottom:30px; }
	
}



/*index3*/
.block_12 .collect_5x6 .s-row li{    width: 359px;}
.block_12 .collect_5x6 .s-row img {
    width: 300px;
    height: 300px;
    padding: 0;
    margin: 30px auto 0;
}

/*---*/
.circle img, .hightlight img, .hightlight_5p img, .circle_5p img { object-fit: contain;}
.alternate ul:nth-child(even){margin: -102px auto 25px;}
.recommend_2p, .triple, .various, .hightlight_5p, .toptitle, .brand, .broadwise, .crosswise_3p, .circle, .rectangle_3p, .hightlight, .photograph, .circle_5p, .round_3p, .quotes, .recommend{margin-bottom: 0px;}
.quotes, .crosswise_3p{margin-top: 0;}
.banner {padding: 20px 0;margin:0 auto;}
.hightlight .font p, .hightlight_5p .font p, .collect_5x6 .font p, .circle .font p{padding-top: 10px;}
.circle .font p{height: auto !important;}
.circle li{white-space: inherit;}


/*color*/
.half ul{background:#fff;}
.hightlight_5p .font h4{background:#666666;}
.hightlight .font h4, .alternate ul:nth-child(odd) li:first-child, .alternate ul:nth-child(even) li:last-child{background:url("../images/bg.jpg") top center repeat;}
.alternate ul:nth-child(odd) li:first-child .font h4, .alternate ul:nth-child(even) li:last-child .font h4, .alternate ul:nth-child(odd) li:first-child .font .price big, .alternate ul:nth-child(even) li:last-child .font .price big{color: #c4a65a}
.keywordA li:hover{background: #fdca47;}


/*----------------jsarea----------------*/
.hide {display: none;}

.block_12 .nav {
    width: 1160px;
    margin: 40px auto 0 auto;
    padding: 0;
}
.block_12 .nav ul {display: flex;justify-content: space-around;text-align: center;}
.block_12 .nav li{
    width: 200px;
    font-size: 20px;
    line-height: 40px; 
    position: relative;
    margin: 0 0 20px 0;
    vertical-align: bottom;
    padding-top: 20px;
    color: #6824cd;
}
.block_12 .nav li p{font-size: 1.8rem;font-weight: 700;}

.hightlight_5p li{padding: 0 !important;}

.conBg {
    border-radius: 20px;
    padding: 10px 0;
    margin: 20px auto;
    width: 1200px;
}

.block_12 .collectBg{margin: 10px auto 20px;}

@media screen and ( max-width: 991px ){
    .nav {display: none;}
    .hide {display: block;}
	.conBg {width: auto;
}
}




/*navigation bar for pc*/
/* Style the navbar */
#navbar {
	/*overflow: hidden;*/
	
	max-width:100%;
	height:60px;
	z-index:999;
	margin:0 auto;
	background:url("../images/bg_color_02.jpg");
  }
  	@media screen and ( max-width: 991px ) {
		#navbar{ display:none;} 
		.sticky + .content { padding-top:0px !important;}
	}

  .nav_content{ width:1200px; margin:0 auto;}
  /* Navbar links */
  #navbar a {
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	width:12.5%;
	font-size:21px;
	color:#ffffff;
	border-right: .5px solid #ffffff;
	height:60px;
	line-height:60px;
	letter-spacing: 1px;
	transition: .5s;
	font-family: "微軟正黑體","Microsoft JhengHei",Helvetica,Verdana, Arial;
  } 

#navbar a:hover{color: #e53def;}

#navbar .row_08 a{border-right: none;}

#navbar span{ color:#000000;}
  
  /* Page content */
  .content {
	padding: 0px;
  }
  
  /* The sticky class is added to the navbar with JS when it reaches its scroll position */
  .sticky {
	position: fixed;
	top: 0;
	width: 100%;
  }
  
  /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
  .sticky + .content {
	padding-top: 60px;
	
  }
  .nav_content img{ transition:all 0.3s;}
  .nav_content img:hover{ transform:translateY(-5px);}



/*for mobile*/
menu{display:none;}
	@media screen and ( max-width: 991px ){
		menu{ display:block;}
	}
menu ul{
	position:fixed;
	bottom:0;
	left:0;
	margin:0;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	list-style: none;
	background:url("../images/bg_color_02.jpg");
	z-index:999;
	padding:2px 0px;
	border-top:none;
}
menu ul li{
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:5px 0px;
	width:25%;
	box-sizing:border-box;
	text-align:center;
	letter-spacing:1px;
	color:#f7edcd;
	font-weight:400;
}
menu ul li a{
	font-size:14px;
	line-height:1.2rem;
	/*font-family: 'Noto Serif TC', serif, "微軟正黑體","Microsoft JhengHei",Helvetica,Verdana, Arial, sans-serif;*/
}
/*
menu ul li:nth-last-child(1){
	border-r:none;
}
*/
menu a{
	color:#ffffff !important;
	text-decoration:none;

}



/*--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: #666;}
#gotop.show {opacity: 0.4;visibility: visible;}
	@media screen and ( max-width: 991px ){
	#gotop {bottom: 2vw;right: 0;margin: 2vw;	}
	}