@charset "utf-8"; 
/* CSS Document */

.tp_header  {  position: fixed; width:100%; top:0; z-index:99;}
.tp_me_shadow  { padding:10px; background:#fff; box-shadow: 0 0 10px #aaa; position:relative; overflow:hidden; transition: all .2s;}
.tp_me_shadow#rwd_hide_header {}
.tp_me_w  {  max-width:1200px; margin:auto;}

.tp_header #logo  {  display:inline-block; vertical-align:middle; width:300px;}
.tp_header #logo img  {  max-width:100%; max-height:100%;}

.me_tp_features  {  display:inline-block; vertical-align:middle; width:calc(100% - 320px); text-align:right;}
.me_tp_features a  { position:relative; display:inline-block; vertical-align:middle; padding:5px; font-size:16px; color:#000; border-radius:100%; border:2px #000 solid; margin:7px 3px;}
.me_tp_features a i { position:absolute; top:-6px; right:-6px; display:inline-block; font-style:normal; font-size:12px; background:#c00; color:#fff; text-align:center; width:16px; height:16px; line-height:16px; border-radius:100%;}
/*Sreach*/
.box_search  {  position:relative; display:inline-block; vertical-align:middle; width:160px; height:30px;}
.shop_search_txt  {  background:#fff; color:#666; border:none; border-radius:20px; padding:6px 60px 6px 10px; position:absolute; top:0; right:0; z-index:1; font-size:13px; height:19px;}
.shop_search_btn  {  background:#000; color:#fff; font-size:13px; border:none; border-radius:20px; position:absolute; top:0; right:0; z-index:5; padding:8px 15px; cursor:pointer;}
.box_search input[type=text]  { 
	-webkit-appearance: textfield; 
	-webkit-box-sizing: content-box; 	
	background: url(../images/search-icon.png) no-repeat 9px center #fff; 
	border: solid 1px #ccc; 
	padding: 5px 10px 5px 32px; 
	width:110px; 
	border-radius: 10em; 
	transition: all .5s; 
	outline:none; 
}
.box_search input[type=text]:focus  {  color:#e63917; width:160px;}

/*Animations*/
[data-animate-in]{opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease;}
[data-animate-in="up"]{transform: translate3d(0, 100px, 0);}
[data-animate-in="left"]{transform: translate3d(-100px, 0, 0);}
[data-animate-in="right"]{transform: translate3d(100px, 0, 0);}
[data-animate-in="down"]{transform: translate3d(0, -100px, 0);}
[data-animate-in="scaleIn"] {transform: scale(.5);}
[data-animate-in].in-view{opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: transform 1s ease, opacity 0.6s ease;}

.banner_contentbox{display: flex;flex-wrap: wrap;align-items: center;}
.banner_img{width: 50%;}
.banner_textbox{width: 50%;display: flex;justify-content: flex-end;padding: 0 0 0 20px !important;}
.banner_text{max-width: 800px;width: 100%;padding: 0 40px 0 0;}
.banner_text h4 span{display: block;font-size: 2vw;color: #7F6C5F;margin-bottom: 20px;font-family: "Space Grotesk", sans-serif;font-weight: normal;}
.banner_text h4 b{display: block;font-size: 3vw;color: #7F6C5F;letter-spacing: 1px;}
.banner_text h5{max-width: 750px;width: 100%;border-bottom: 1px solid #806D61;padding: 2.5vw 0;margin-bottom: 3.5vw;font-size: 24px;color: #7F6C5F;}
.banner_text p{max-width: 530px;width: 100%;font-size: 18px;color: #444;line-height: 150%;letter-spacing: 1px;}

@media screen and (max-width: 1190px) {
  
  .banner_contentbox{padding: 0 0 70px 0;}
  .banner_img{width: 50%;}
  .banner_textbox{width: 50%;padding: 0 0 0 20px !important;}
  .banner_text{padding: 0 40px 0 0;}
  .banner_text h4 span{font-size: 18px;margin-bottom: 10px;}
  .banner_text h4 b{font-size: 26px;}
  .banner_text h5{padding: 15px 0;margin-bottom: 15px;font-size: 20px;}
  .banner_text p{font-size: 16px;}

}

@media screen and (max-width: 800px) {
  
  .banner_contentbox{max-width: 600px;margin: 0 auto;padding: 50px 20px 20px 20px !important;}
  .banner_img{width: 100%;margin-top: 35px !important;}
  .banner_textbox{width: 100%;padding: 0 !important;}
  .banner_text{padding: 0;}
  .banner_text h4 b{font-size: 26px;}
  .banner_text h5{padding: 15px 0;margin-bottom: 15px;font-size: 20px;}
  .banner_text p{font-size: 16px;}

} 



/* ============================ */
 

/* Responsive Mega Menu */
.header_area  {  background: url(../images/bcl_bg01.png) repeat;}
.main_header_area.sticky { ;}
.navigation { width:100%; position:relative;}

.navigation-portrait {  max-width:1200px; margin:auto;}
.navigation-fixed { position:fixed; top:0; left:0; z-index:19998;}
.navigation-hidden { width:0!important; height:0!important; margin:0!important; padding:0!important;}
.nav-header { /*float:left; */}
.navigation-hidden .nav-header { display:none;}

.nav-brand {  display:none;}
.nav-brand:hover,
.nav-brand:focus { ;}


.nav-logo>img { height:48px; margin:11px auto; padding:0 15px; float:left;}
.nav-logo:focus>img { outline:initial;}
.navigation-portrait .nav-logo>img { height:36px; margin:6px auto 6px 15px; padding:0;}

.nav-toggle { width:44px; height:44px; padding:7px; position:absolute; top:7px; right:7px; display:none; cursor:pointer;}
.nav-toggle:before { content:""; position:absolute; width:30px; height:2px; background-color:#000; border-radius:10px; box-shadow:0 10px 0 0 #000,0 20px 0 0 #000;}

.nav-menu { list-style:none; text-align:center; display:block;}

.navigation-portrait .nav-toggle { display:block;}
.navigation-portrait .nav-menus-wrapper { width:320px; height:100%; top:0; left:-400px; position:fixed; background-color:#fff; z-index:20000; overflow-y:auto; -webkit-overflow-scrolling:touch; transition-duration:.2s; transition-timing-function:ease;}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right { left:auto; right:-400px;}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open { left:0;}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open { left:auto; right:0;}
.nav-menus-wrapper-close-button { width:30px; height:30px; margin:10px 7px; display:none; float:right; color:#343a40; font-size:20px; cursor:pointer;}
.navigation-portrait .nav-menus-wrapper-close-button { display:block;}
.navigation-portrait .nav-menu { width:100%;}
.navigation-landscape .nav-menu.nav-menu-centered { float:none; text-align:center;}
.navigation-landscape .nav-menu.nav-menu-centered>li { float:none;}
.nav-menu>li { display:inline-block; /*float:left; text-align:left; */ position:relative;}
.navigation-portrait .nav-menu>li { width:100%; position:relative; border-top:solid 1px #f0f0f0;}
.navigation-portrait .nav-menu>li:last-child { border-bottom:solid 1px #f0f0f0;}
.nav-menu+.nav-menu>li:first-child { border-top:none;}
.nav-menu>li>a { display:inline-block; padding:30px 30px; color:#000;}
.navigation-portrait .nav-menu>li>a { width:100%; padding:12px 15px 12px 26px;}
.nav-menu>li:hover>a,
.nav-menu>li.active>a,
.nav-menu>li.focus>a { background:rgba(228,28,28,0.9); color:#fff;}

.nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-] { width:18px; height:16px; line-height:16px; transform:scale(1.4);}
.nav-menu>li>a>[class*=ion-] { width:16px; display:inline-block; transform:scale(1.8);}
.navigation-portrait .nav-menu.nav-menu-social { width:100%; text-align:center;}
.nav-menu.nav-menu-social>li { text-align:center; float:none; border:none!important;}
.navigation-portrait .nav-menu.nav-menu-social>li { width:auto;}
.nav-menu.nav-menu-social>li>a>[class*=ion-] { font-size:12px;}
.nav-menu.nav-menu-social>li>a>.fa { font-size:14px;}
.navigation-portrait .nav-menu.nav-menu-social>li>a { padding:15px;}
.submenu-indicator { margin-left:8px; margin-top:4px; float:right; transition:all .2s;}
.navigation-portrait .submenu-indicator { width:54px; height:44px; margin-top:0; position:absolute; top:0; right:0; text-align:center; z-index:20000;}

.submenu-indicator-chevron { height:6px; width:6px; display:block; border-style:solid; border-width:0 1px 1px 0; border-color:transparent #000 #000 transparent; transform:rotate(45deg);}
.nav-menu>li:hover .submenu-indicator-chevron,
.nav-menu>li.active .submenu-indicator-chevron,
.nav-menu>li.focus .submenu-indicator-chevron { border-color:transparent #fff #fff transparent;}


.navigation-portrait .submenu-indicator-chevron { border-color:transparent #999 #999 transparent; position:absolute; top:18px; left:24px;}
.navigation-portrait:hover .submenu-indicator-chevron { border-color:transparent #999 #999 transparent;}
.navigation-portrait .submenu-indicator.submenu-indicator-up { transform:rotate(-180deg);}
.nav-dropdown>li .submenu-indicator-chevron { border-color:transparent #999 #999 transparent;}
.nav-overlay-panel { width:100%; height:100%; top:0; left:0; position:fixed; display:none; z-index:19999;}
.no-scroll { width:100%; height:100%; overflow:hidden;}

.nav-button { margin:18px 15px 0; padding:8px 14px; display:inline-block; color:#fff; font-size:14px; text-align:center; border-radius:4px;}
.nav-button:hover,.nav-button:focus { color:#fff; text-decoration:none;}
.navigation-portrait .nav-button { width:calc(100% - 52px); margin:17px 26px;}
.nav-text { margin:25px 15px; display:inline-block; color:#343a40; font-size:14px;}
.navigation-portrait .nav-text { width:calc(100% - 52px); margin:12px 26px 0;}
.navigation-portrait .nav-text+ul { margin-top:15px;}

.nav-dropdown { list-style:none; min-width:180px; display:none; position:absolute; z-index:98; white-space:nowrap; background:#fff;}
.nav-dropdown:after { content:''; clear:both; width:100%; display:block;}
.navigation-portrait .nav-dropdown { width:100%; position:static; background:#f0f0f0; left:0;}
.nav-dropdown .nav-dropdown { left:100%;}

.nav-menu>li>.nav-dropdown { border-top:solid 1px #f0f0f0; left:0;}
.nav-dropdown>li { width:100%; float:left; clear:both; position:relative; text-align:left;}
.nav-dropdown>li>a { width:100%; padding:16px 20px; display:inline-block; float:left; color:#343a40; background-color:#fdfdfd;}
.nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a { color:#c00;}
.nav-dropdown.nav-dropdown-left { right:0;}
.nav-dropdown>li>.nav-dropdown-left { left:auto; right:100%;}
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a { text-align:right; }
.navigation-portrait .nav-dropdown>li>a { padding:12px 20px 12px 30px; background:none;}

.navigation-portrait .nav-dropdown>li>ul>li>a { padding-left:50px;}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a { padding-left:70px;}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a { padding-left:90px;}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a { padding-left:110px;}
.nav-dropdown .submenu-indicator { right:15px; top:10px; position:absolute;}
.navigation-portrait .nav-dropdown .submenu-indicator { right:0; top:0;}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron { transform:rotate(-45deg);}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron { transform:rotate(45deg);}


.nav-dropdown>li>a .submenu-indicator-chevron,
.nav-dropdown>.focus>a .submenu-indicator-chevron { border-color:transparent #999 #999 transparent !important;}

.nav-dropdown>li:hover>a .submenu-indicator-chevron,
.nav-dropdown>.focus>a .submenu-indicator-chevron { border-color:transparent #c00 #c00 transparent !important;}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator { left:10px;}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron { transform:rotate(135deg);}
.nav-dropdown-horizontal { width:100%; left:0; background-color:#fdfdfd; border-top:solid 1px #f0f0f0;}
.nav-dropdown-horizontal .nav-dropdown-horizontal { width:100%; top:100%; left:0;}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal { border-top:none;}
.nav-dropdown-horizontal>li { width:auto; clear:none; position:static;}
.navigation-portrait .nav-dropdown-horizontal>li { width:100%;}
.nav-dropdown-horizontal>li>a { position:relative;}
.nav-dropdown-horizontal .submenu-indicator { height:18px; top:11px; transform:rotate(90deg);}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator { height:42px; top:0; transform:rotate(0deg);}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up { transform:rotate(-180deg);}


.megamenu-tabs { width:100%; float:left; display:block;}
.megamenu-tabs-nav { width:20%; margin:0; padding:0; float:left; list-style:none;}
.navigation-portrait .megamenu-tabs-nav { width:100%;}
.megamenu-tabs-nav>li>a { width:100%; padding:10px 16px; float:left; color:#343a40; border:solid 1px #eff0f2; outline:0; background-color:#fff;}
.megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a { background-color:#f5f5f5;}
.megamenu-tabs-pane { width:80%; min-height:30px; padding:20px; float:right; display:none; font-size:13px; color:#343a40; border:solid 1px #eff0f2; background-color:#fff;}
.megamenu-tabs-pane.active { display:block;}
.navigation-portrait .megamenu-tabs-pane { width:100%;}
.megamenu-lists { width:100%; display:table;}
.megamenu-list { width:100%; margin:0 0 15px; padding:0; display:inline-block; float:left; list-style:none;}
.megamenu-list:last-child { margin:0; border:none;}
.navigation-landscape .megamenu-list { margin:-15px 0; padding:20px 0; border-right:solid 1px #f0f0f0;}
.navigation-landscape .megamenu-list:last-child { border:none;}
.megamenu-list>li>a { width:100%; padding:10px 15px; display:inline-block; color:#343a40; font-size:13px;}
.megamenu-list>li>a:hover { background-color:#c00; color:#fff;}


.nav-dropdown > li > a { color:#333; padding:10px 20px; border-bottom:1px solid #ccc;}
.nav-dropdown > li > a:hover,.nav-dropdown > li > a:focus { color:#c00;}

.transparent-menu { position:absolute; width:100%; left:0; top:0; z-index:99;}
.navigation-portrait .nav-menu > li > a { width:100%; height:auto; padding:14px 10px 14px 30px; text-align:left;}
/* Responsive Mega Menu */



/*top*/

.clearfix{clear: both;}
.clearfix:before,
.clearfix:after { content:''; clear:both; display:block; height:0;}

.main{width: 100%;margin: 0 auto;}

.main *{box-sizing: border-box;padding: 0;margin: 0;font-family: "微軟正黑體";font-size: 16px;line-height: 160%;word-break: break-all;}

.main img{max-width: 100%;}

/*header*/

.main_top{
  background-color: #FFF;
  position: relative;
  z-index: 9999999;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
}

.main_top:before{
  content: "";
  position: absolute;

}

.Shin_header{
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  padding: 20px 15px;
  display: flex;
  justify-content: flex-end;
  align-items: center;

}

.Shin_header_logo{
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px 30px;
  background-color: #F1EAE4;
}

.Shin_box{
  width: calc(100% - 210px);
  display: inline-block;
  text-align: right;
}

.Shin_Search{
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0;
  margin-left: 15px;
  margin-right: 15px;
}

.Shin_Search input{
  color: #444;
  font-size: 14px;
  height: 30px;
}
.Shin_keyword{
  width: 100%;
  outline: none;
  border: 1px solid #B69C77;
  border-radius: 50px;
  color: #CCC;
  padding: 10px 40px 10px 10px; 
  font-size: 14px;
}
.Shin_submit{
  width: 30px;
  height: 30px;
  background-image: url(../images/search.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  outline: none;
  border: none;
  border-radius: 50%;
  outline: none;
}

.Shin_header_link{display: inline-block; position: relative;}
.Shin_header_link a{
  color: #000000;
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.Shin_header_link a img{width: 30px;}

.search_box_s{width: 160px;}

.Shin_header_link .search_box_s a{
  display: block;
  padding: 10px 0;
  background-color: #F0F0EE;
  color: #777;
  border-bottom: 1px solid #000;
  text-align: center;
}

.Shin_header_link .search_box_s a:hover{
  transition: 0.5s;
  background-color: #777;
  color: #FFF;
}

#rim_search{display: inline-block;}
#rim_search > a { background:url(../../images/jie_t_img01.png) no-repeat center center !important;  margin:18px 0;}
#rim_search > a.active { background-image:url(../../images/jie_t_img04.png) !important;}

.search_box{background:#fff; width:150px; }
.sear_txt{padding:7px 36px 7px 7px; width:100%}
.sear_btn{position:absolute; right:4px; top:4px; cursor:pointer; background:url(../../images/jie_t_img01.png) no-repeat center center #fff; background-size:cover; border:none; outline: none; width:24px; height:24px; text-indent:-99999px;}

.search_box_s{position:absolute; top:100%; left:0; z-index: 999;}

.Shin_login{
  padding: 5px 15px 5px 30px;
  background-image: url(../images/52S_login.png);
  background-repeat: no-repeat;
  margin-right: 10px;
  background-position: left;
  border-right: 2px solid #FFF;
  display: none;
}

.Shin_cart{
  margin-left: 25px;
  position: relative;
  margin-right: 5px;
}

.Shin_cart i{
  position: absolute;
  z-index: 6;
  right: -6px;
  top: -6px;
  background-color: #2B2B29;
  border-radius: 50%;
  color: #FFF;
  min-width: 20px;
  min-height: 20px;
  font-size: 12px;
  padding: 1px 5px;
  font-style: normal;
}

.Shin_nav{
  width: 100%;
  display: block;
  margin-top: 40px;
  margin-bottom: 20px;
  background-color: #F3ED74;
  text-align: center;
}

.Shin_nav a{
  display: inline-block;
  vertical-align: top;
  padding: 10px 40px;
  color: #000;
  font-weight: bold;
}

.Shin_nav a:hover{background-color: #A2E25C;color: #FFF;}

#final_total{
  display: inline-block;
  margin-top: 0;
}

@media screen and (max-width:490px) {
    .price_ri tr:nth-child(6) td {
        padding: 15px 0;
    }
}


nav{width: 100%;}
nav ul{list-style: none;margin: 0;padding: 0;}

.navigation{width: 100%;text-align: right;}
.access-menu{width: 100%; display: table;margin-top: 15px;text-align: right;}
.access-menu > li{display: inline-block;position: relative;}
.access-menu > li:hover .access-submenu{top: 100%;left: auto;}
.access-menu a{
  color: #5F5246;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  margin: 0 1.5vw;
  text-align: center;
}

.access-menu a:hover,
.access-menu a:focus{}

.access-menu > li > ul{padding: 20px 0 0 0;}
.access-menu > li > ul > li > a{
  width: 140px;
  background-color: #FFF;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  color: #5F5246;
}

.access-menu > li > ul > li > a:hover{background-color: #000;color: #FFF;}
.access-menu > li > ul > li:last-child{border-bottom: none;}

.access-submenu{
  left: -9999px;
  position: absolute;
  z-index: 999;
  top: -9999px;
  width: 100%;
}

.access-submenu > li + li{/*border-top: solid 1px #000;*/}
.access-submenu > li:last-child{/*border-bottom: solid 1px #000*/;}

.access-submenu a{padding: 10px 5px;color: #111;}

.is-show{left: auto;top: 100%;}

.fa-window-close:before{color: #FFF !important;}
.fa-angle-down:before{color: #B59C8A !important;}

/* ========= 20210712 mobile =========== */
.menu { background:#B59C8A; width:100%; text-align:left; position:fixed; top:0; left:0; z-index:10;}
.menu ul,
.menu li { margin: 0; padding: 0;}
.menu a { color:#333; font-weight: bold; padding: 0 10px;}
.menu li, .menu li:focus {}
.menu li a, .menu li:focus a{color: #333;}
.menu > ul { 
  width: 100%; position: relative; display: inline-block; display:none;}
.menu > ul li { display: inline-block; padding: 10px 7px;}
.menu .fa { padding:3px 6px; width:auto; color:#0C9158; margin:0 7px;}
.menu .fa a { font-size: 0; padding: 0 !important;}
.menu .fa:hover, .menu .fa:focus { cursor: pointer;}
.menu .level-two { display: none; position: absolute; top: 100%; left: auto;}
.menu .level-two > li { display: block; background: transparent; padding: 0; transition: 0.3s all ease; position: relative; white-space: nowrap; border-bottom:1px #ddd solid; background-color: #F7EFE4;}
.menu .level-two > li:last-child { border:none;}
.menu .level-two > li:hover, .menu .level-two > li:focus { background: #333;}
.menu .level-two > li:hover a{color: #FFF;}
.menu .level-two > li a { width: 100%; display: block; padding: 10px 7px; box-sizing: border-box; color: #222;}
.menu .level-two .sharewidth > a { display: inline-block; width: auto;}

.menu .level-three { display: none; position: absolute; left:100%; top:0;}
.menu .level-three li { display: block; background: transparent; padding: 0; transition: 0.3s all ease; position: relative; white-space: nowrap;}
.menu .level-three li:hover, .menu .level-three li:focus { background: rgba(255, 255, 255, 0.1);}
.menu .level-three > li a { font-size: 14px; border-bottom:1px #f8f8f8 solid; background:#af6161; color:#CCC;}


@media screen and (min-width: 769px) {.navtoggle { display: none;}}
@media screen and (max-width: 768px) {
.outside { width:32px; height:32px; padding:7px; position:absolute; top:10px; right: 15px; cursor:pointer;}
.outside:before { content:""; position:absolute; left: 0; width:30px; height:2px; background-color:#B69C77; border-radius:10px; box-shadow:0 10px 0 0 #B69C77,0 20px 0 0 #B69C77;}
.outside::after {
    content: '選單';
    color: #B69C77;
    font-size: 14px;
    width: 30px;
    position: absolute;
    bottom: -1.6em;
    left: 50%;
    transform: translateX(-50%);
}

/*
.outside:hover, .outside:focus { color: #000; cursor: pointer;}
*/
.menu { position:fixed; height:100%; top:0; left:-320px; overflow-y: auto; overflow-x: hidden; transform: translate(0 0); max-width: 320px; transition: 0.3s all ease;}
.menu .navtoggle { position: relative; top:0; right:0; left:0; display:block; text-align:right; font-size:0; padding:5px;}
.menu .navtoggle .fa { font-size:30px; border:0 solid transparent; padding:0; margin:0; color:#bd7a8a;}
.menu .navtoggle .fa:hover, .menu .navtoggle .fa:focus { background: transparent; opacity: 0.8;}
.menu.active {width: 200px; transform: translateX(320px); transition:0.3s all ease; box-shadow:0 0 10px #999; padding:5px;}
.menu > ul { display:block;}
.menu > ul li { display:block; position:relative;}
.menu > ul li .fa { position:absolute; /*top:6px;*/ right:0; border: 1px #ccc solid; background:#fff;}
.menu > ul > li { border-bottom:1px #e0e0e0 solid;}
.menu > ul > li { padding:10px 0;}
.menu > ul > li > ul{ background:#f8f8f8; margin-top:10px;}
.menu .level-two,
.menu .level-three { position:relative; left:0; top:0;}
}

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

.Shin_box{width: 100%;padding: 20px;}
.Shin_Search{width: 160px;margin-left: 10px;}

.Shin_header{padding: 0;align-items: flex-end;}
.Shin_header_logo{position: relative;padding: 15px;}
.Shin_header_logo img{width: 180px;}

.access-menu a{font-size: 15px;margin: 0 7px;}
.access-menu > li > ul > li > a{
  width: 130px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 140%;
}

.Shin_Search input{font-size: 12px;padding: 5px 10px;}
.Shin_cart{margin-left: 20px;}

}

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

  nav{display: none;}

  .Shin_header{flex-wrap: wrap;justify-content: flex-start;}
  .Shin_header_logo{margin: 0 auto; margin-bottom: 10px;}

  .Shin_cart{right: 0;top: 0;}
  .Shin_box{width: 100%;padding: 10px;text-align: left;}
  .Shin_Search{width: calc(100% - 50px);margin: 0 auto;margin-top: 0;}

  .Shin_header_link{
    position: absolute;
    right: 10px;
    bottom: 10px;
  }

}


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

  .Shin_header_link a {font-size: 12px;}
  .Shin_cart {margin-left: 0px;}
  .Shin_login {padding: 5px 5px 5px 25px;margin-right: 5px;}

}

/*top end*/



/*footer*/

.copy{
  width: 100%;
  padding: 5px;
  text-align: center;
  color: #666;
  font-size: 14px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.footer_contentbox{max-width: 1700px;margin: 0 auto;}
.footer_content{
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.footer_logo{width: 20%;}

.footer_linkbox{width: 80%;color: #FFF;display: flex;flex-wrap: wrap;align-items: flex-start;}
.footer_link{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 0 0 0 15px;
  margin-left: 2.5vw;
}

.footer_link:before{
  content: "";
  position: absolute;
  background-color: #C5BAAA;
  width: 2px;
  height: 20px;
  top: 1px;
  left: 0;
}

.footer_link:nth-child(1){width: calc(75% - 2.5vw);}
.footer_link:nth-child(2){width: calc(25% - 2.5vw);}

.footer_link a{
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 140%;
  color: #FFF;
  letter-spacing: 1px;
  margin-top: 15px;
}

.footer_link a:nth-child(1){margin-top: 0;}

.footer_link p{
  font-size: 16px;
  margin-top: 15px;
  line-height: 140%;
  letter-spacing: 1px;
}

.footer_link p:nth-child(2){width: 40%;}
.footer_link p:nth-child(3){width: 60%;}
.footer_link p:nth-child(4){width: 40%;}
.footer_link p:nth-child(5){width: 60%;}


.footer_link2{width: 100%;display: flex;justify-content: center;margin-top: 30px;}
.footer_link2 a{
  width: calc(100% / 8);
  color: #FFF;
  padding: 3px 4px 6px 4px;
  line-height: 120%;
  border-right: 1px solid #C5BAAA;
  text-align: center;
  letter-spacing: 1px;
  font-size: 0.9vw;
}

.footer_link2 a:first-child{border-left: 1px solid #C5BAAA;}

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

  .footer{padding: 50px 20px;}
  .footer_content{max-width: 600px;flex-direction: column;}

  .footer_logo{width: 180px;margin-bottom: 20px;}

  .footer_linkbox{width: 100%;}
  .footer_link{margin-left: 0;}
  .footer_link p{font-size: 15px;margin-top: 5px;}
  .footer_link p:nth-child(2){width: 100%;}
  .footer_link p:nth-child(3){width: 100%;}
  .footer_link p:nth-child(4){width: 100%;}
  .footer_link p:nth-child(5){width: 100%;}
  .footer_link a {font-size: 15px;margin-top: 5px;}
  .footer_link:nth-child(1){width: 100%;margin-bottom: 25px;}
  .footer_link:nth-child(2){width: 100%;}
  .footer_link2{max-width: 600px;width: 100%;margin-top: 25px;flex-wrap: wrap;}
  .footer_link2 a{width: 25%;padding: 5px;font-size: 14px;border: 1px solid #FFF;}

}

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

  .footer_link{
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0 auto;
    float: none;
  }

  .footer_link a{
    font-size: 15px;
    display: inline-block;
    line-height: 140%;
  }

  


}

/*footer end*/