/*@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansTC-Thin.woff2) format('woff2'),
       url(../fonts/NotoSansTC-Thin.woff) format('woff'),
       url(../fonts/NotoSansTC-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansTC-Light.woff2) format('woff2'),
       url(../fonts/NotoSansTC-Light.woff) format('woff'),
       url(../fonts/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansTC-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansTC-Regular.woff) format('woff'),
        url(../fonts/NotoSansTC-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansTC-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansTC-Medium.woff) format('woff'),
        url(../fonts/NotoSansTC-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansTC-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansTC-Bold.woff) format('woff'),
        url(../fonts/NotoSansTC-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSansTC-Black.woff2) format('woff2'),
        url(../fonts/NotoSansTC-Black.woff) format('woff'),
        url(../fonts/NotoSansTC-Black.otf) format('opentype');
 }

body { font-family:'Noto Sans TC',sans-serif;color: #5e5a54;
    overflow-x:hidden;
}*/

body { 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    color: #5e5a54;
    overflow-x:hidden;
    margin:0;
}

h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 18px;}
h6{font-size: 16px;}

p{margin: 12px 0;font-size: 16px;}

a:hover,a:active{
    color: #00579F !important;
    text-decoration: none;
}

.clear{clear: both;}

.textCenter{text-align: center;}

.TopBar{
	width: 100%;
	padding: 10px 0;
	text-align: right;
	color: #999;
}

.fl{left: left;}
.fr{float: right;}

.TopBar img{width: auto;height:30px;margin-left: 2px;}
.TopBar a{color: #999;}

img.headerlogo{
	max-width: 100%;
	max-height: 35px;
}

header{
    width: 100%;
    background-color: #fff;
    margin: 20px 0 10px 0;
}

.headerFixed{
    position: fixed !important;
    top: 0;
    min-height: 62px;
    z-index: 100;
    margin:0 0 0 0;
    padding: 20px 0 10px 0 ;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.15);
    box-shadow: 0 10px 20px rgba(0,0,0,.15);
}

header ul.sub-menu{z-index: 10;}
#menu .menu__container > li > a {
	font-size: 16px;
    padding: 8px 12px 20px 12px;
    font-weight: bold
}

.en #menu .menu__container > li > a{
    font-size: 16px;
    letter-spacing: 0.2px;
    padding: 8px 8px 20px 8px;
}

.NavHeader{position: relative;display: flex;margin-bottom: -8px;}

nav.menu{margin:0 auto;}

.top-search-btn3{cursor: pointer;}

/*mobile header*/
.mobileHeader{
    position: fixed;
    top: 0;
    display: none;
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 15px 0;
    z-index: 200;
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.15);
    box-shadow: 0 10px 20px rgba(0,0,0,.15);
}

.mobileLogoImg img{width: auto;height: 30px;}

.OpenMenuBtn{
    position: absolute;
    left: 15px;    
    top: 10px;
    font-size: 30px;
}

.OpenMenuBtn button{display: block !important;}


.btn-wrap{
	position: absolute;right: 0;top:-20px;
    z-index: 2;
}

.top-search-btn-wrap{
    display: table;
    background: #e6e6e6;
    padding-top: 30px;
    padding-bottom: 18px;
    padding-right: 20px;
    float: right;
    border-left: 1px solid #eee;
    margin-left: 0;
    padding-left: 20px;
}

.top-search-btn3:before {
    content: "\f4a5";
    font-family: Ionicons;
    font-size: 24px;
    line-height: 24px;
    font-weight: 900;
    color: #00579f;
}

.fullBottomBordeer{width: 100%;;
	border-bottom:1px solid #eee;
}

.searchbar input,footer input[type="text"]{font-family:'Noto Sans TC',sans-serif;color: #5e5a54;}

/*slider*/
.HomeSlider{margin-bottom: 80px;}
.HomeSlider .carousel-indicators{
	bottom: -60px;
}

.HomeSlider .carousel-control,.familySlider .carousel-control{width: auto;}

.HomeSlider .carousel-control:focus,.carousel-control,.familySlider .carousel-control:focus{
    color:#000;
    text-decoration:none;
    filter:alpha(opacity=90);
    outline:0;
    opacity:1;
    background-image:none !important;
}

.HomeSlider .carousel-control:focus,.carousel-control:hover,.familySlider .carousel-control:focus{
	color: #00579f;
}

.HomeSlider .carousel-control .glyphicon-chevron-right,.familySlider .carousel-control .glyphicon-chevron-right{
    margin-right: auto;
}
.HomeSlider .carousel-control .glyphicon-chevron-left,.familySlider .carousel-control .glyphicon-chevron-left{
        margin-left:auto;
}

.carousel-control.left{
	position: absolute;
	left: 40px;top: 50%;
	transform: translate(0,-50%);
}

.carousel-control.right{
	position: absolute;
	right: 40px;top: 50%;
	transform: translate(0,-50%);
}


.HomeSlider .carousel-control,.familySlider .carousel-control{
	font-size: 40px;
	height: auto;line-height: 1;
}

.HomeSlider .carousel-indicators li,.familySlider .carousel-indicators li {margin: 0 1px;}

.carousel-control{bottom: auto}

.DesktopShow{display: block;}
img.slideMobileShow{display: none;}

.section{width: 100%;position: relative;height: auto;padding:20px 0 50px 0;}
.section h1{
    color: #00579f;margin:0 0 40px 0;padding: 0 15px;
    font-size: 30px;
}

.familySlider{position: relative;min-height: 540px;}

.familySlider .carousel-control{
    position: absolute;
    top: 40%;
    transform: translate(0,-40%);
    background-color: #00579f;
    color: #fff !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 20px;
    line-height: 40px;
    border-radius: 50%;
}

.familySlider .carousel-indicators{display: none;}

.familyFixedBG{
    width: 100%;
    position: absolute;top: 0;
    left: 0;
}

.familyFixedBG img{width: 100% !important;height: auto;}

.familyFixedImg{
    position: absolute;    
    top: 0;
    left: 0;
}

.familyFixedImg{width: 100%;height: auto;}

/*family*/

.familyFullImg{width: 100%;height: auto;margin:40px 0;}
.familyFullImg img{width: 100%;height: auto;}

.familContent{width: 100%;margin:30px 0;}

.familContent h2{text-align: center;font-size: 24px;color: #000;margin-bottom: 60px;}

.TigerGrid{width: 50%;float: left;display: table;margin-bottom: 20px;}

.TigerGrid-Img{min-width: 110px;}
.TigerGrid-Img img{
    max-width: 100%;
    height: auto;
}

.TigerGrid-Img,.TigerContent{display: table-cell;vertical-align: top;}

.TigerContent{
    position: relative;
    padding: 10px 20px;
    color: #000;
}

.TigerContent h4{margin-bottom: 15px;font-size: 20px;}
.TigerContent p{font-size: 16px;}

/*creator*/
.creatorIntroduce{width: 100%;
    padding: 15px;
    background-color: #e6e6e6 ;
}

.creatorIntroduce h2{font-size: 24px;margin:30px 0;}

.Creator{width: 100%;display: table;}
.CreatorImg,.CreatorData{display: table-cell;vertical-align: top;}

.CreatorImg{min-width:255px; }

.CreatorData{padding-left: 15px;color: #000;}
.CreatorData h3{margin-bottom: 20px;font-size: 20px;}
.CreatorData p{font-size: 16px;color: #5e5a54;}


/*Product Slider*/

.ProductItem,.ProductItemNoBorder{
    position: relative;
    float: left;
    padding: 0 15px;
    margin-bottom: 20px;
    text-align: center;
}

.ProductItemImg {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 4px solid #f1eeea;
    margin-bottom: 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.ProductItemNoBorder .ProductItemImg{border:0;}

.ProductItem a{text-decoration: none;}

.ProductItem a:hover  .ProductItemImg{
    border: 4px solid #00579f;
}

/*.ProductItem a:hover  .ProductItemImg img{
    border: 3px solid #00579f;
    -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
*/
.ProductItemImg img{
    max-width: 100%;    
/*    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;*/
}


h4.GirdTitle{
    text-align: center;
    line-height: 1.5;
    color: #5e5a54;
    height: 60px;
    overflow: hidden;
}

.width-20{width: 20%;}
.width-33{width: 33.33%;margin-bottom: 60px;}


.slick-prev:before{content: "\f124";}
.slick-next:before{content: "\f125";}

.slick-prev:before,.slick-next:before {
    font-size: 30px;    
    font-family: Ionicons;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #d2d2d2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.slick-prev:hover:before,.slick-next:hover:before{color: #696969;} 

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 40%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -40%);
    -ms-transform: translate(0, -40%);
    transform: translate(0, -40%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.smallSlider{display: none;}
.smallSlider img{width: 100%;}

.footer{
    padding-top: 50px;
    padding-bottom: 43px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    background-color: #E6E6E6;
    color: #5E5A54;
}

.footer h3.widget-title{
    font-weight: bold;
    color: #00579F !important;
    margin-bottom: 45px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .05em;
}

.footer input[type="submit"]{
    background-color: #00579F;
    border:#00579F;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    min-height: 40px;
    margin-bottom: 20px;
    border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}

.footaddress{margin-top: 30px;}

/*scroll to top*/
.scrollToTop img{
    width: 35px;height: 35px;
    background-color: transparent;
}
.scrollToTop{
    padding:0; 
    background-color: transparent;
    text-align:center; 
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
}
.scrollToTop:hover{
    text-decoration:none;
}

/*pathlocation*/
.PathLocation{
    width: 100%;
    padding: 15px;
    font-size: 14px;
    margin-bottom: 20px;
    display: block;float: left;
}
.PathLocation a{display: inline-block;}
.PathLocation span{display: inline-block;}
.PathLocation span.pathOR{margin:0 15px;}
.PathLocation span.active{color: #00579F;}

/*product grid container*/
.ProductGrid-Container,.subpage-Container{
    width: 100%;float: left;
    margin-bottom: 40px;
}

/*pages*/
.PagesContainer{
   width: 100%;
   margin:20px 0 50px 0;
   text-align: center; 
}

.PagesContainer a{
    display: inline-block;
    width: 40px;height: 40px;
    line-height: 40px;
    text-align: center;
    color: #888;
    border:1px solid #f1eeea;
    border-radius: 3px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.PagesContainer a.active,.PagesContainer a:hover{
    background-color: #00579F;
    border:1px solid #00579F;
    color: #fff !important;
}

/*news*/
.newsItem {
    float: left;
    padding: 0 15px;
    margin-bottom: 60px;
    text-align: center;
}

/*.newsItem p{
    font-size: 16px;
    max-height: 48px;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
    
}*/

.ImgA5{
    position: relative;
    width: 100%;
    padding-top: 70.48%;
    margin-bottom: 20px;
}

.ImgA5 img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
    position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.GridImg{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.GridImg img{
    max-height: 250px;
    max-width: 100%;
    height: auto;
}


.equalHMR h4{line-height: 1.4;}
.equalHMR a{text-decoration: none;}
.equalHMR a:hover h4{color: #00579F !important;}


.eqWrap {
  display: flex;
}

.equalHMRWrap {
  justify-content: flex-start; 
  flex-wrap: wrap;
}

.equalHMR {
  width: 31%;
  text-align: center;
  margin-bottom: 60px;
  margin-left: 2%;
}




/*product details*/
.Prodct-Details{width: 100%;
    margin-bottom: 50px;
}
.DetailsImg-lg{
    width: 50%;
    float: left;padding: 0 15px;
}

.DetailsImg-lg img{
    border:3px solid #f1eeea;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.DetailsImg-lg img:hover{border:3px solid #00579F;}

/*product slider*/
ul{
    list-style: none outside none;
    padding-left: 0;
     margin: 0;
}
.lightslider .item{
    margin-bottom: 30px;
}
.lightslider{
    width: 100%;
}

.lSSlideOuter .lSPager.lSGallery img{
    width: 130px;
    height: 130px;
    object-fit:contain;
}

/*end of product slider*/


.DetailsIntro{float: left;width: 50%;
    padding: 0 15px;
}

.DetailsIntro h1{
    font-weight: bold;
    color: #5e5a54;
    font-size: 34px;
    margin-bottom: 10px;
    letter-spacing: -1px;
}

.DetailsIntro .category{
    font-size: 16px;font-weight: bold;margin-top: 10px;
    width: 100%;
}


.DetailsIntro table{
    width: 100%;
    font-size: 16px;
    border-collapse: collapse;
}

.DetailsIntro th{font-weight: bold;line-height: 50px;}

.DetailsIntro td{
    border-bottom:1px solid #ddd;
    vertical-align: middle;
    padding: 10px 0;
}

.DetailsIntro td:first-child,.DetailsIntro td:nth-child(2){width: 135px;}

.DetailsIntro td:last-child{width: 49%;}

.DetailsIntro .colorBall{
    height: 30px;
    width: 30px;
    margin: 3px 5px 0 5px ;
    border-radius: 30px;
    display: inline-block;
}

.DetailsTags h5{font-size: 16px;font-weight: bold;}
.DetailsTags{width: 100%;
    margin-top: 50px;
}

.DetailsTags h6{font-weight: bold;}
.DetailsTags a.tag{
    display: inline-block;
    border: 1px solid #ccc;
    background: #e6e6e6;
    padding: 5px 10px;
    line-height: 30px;
    margin: 10px 5px 5px 0;
}

.DetailsAction{width: 100%;
    margin:30px 0;
    padding: 0 15px;
}

.DetailsAction a{margin-right: 10px;}

.DetailsAction a.bluebtn{
    background-color: #00579F;
    color: #fff;
    font-size: 20px;
    padding: 8px 20px 12px 20px;
    text-decoration: none;
    border-radius: 5px;
}
.DetailsAction a.bluebtn:hover{
    background-color: #0070bc;
    color: #fff !important;
}
.DetailsAction a.greybtn{
    background-color: #e3e3e3;
    color: #00579F;
    font-size: 20px;
    padding: 8px 20px 12px 20px;
    text-decoration: none;
    border:1px solid #cdcdcd;
    border-radius: 5px;
}
.DetailsAction a.greybtn:hover{
    background-color: #ebebeb;
}

.subPage{
    padding: 0 0 40px 0;
    width: 100%;
}

h2.PageHead{font-size: 24px;
    color: #00579F;
    padding: 0 15px;
}

.FAQContainer{
    width: 100%;
    margin: 0 0 60px 0;
    padding: 0 15px;
}


.Q-A{border-bottom: 1px solid #ddd;margin-bottom: 20px;padding: 10px 0;}
.Q-A .Question{cursor: pointer;}

/*product tabs*/

.ProductTabs{
    width: 100%;
    margin-top: 30px;
    padding: 0 15px;
}

.ProductTabs .nav-tabs{
    display: table;
    width: 100%;
    table-layout: fixed;
}

.ProductTabs .nav-tabs>li{
    float: none;
    display: table-cell;
    width: 100%;
}

.ProductTabs .nav-tabs>li > a{
    text-align: center;
}

.ProductTabs .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
    color:#fff !important;
    cursor:default;
    border:0;
    background-color: #00579F;
    border-bottom-color:transparent;
}

.ProductTabs .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border:0 ;
    padding: 15px 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
}

.ProductTabs .tab-pane{
    padding: 30px 0;
}


/*spec table*/
.specTable{
    color: #5e5a54;
    font-size: 16px;
    width: 100%;
}

.specTable tr th{
    padding: 20px 0;
    text-align: center;
    background-color: #e2e2e2;
}

.specTable tr td{
    padding: 20px;
    text-align: center;
    border:1px solid #e2e2e2;
}

.specTable tr td:first-child{text-align: left;}
.specTable tr:nth-child(odd){background-color: #e2e2e2;}

.font14{font-size: 14px !important;}


/*Product video*/

.videoContainer 
{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.videoContainer iframe,.videoContainer video 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.OtherVideo{
    width: 100%;
    margin: 20px 0;
    position: relative;
}

.OtherVideo button{
    border:0;
    background-color: transparent;
    padding: 0;
}

.OtherVideo img{width: auto;height: 50px !important;margin-right: 25px;}

.modal-content{padding: 10px;}
.popupvideo{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.popupvideo iframe,.popupvideo video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal-footer{background-color: #fff;color: #222;text-align: left;
padding: 10px 0 0 0;}

.VideoTitle{
    float: left;
    font-size: 16px;
    max-width: 500px;
}

.popupVideoOption{float: right;}

.popupVideoOption button{padding:0;margin:0;border:0;background-color: transparent;}
.popupVideoOption img{width: auto;height: 40px;margin-left: 5px;cursor: pointer;}


/*related products*/
.RelatedProducts{
    width: 100%;
    border-top: 1px solid #ddd;
    margin:  0;
}

.RelatedProducts h2{text-align: center;color: #392a25;font-size: 24px;
    margin:40px 0;
}





/*news details*/
.newsdetails{
    width: 100%;
    max-width: 825px;
    padding: 0 15px;
    margin:0 0 60px 0;
}

/*video*/
.VideoCate{
    margin:20px 0;
}
.VideoCate h4{padding: 0 15px;margin-bottom: 20px;}

.VideoGridImg{width: 25%;padding: 0 15px;float: left;margin-bottom: 30px;}
.VideoGridImg img{width: 100%;height: auto;cursor: pointer;}

/*HK Office*/
.Office h1,.maintenance h1,.brand-philosophy h1{color: #00579f;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.GoogleMap{width: 100%;padding: 0 15px;}
#map {height: 500px;width: 100%;}
.ContactDetials{
    padding: 0;
    margin: 10px 0;
    width: 100%;float: left;text-align: center;
}

.ContactData{
    width: 24%;
    display: inline-block;
    padding: 10px 15px;
    vertical-align: top;
}

.ContactData i{padding: 0;
    color: #00579f;
    font-size: 40px;
    margin:10px;
    line-height: 1;
}

.ContactData h3{color: #392a25;margin:10px 0;}
.ContactData p{line-height: 1.2;margin-bottom: 0;}

.blueBtn,.blueBtn:hover{border:1px solid #00579f;
    color: #fff !important;
    background-color: #00579f;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
}

.maintenance table{
    font-size: 16px;
    border-collapse: collapse;width: 100%;
    margin:15px 0;
}

.maintenance table td{
    padding: 5px 10px;
    border: 1px solid #ddd;
}


/*delegate Message*/
.delegateImg{width: 30%;float: left;padding: 0 15px;}
.delegateImg img{max-width: 100%;height: auto;}

.delegateMessage{float: left;width: 70%;padding: 0 15px;}

/*corporate-development*/
.corporate-development {width: 100%;padding: 0 15px;}
.corporate-development table{
    border-collapse: collapse;
    width: 100%;
}

.corporate-development table td{
    padding: 5px 10px;
    border:1px solid #ddd;
}

.brand-philosophy img{max-width: 100%;margin-bottom: 10px;}


/*store*/

.StoreBar{
    width: 30%;
    float: left;
    padding: 0 15px;
    margin-bottom: 25px;
}

.StoreBar select{
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border:1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
}

.StoreLocation{
    width: 70%;float: left;
    padding: 0 15px;
}
.LocationResult{
    height: 550px;
    overflow-y: scroll;
}
    

/* Overwrite the default to keep the scrollbar always visible */

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


.showLocation{width: 100%;padding: 15px 0;border-bottom: 1px solid #ddd;}
.showLocation:last-child{border:0;}


.showLocation h3{font-size: 18px;font-weight: normal;cursor: pointer;}

.StoreRegion{width: 100%;margin-bottom: 20px;}

.StoreRegion button{
    max-width: 150px;
    text-align: center;
    color: #00579f;
    background-color: #e6e6e6;
    padding: 15px 0;
    border:0;
    width: 33.33%;
    font-weight: normal;
    border-radius: 0;
    font-size: 15px;
    font-family:'Noto Sans TC',sans-serif;
    margin:0 -2px;
}

.StoreLocation button.active{
    background-color: #00579f;
    color: #fff;
}

#map { 
  border:0;
  height: 520px;
  width: 100%;
}

#map h5{margin: 5px 0;}

/*family slider*/
.familySlider img{width: 100%;height: auto;}

/*Terms*/

.termsContainer{
    width: 100%;
    padding: 0 15px;
}


.termsContainer ul{margin-bottom: 20px;margin-left: -15px;}

.ResultProduct{width: 100%;float: left;margin:30px 0 60px 0;}

.ResultImg img{width: 100%;height: auto;border:4px solid #f1eeea;}

h1.entry-title{
    font-size: 24px;
    margin-bottom: 20px;
    color: #392a25;
    position: relative;
}

h1.entry-title:before {
    content: '';
    width: 60px;
    height: 1px;
    background: #00579F;
    display: block;
    position: absolute;
    left: -70px;
    top: 15px;
}


.entry-content{
    font-size: 15px;
    color: #5e5a54;
    line-height: 1.6;
    margin-bottom: 20px;
}

.ResultProduct .col-lg-7{padding-top: 50px;}


/*EditorCSS*/
.EditorCSS h1,.EditorCSS h2,.EditorCSS h3,.EditorCSS h4,.EditorCSS h5,.EditorCSS h6{
    margin: 12px 0;
    color: #5e5a54;
    line-height: 1.6;
}

.EditorCSS h1{font-size: 36px;}
.EditorCSS h2{font-size: 30px;}
.EditorCSS h3{font-size: 24px;}
.EditorCSS h4{font-size: 20px;}
.EditorCSS h5{font-size: 18px;}
.EditorCSS h6{font-size: 16px;}

.EditorCSS p{margin: 12px 0;}
.EditorCSS img{margin: 12px 0;max-width: 100%;height: auto;}


/*youku video*/
.popupBoxVideo iframe{
    width: 100%;
    height: 350px;
    border:0;
}


/*popup*/

.youkuvideo iframe{
    width: 100%;
    height: 350px;
}

.popuppage {
    position: relative;
    z-index: 1;
}

.popup {
    opacity:0;
    visibility:hidden;
    transition:.3s ease;
}

.show-popup .popup {
    opacity:1;
    visibility: visible;    
    position: fixed;
    z-index:100;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
}

.popup > iframe {
    position:absolute;
    width: 800px;
    height: 450px;
    top:75px;
    left:50%;
    transform:translate(-50%,0);
}