@charset "utf-8";
/*------------------------------*/
/*          $Catalog
--------------------------------*/
/**
* $Catalog                目錄
* $Global                 全域變數
* $Navbar                 主選單
* $Sidebar & breadcrumbs  側邊攔與麵包削
* $Productlist            商品列表頁
* $Product                產品頁
* $Newslist               最新消息列表頁
* $EditModeLayout         內文編輯模式編排
**/
body{ font-family:"微軟正黑體",Arial, Helvetica, sans-serif; font-size:16px; color:#595757;}
/*------------------------------*/
/*          $Navbar
--------------------------------*/
/* 移除 bootstrap navbar 樣式 */
	.navbar-scrolled {
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
	background-color: #4c4c4c !important;
	transition: 0.5s;
}

.navbar {background-color:#fff;font-size: 17px;}

@media (min-width:1160px){

	.navbar-right{   margin-right: 0px;    margin-top: 25px; }
	.navbar-collapse{ padding-right:50px;padding-top: 10px; }
	.navbar-brand{    padding: 15px 5px 5px 50px;}

}

/* 主導覽列 樣式 回饋效果 */
.navbar-collapse .nav li a{
    text-align: center;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}
.navbar-nav>li>.dropdown-menu td > a{
    color: #595757;
    text-decoration: none;
}
/* 首頁Navbar固定在頁面上方時，其他頁必須留上方空白，避免重疊覆蓋 */
.navbar-fixtop-blank
{padding-top: 86px;}
@media (max-width:1160px){
	.navbar-brand {    width: 65%;
    margin-left: 10px;}
}
.navbar-toggle{    border: 0px solid transparent;font-size: 25px;    margin-top: 15px; }
.navbar-nav li a {
  margin-top: 8px;
}

 @media (max-width: 1160px) {
	
.navbar {
	position: relative !important;
}
.navbar-nav  li a,.topmenutitle{padding:5px 15px;    display: block;}

}
@media (min-width: 1160px) {

.dropdown-menu {
	display: none;
	position: fixed;
	border-radius: 0px;
	z-index: 12;
	width: 100%;
	top: 100px !important;
	left: 0 !important;
	background: #f0f0f0;
	border: 0px !important;
	min-height: 50px;
	text-align: center;
	padding: 30px 0 20px 0;
	z-index:999999;
}
.dropdown-menu>.ulmenu>li {
	display: inline-block;
	padding:0 1%;
	border-right:1px solid #6e6e6e;
	vertical-align: top;
	 text-align:left;
}
.navbox02 >.dropdown-menu >.ulmenu>li{min-height:150px;}

.dropdown-menu>.ulmenu>li>a {
	display: inline-block;
	padding: 0 20px;
	clear: none;
	line-height: 1.42857143;
	color: #333333;
	white-space: nowrap;
}

.dropdown-menu>.ulmenu>li>a:focus, .dropdown-menu>.ulmenu>li>a:hover {
	color: #333333;
	background-color: transparent;
}

}

.topmenutitle{font-size: 16px;
    font-weight: bold; padding-bottom:10px; text-align:center; }
.navbar-nav li a.topmenutitle{margin-top: 0px !important;}
.menu_inside a{  line-height:2; color:#6e6e6e !important;  }
.menu_inside a:hover{ color:#ff5722 !important;}
@media (max-width: 1159px) {
.navbar-collapse  {background: #f0f0f0;}
.ulmenu li,div.topmenutitle{ border-bottom:1px solid #666666;}
.menu_inside li{border-bottom:0px;}
.navbar-nav li a.topmenutitle {
       line-height: 2;
}
.menu_inside a:hover{ background-color:#ff5722!important; color:#fff !important;}
.navbar-nav .menu_inside a{margin-top:0px!important;}

}

/*------------------------------*/
/*     $Sidebar & breadcrumbs
--------------------------------*/
.carousel-control.right {

    background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,.0) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,.0000) 0, rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0000)), to(rgba(0,0,0,.0)));
    background-image: linear-gradient(to right, rgba(0,0,0,.0000) 0, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff', endColorstr='#ffff', GradientType=1);

}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,.0) 0, rgba(0,0,0,.0000) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0)), to(rgba(0,0,0,.0000)));
    background-image: linear-gradient(to right, rgba(0,0,0,.0) 0, rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ffff', GradientType=1);

}
/* 側邊導覽列標題樣式 */
ol.breadcrumb,#LinkContainer,ul.breadcrumb,.nav_cate_current,.categoriesbar,.aside-title,.newsbar{
	color: #595757;
    padding: 0px;
    margin-bottom: 0px;
}

/* 商品頁的商品名稱 */
.features-box > .view >.mask > h2, .features-box > a > h4 {
	font-size: 16px;
	color: #595757;
	margin-top: 10px;
	font-weight:600;
	display: inline-block;
	margin-bottom:0px;
}

/*側邊樓層往下按鈕*/
 @media (min-width: 767px) {
.category_menu h4{display:none;}	}
.fa-angle-down {
	float: right;
}
span.fa.fa-angle-down {
	display: none;
	float: right;
	color: #000;
	font-size: 20px;
	margin: 0px 18px 0 0px;
}
 @media screen and (max-width: 767px) {
.floor_list ul {
 display: none;
}
span.fa.fa-angle-down {
 display: block;
}
.menu_list {
 margin-bottom: 10px;
}
}
.category_menu h4{margin-bottom: 30px;}
/*------------------------------*/
/*    $Productlist
--------------------------------*/
/* 商品項目圓角 */
.li-item {border-radius: 4px;}

/*------------------------------*/
/*    $Product
--------------------------------*/
/* 產品二十圖預設標題樣式 */
.brinfo{display: none;}
/*------------------------------*/
/*     $Newslist
--------------------------------*/
.news_sort{ display:none;}
/* 避免浮動圖片超出 */
.newslist {
	background-color: #fff;
	transition: all 0.4s ease;
}
/*.newslist:hover,.newslist:focus
{box-shadow: 4px 4px 10px #999;}
*/
@media screen and (max-width: 767px) {
.news_imgBox-inner {
	float: none;
	width: 100%;
	padding-top: 0;
}
.news_imgBox-fit {
	position: relative;
}
}
.NEWS_type {
	clear: both;
	overflow: hidden;
}
.NEWS_type li {
	float: left;
	width: 150px;
}
.badge {
	background-color: #f16522;
}
.news-wrapper .text-center {
	clear: both;
}
.news_title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-height: 26px;
}
.news_author {
	display: none;
}
.newslist .caption {
	overflow: hidden;
}
.news_info {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	min-height:46px;
}
.news-wrapper .row{ margin:0px;}
/*------------------------------*/
/*       $EditModeLayout
--------------------------------*/
.Pro_content,.Pro_content2{margin-bottom: 24px;}
.Pro_content ol,
.Pro_content ul,
.Pro_content2 ol,
.Pro_content2 ul{
    font-size: 16px;
    line-height: 2;
}
.GoodsDescrBody2 .alltext, .alltext {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: 0px;
}

/*------------------------------*/
/*          $translate
--------------------------------*/
.pic {
	float: none;
}
.pic img {
	width: 100%;
}
h3, h4 {
	margin-top: 8px;
	margin-bottom: 8px;
}
.B_hot_3 p {
	margin-bottom: 5px;
}
.B_hot_3 .mask, .B_hot_3 .btn,.clickCtyName,#myTab,.popular_products .thumbnail-list .btn{
	display: none;
}
.popular_products  .thumbnail-list li{    padding: 0px 1% 1% 1%;}
.li-item {
	border: 0px;
	padding: 5px;
	background: transparent;
}
.popular_products  .thumbnail-list li .li-item {padding: 0px ;}
.li-item:hover {
	border: 0px;
	background-color:transparent;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0);
	box-shadow: 0 0 5px rgba(0,0,0,0);
}
#readbox .page-header, #teacherbox .page-header, .aboutbox .page-header {
	padding: 0px;
}
.panel-body .normal-price,.boxpadding .normal-price,.normal-price-s{
	font-size: 16px;
	color: #595757;
	font-family: Arial, Helvetica, sans-serif;
}
.product-price {
	margin-bottom: 30px;
}
a, a:hover {
	text-decoration: none;
	color: #595757;
}
.pro_txt_box {
	text-align: left;
}
.pro_title, .hot_prod_title {
    font-size: 18px;
	font-weight: 600;

    line-height: 1.8;
}
.pro_text, .hot_prod_intro,.prd_info {
	font-size: 15px;
	color: #7d7d7d;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.6;
}
.swiper-container {
	width: 100% !important;
	height: 100%;
}
.swiper-container img {
	width: 100% !important;
}
.pro_main, .pro_sale, .card-category,.news_author {
	display: none;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: transparent;
	/* 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;
}
.boxpadding{ padding:60px 0;}

.B_hot_3 {
	padding-bottom:20px;
	background-color: #fafafa;
	box-shadow: inset 0 0.3rem 0.6rem rgba(0,0,0,.05);
}

.adbox {
	padding: 50px 0;
	background-color: #f3f3f3;
}
.aboutbox  img{ width:100%;}

#teacherbox {

	background-color: #f6f7f5;
	border-top: 1px solid #c7c7c5;
}
#teacherbox .container, #readbox .container{ position:relative;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{    background-image:url(../../images/arrow_right.png) !important;
  right: -30px ;}
 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:url(../../images/arrow_left.png) !important;
  left: -30px ;}
 .swiper-button-next, .swiper-button-prev{width: 30px;
    height: 35px;background-size: unset;outline:none;}
@media (min-width: 1200px) and (max-width: 1250px){
	
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 20px ;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:20px;}
	}
@media (max-width: 1048px){	
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 20px ;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:20px;}
}
#readbox {
	background:url(../../images/hotbg.jpg)#fafafa center top;

}
.carousel-control{ z-index:998;}

.carousel{ position:relative;}
.carousel h2{ position:absolute;
    bottom: 75px;
    color:#fff; 
	width:500px;
    text-align: left;
	line-height:1.6;
	font-size:36px; font-weight:600;
	background:rgba(24,20,13,0.65);
	padding:35px 40px;
	left:6%;
	letter-spacing:1px;
}
.carousel h2 p{ font-size:23px;font-weight:500;}
.carousel h2 b{ font-size:25px; }
@media (max-width:800px){.carousel h2{    bottom: 10px;width: 360px; font-size: 26px;padding: 20px 30px;left:3%;}
.carousel h2 p{ font-size:16px;}
.carousel h2 b{ font-size:18px; }
}
.carousel-indicators {
    bottom: 90px;
    width: auto;
    left: auto;
    right: 30px;
    margin-left: 0px;
}
@media (max-width:414px){.carousel-indicators { display:none;}}

.carousel-indicators li {
    display: block;
    background: #fff;
    border: 0px ;
    margin: 10px 0 !important;
}
.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 0;
    background-color: #f16522;
}
/*----------------release-------------------------*/
.release {
	padding: 70px 0;
}
.release .swiper-button-next,.release .swiper-button-prev{top: 30%;}
@media(max-width: 500px) {
.release {
	padding: 45px 0 70px 0;
}}
#rwdnews_list .swiper-slide {
	background: #fff;
}
#rwdnews_list .newscontent {
	text-align:left;
	padding-top:10px;
}
.newscontent h4 a {
	width: 100%;
	font-size: 21px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 50px;
	line-height: 1.6;
	
}
.newscontent h4{margin-top:0px;}
.rwdnewsli .pic img {
	width: 100%;
	max-width: 100%;
}
.newscontent p {
	width: 100%;
	font-size: 16px;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-height: 66px;
	min-height: 66px;
	text-align: justify;
	margin-bottom: 0px;
}

/*----------------首頁aboutbox---------------------*/
.aboutbox{
background:url(../../images/abbg.jpg)#e9f7ff  no-repeat center top;
    padding: 45px 0;}
.abouttext { letter-spacing:0.5px;    padding-top: 60px;}
.abouttext h3{margin-bottom:10px; font-weight:600;}
.abouttext h4{  font-size:17px; color:#f16522 ; }
@media (max-width:767px){.abouttext h4{  margin-top:20px;}}
.abouttext p{ font-size:17px; line-height:2;text-align:justify;}
.abouttext small{ font-size:95%; }
.aboutbox .more{float: right;}

/*-------統一標題------------*/


.topbanner {
	position:relative;
	min-height: 200px;
	overflow:hidden;
	text-align: center;
	background: url(/hipershop/rwd1842/store/F1/topbanner01.jpg)#595757 fixed top center;
}
.topbanner img{    max-width: 100%;    margin-top: 15px;}
@media (max-width:767px){.topbanner img{ margin-top:30px;}}

.page-title,.page-title1 {
	position: absolute;
	text-align: center;
	top: 80px;
	width: 100%;
	font-size: 26px;
	text-shadow: 0 0 15px rgba(0,0,0,.8);
	z-index: 10;
	color: #fff;
	letter-spacing:2px;
}
@media (max-width: 1160px) {
.page-title,.page-title1 {
	top:30%;
	font-size: 24px;
}
.topbanner {
	min-height: 160px;
}

}
.pro-txt{ position: relative;background: #f9f9f9;
    color: #595757;   padding: 10px 0px; font-size: 15px; overflow: hidden;}
.pro-txt .breadcrumb{background: #f9f9f9;}
.pro-txt a{    font-size: 15px;
    color: #202020;}
.pro-txt .icon{padding: 0 5px;
    color: #ccc;}
a.home{color: #8aa1ac !important;}
.demo_text{padding: 2% 2% 1% 2%;}
/*-------------會員登入----------------*/
.memberbox{ text-align:center;}
.memberbox a{ display:inline-block !important;}
.memberbox a:nth-child(1){ padding:15px 0px 15px 15px ;}
@media (max-width: 1160px) {.memberbox a:nth-child(1){ padding:15px 0px ;}}
.memberbox a:nth-child(2){ padding:15px 15px 15px 0px ;}
.MEM_NAV {margin: 0px 0 15px;}
.member-wrapper a {
	color: #595757;
}
.buyMemo a{color:#ff5722 !important;}
.member-wrapper a:focus, .member-wrapper a:hover, .CHANNEL:hover,.buyMemo a:hover {
	background: #d2d9dd;
	color: #595757;
}
h2.MEM_TITLE,h2.MEM_TITLE2 {
	border-bottom: 2px solid #d2d9dd;
}
.COMPLETE_BOX {
	border-radius: 5px;
	background: #f4f4f4!important;
	border: 1px solid #dcdcdc!important;
}
.btn-success,.btn-primary {
	background-color: #4c4c4c;
	border-color: #4c4c4c
}
.btn-success.focus, .btn-success:focus,.btn-success:hover,.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success,.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover,.btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-info.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	background-color: #949da2;
	border-color: #949da2;
}
.COMPLETE_BOX .btn{ font-size:17px;}

/*-----------------coursebox------------------*/
.coursebox {
	background-color: #fafafa;
	box-shadow: inset 0 0.3rem 0.6rem rgba(0,0,0,.05);
	padding-bottom:70px;
	padding-top:30px;
}
.coursebox img {
	width: 100%;
}
h2.coursetitle{ text-align:center;margin-bottom: 40px;}

/*---------------關於我們--------------*/
.topbanner1{
	font-size: 17px;
    background: url(../../images/abouttopbg.jpg)#f1eae9 fixed bottom center;
    background-size: cover;
    min-height: 685px;
    padding: 150px 0 70px 0;
    text-align: center;
    line-height: 1.8;
	}
.topbanner1 img{ max-width:100%}
#page{    position: relative; overflow:hidden;}
.ProfileBody{padding: 30px; text-align:justify; letter-spacing: 1px;
    line-height: 1.6;}
.TXTBG {
	background: rgba(255, 255, 255, 0.7);
	margin-top: 5%;
	margin-bottom: 160px;
}
video#v_bg {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
}
.topbanner-about{ min-height:200px; position:relative;}
/*--------------產品內頁-----------------*/
#pd_name{     font-size: 25px;
    font-weight: bold;
    color: #000;}
.normal-price{font-size:28px;color:#ff5722; font-family:Arial, Helvetica, sans-serif;}
#QtyName{ display:none;}
.prod_attrib .btn-danger {
    color: #fff;
    background-color: #ff5722;
    border-color: #ff5722;
}
.product-wrapper{font-size: 17px;
    line-height: 2; text-align:justify;}
/*.coursetitle{ font-weight:600; margin-left:-15px;}*/
.product-wrapper ul{  list-style-type:decimal!important;}
.courseshadow{
	min-height:250px;
	line-height:1.8;
	font-size: 15px;
	text-align:left;
	overflow: hidden;
	    padding: 15px 15px 15px 30px;
	box-shadow: 1px 1px 5px 1px #ccc;
-webkit-box-shadow: 1px 1px 5px 1px #ccc;
-moz-box-shadow: 1px 1px 5px 1px #ccc;
-o-box-shadow: 1px 1px 5px 1px #ccc;
margin-bottom:15px;
}
.coursefourbox{padding: 45px 0 30px 0;
    overflow: hidden;}
.coursemargin{ margin-top:30px;}
.marginbottom15{ margin-bottom:15px;}
.pd_descr{    margin-top: -30px;
    display: block;}
.product-wrapper img{ max-width:100% !important;
width:100% !important;}
/*------------------關連商品---cut-price--------------*/
.panel-body{  padding:0px !important;}
.panel-body figcaption,.panel-body  .btn-danger{ display:none;}
.panel-body .product-price{margin:0px;}

/*---------------購物車-----------------*/
.MYCART_TITLE{ display:none;}

/*--------------------*/
/*.TP,.SHIP,.SUB{    color: #ff5722 !important;}*/
/*.btn-danger {
    color: #fff;
    background-color: #467c74;
    border-color: #467c74;
}
.btn-danger:hover {
    color: #fff;
    background-color: #39655e !important;
    border-color: #39655e;}
.GOBTN input{height: 45px !important;}
.shopinfo{ color:#ff5722 !important;}*/
.hot_prod_title br{ display:none !important;}
.NP-Buttons{margin-bottom: 30px;}
.coursebox .page-header{margin: 40px 0 20px;}
.buyMemo{ text-align:center;clear: both;
    padding-top: 15px;
    font-size: 18px;}
/*.buyMemo span{color:#ff5722; font-weight:bold;}*/
/*------contactbox------*/
.contactbox{ text-align:center; padding:80px 0 60px 0;}
.circlebox {
  display: flex;              /* 使用 flexbox */
  align-items: center;        /* 垂直置中 */
  justify-content: center;    /* 水平置中 */
  width: 200px;               /* 圓形大小 */
  height: 200px;
  background-color: #ff5722;  /* 橘色背景 */
  border-radius: 50%;         /* 圓形 */
  margin: 20px auto;             /* 讓整個圓形區塊置中 */
}

.circlebox img {

  height: auto;
}
.phonebox{background-color:#ff5722; }
.phonebox:hover{ background-color:rgb(244, 168, 118) ; }
.fbbox{background-color:#ff5722; }
.fbbox:hover{ background-color:rgb(244, 168, 118) ; }
.linebox{background-color:#ff5722; }
.linebox:hover{ background-color:rgb(244, 168, 118) ; }
.shopbox{background-color:#ff5722; }
.shopbox:hover{ background-color:rgb(244, 168, 118) ; }
.mapbox{ padding: 60px 0 80px 0;}
.mapbox img{ width:250px;}
footer .circlebox{  width:70px; height:70px;   text-align: center; }
footer .circlebox img { width:40px}
.contactbox  span.arrwrod{ background: #ff5722;
    color: #fff;
    padding: 10px 10%;
    border-radius: 50px;
    font-size: 20px;}
@media (max-width:490px){
 .contactbox span.arrwrod{padding: 10px 5%;}	
}
.contactbox  .bottom20{ margin-bottom:20px;}
.contactbox .page-header p{    margin-bottom: 50px;}
.contactbox .page-header h2{margin-bottom: 35px;}
/*-------------productbox------------------*/
.productbox {  padding:80px 0 60px 0;text-align:center;}
.productbox h3{ text-align:center; color:#fff;}
.productbox h3 span{  padding:1% 3%; background:#fc6a91;font-size: 21px;color: #fff;}
.productbox p{color:#595757; padding:0 5%; line-height:1.8; margin:30px 0 50px 0; text-align:left; }
.productbox img{ max-width:100%; }
/*-------------------*/
.cart_list table{ margin:auto;}
.cart_list table a.btn{ color:#fff;}
.cart_list table a.btn:hover{ background-color: #d43f3a;}
/*---------------footer-----------------*/
footer ul.footerdata li{ float:left; clear:both; line-height:1.6;}
footer ul li i{ width:20px; text-align: center; margin-right:10px;}
 footer{     padding: 50px 20px;    }
 .footerbox { text-align:center; font-size:14px;}
 .footerbox li{ float:left;}
 .footerbox li a{ display:block;padding:0 10px;}
 .footerbox ul{float: right;}
 @media (max-width:671px){ .footerbox ul{float: none; margin-top:20px;}}
 @media (max-width:450px){ footer .circlebox {
    width: 55px;
    height: 55px;
    padding-top: 6px;}}




/* button__14 --------------------------------------*/
.button__14 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 0.8rem 2.4rem;
  border-radius: 10rem;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  transition: all 0.3s;
  color: #ff5722;
  position: relative;
  z-index: 2;
  height: 55px;
  width: 160px;
  line-height: 3.8rem;
  overflow: hidden;
  border: 1px solid #ff5722;
}
.button__14::after {
  content: "";
  position: absolute;
  background-color: #ff5722;
  opacity: 0.3;
  top: -5px;
  left: 0;
  width: 50px;
  height: 120%;
  z-index: -1;
  transform: skewX(-10deg);
  transition: all 0.3s ease-in-out;
  animation: flashPast__moving 1s linear infinite;
}
.button__14:hover {
  text-decoration: none;
  color: #fff;
}
.button__14:hover::after {
  text-decoration: none;
  animation: none;
  transform: skew(0);
  width: 100%;
  opacity: 1;
  background-color: #ff5722;
}

@keyframes flashPast__moving {
  0% {
    left: -120px;
  }
  100% {
    left: 100%;
  }
}