@charset "utf-8";
/* CSS Document */
@font-face {font-family:"cinzelDeco"; src: url('../style/cinzeldecorative-regular-webfont.woff2') format('woff2'), url('../style/cinzeldecorative-regular-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:"cinzelReg"; src: url('../style/cinzel-regular-webfont.woff2') format('woff2'), url('../style/cinzel-regular-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@import url('https://fonts.googleapis.com/css?family=Arvo');
body {
    margin: 0px;
    font-family: Helvetica, Arial, '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    font-family: '微軟正黑體', 'Microsoft JhengHei', Helvetica, Arial, sans-serif\0/;
    color: #FFF;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    background: -webkit-linear-gradient(top, #a52812 0%, #f6c8c8 20%, #f3dfe0 100%);
    background: -moz-linear-gradient(top, #a52812 0%, #f6c8c8 20%, #f3dfe0 100%);
    background: -ms-linear-gradient(top, #a52812 0%, #f6c8c8 20%, #f3dfe0 100%);
    background: linear-gradient(top, #a52812 0%, #f6c8c8 20%, #f3dfe0 100%);
    background-repeat: repeat;
	overflow-x: hidden;
    
}
a {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #666666;
}
p {
    margin: 0;
}

.not_displayed {width:30px !important; padding: 30px; display: block; margin:0 auto;}

/* Tab Menu*/
#TabMenu {text-align: center;}
.Tab {display: inline-block; font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 12pt; color: #fff; margin: 10px 60px 10px 0px; cursor:pointer; padding: 10px;}
.Tab4 {margin-right:0px;}
.Tab.active {background: #fff; border-radius: 50px; color: #990B19; -webkit-box-shadow: 3px 3px 24px -1px rgba(164,153,144,1);
-moz-box-shadow: 3px 3px 24px -1px rgba(164,153,144,1);
box-shadow: 3px 3px 24px -1px rgba(164,153,144,1);}

@media only screen and (max-width: 760px) {
	.Tab {font-size: 10pt; margin-right: 30px;}
}

@media only screen and (max-width: 570px) {
	.Tab {font-size: 10pt; margin-right: 15px;}
}

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

@media only screen and (max-width: 450px) {
	.Tab {font-size: 12pt; display: inline-block; line-height: 1;}
	#TabMenu {width: 100%; position: relative; height: 65px; overflow-x: scroll; overflow-y: hidden;}
	.ScrollTab {width: 504px; height: 100%; display: block; -webkit-overflow-scrolling: touch; white-space: nowrap; margin-left: 20px; padding-right: 50px;}
	.WhiteGradient {content:""; display: block; position: absolute; right: 0; top: 0;     background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 80%); height: 55px; width: 42px; z-index: 9;}
}

/* GiftSection */
#GiftSection {position: relative; padding-bottom: 100px; overflow: hidden;}
.GiftBackgroundColor {background-color: #ece6db; height: 66%; position: absolute; width: 87%; right: 0; top:464px;}
.GiftLine {border-bottom: 1px solid #959595;width: 93%; left: 0; position: relative; position: absolute; top: 325px;}
.VerticalGiftLine { height: 36px; margin-top: 35px;left: 50%;position: absolute;}
.VerticalGiftLine.Type2 {margin-top:19px;}
.VerticalGiftLine.Type3 {margin-top:81px;}
.GiftTabIcon.active .VerticalGiftLine {border-left: 1px solid #959595;}
.GiftContainer {max-width: 1280px; height: auto; padding: 5px; margin: -50px auto 0px; display: flex; flex-wrap: wrap; line-height: 100%; position: relative;}
.GreenDots {display:inline-block; position: relative; visibility: hidden;}
.GreenDotsBottom {bottom: 0; position: absolute; right: 0; bottom: -80px;}
.ScrollDown {display:inline-block; position:absolute; left:calc(50% - 53px);}
.ArrowContainer {width: 100%;}
.ArrowLeft {display: inline-block; vertical-align: middle; cursor: pointer;}
.ArrowRight {scaleX(-1); transform: scaleX(-1); display: inline-block; vertical-align: middle; cursor: pointer;}

.GiftTabMobile {display:none;position: relative;z-index: 9;}
.drop-down {list-style: none;text-align: center; padding: 0; font-family: 'PT sans', sans-serif; font-weight: bold; margin-top: 27px;background-color: #3e2972; padding-bottom:30px;}
.GiftTabMobile ul li a {color:#fff; font-family: 'PT Sans', sans-serif; display: block;}
ul li {list-style: none;}
ul ul {display:none; padding: 0; line-height: 3.2; padding-top: 30px;}
.DropDownCate.active {color: #fff;font-family: 'PT Sans', sans-serif;font-weight: bold;text-align: center;margin-top: 11px;font-size: 18pt;}
.DropDownArrow img {width: 30px;}
.DropDownArrow {position: absolute; right: 0;top: 40%; padding-right: 30px;}

.GiftTab {color: #959595; font-family: 'PT Sans', sans-serif; width:100%; text-align: center;}
.GiftTab1 {top: 25px; position: relative;}
.GiftTabIcon {display: inline-block; padding: 0px 40px; max-width: 102px; vertical-align: top; cursor: pointer;position: relative;}
.GiftTabIcon.active {color: #e93a4c; font-weight: bold;}
.GiftTabIcon img {padding-bottom: 5px;}
.ProductContainer {text-align: center; margin-top: 80px;}
.ProductShot {background-color: #EBEBEB; height: 276px; width: 276px; margin: 3px; display: inline-block; position: relative; cursor: pointer; border: 1px solid rgb(58, 97, 91, 0.2);overflow: hidden;}
.ProductShot img {width: 100%;}
.ProductContainer a {color:#fff;}
.ProductShot:hover {-webkit-box-shadow: 4px 4px 24px -1px rgba(164,153,144,1); -moz-box-shadow: 4px 4px 24px -1px rgba(164,153,144,1); box-shadow: 4px 4px 24px -1px rgba(164,153,144,1); transition: box-shadow 0.6s ease-in-out;}
.RedCircle {height: auto; position: absolute; left: 27.5%; bottom: 0; bottom: -4px; left: calc(50% - 266px);}
.IndicatorContainer {bottom: -64px;position: relative;text-align: center;margin: 0 auto;}
.IndicatorDot {width: 10px; height: 10px; background-color: #fff; border-radius: 50px; display: inline-block; margin: 10px; vertical-align: middle}
.IndicatorDot.active {background-color:#3e2972;}
.DescrptContainer {text-align: left; font-family: 'Helvetica', 'Arial', '微軟正黑體', 'Microsoft JhengHei', sans-serif; font-weight: bold; position: absolute; border-left: 8px solid #e93a4c; padding-left: 8px; bottom: 3vh; font-size: 16px; line-height: 1.2; /*text-shadow: 2px 2px 3px #8c8c8c;*/ padding-right: 14px; background-color: rgba(62, 41, 114, 0.8); width: 70%;}
#colorbox {z-index:9999; outline:0px;}
#cboxOverlay {background-color: #000; top: 0;bottom: 0;right: 0; position: fixed;z-index: 9999; width: 100%; opacity:0.5 !important;}

@media only screen and (max-width: 1700px) {
	.GreenDots {padding-bottom: 60px;}
	.GreenDots.GreenDotsBottom {padding-bottom: 0px;}
	.GiftLine {top: 385px;}
}

@media only screen and (max-width: 1350px) {
	.GiftTabIcon {padding: 0px 30px;}
}

@media only screen and (max-width: 1170px) {
	.ProductShot {width: 23vw; height: 23vw;}
}

@media only screen and (max-width: 1150px) {
	.GiftTabIcon {padding: 0px 20px;}
}

@media only screen and (max-width: 1020px) {
	.GiftTabIcon {padding: 0px 20px;}
	.GiftTabIcon img {width: 50px; display: block; margin: 0 auto;}
	.GiftLine {top: 369px;}
	.VerticalGiftLine.Type3 {margin-top: 65px;}
	.GreenDotsBottom {bottom: 80px;}
}

@media only screen and (max-width: 980px) {
	.GiftContainer {width: 88%;}
	.ProductShot {width: 40vw; height: 40vw;}
	.ProductContainer {margin-top: 120px;}
	.GiftBackgroundColor {width: 100%; height: 85%; top: 18%;}
	.GiftTabIcon {padding: 0px 15px;}
	.GiftTabIcon img {width: 45px;}
	.GiftLine {top: 364px;}
	.VerticalGiftLine.Type3 {margin-top: 60px;}
}

@media only screen and (max-width: 820px) {
	.GiftTabIcon {padding: 0px 10px;}
	.GiftTabIcon img {width: 35px;}
	.GiftLine {top: 354px;}
	.VerticalGiftLine.Type3 {margin-top: 50px;}
	.GiftBackgroundColor {top:20%; height: 80%;}
}

@media only screen and (max-width: 768px) {
	.RedCircle {bottom: -40px;}
}

@media only screen and (max-width: 750px) {
	.GiftTabMobile {display:block;height: 71px;background-color: #3e2972;width: 80%; position: absolute; left: 10%;cursor:pointer;}
	.GiftTab {display:none;}
	.VerticalGiftLine {display: none;}
	.GiftLine {display: none;}
}

@media only screen and (max-width: 730px) {
	.GiftContainer {width: 100%;}
	.ProductShot {width: 45vw; height: 45vw;}
	#GiftSection {margin-top: 50px;}
	.GreenDotsBottom {bottom: 40px;}
}

@media only screen and (max-width: 550px) {
	.GiftContainer {width: 97%;}
	/*.ProductShot {width: 180px; height: 180px;}*/
}

@media only screen and (max-width: 420px) {
	.ProductShot {margin: 1px;}
	.DescrptContainer {font-size: 4vw;}
	.ProductShot {width: 90vw; height: 90vw; margin: 3px 0;}
}

/* Popup */
.PopupContainer {background-color: #fff; max-width: 1280px; margin: 0 auto; position: relative; top: 50%; transform: translate(0,-50%); overflow: hidden;}
.ProductShot_Large {width: 50%; display: inline-block; vertical-align: middle;}
.ProductShot_Large img {width: 100%;}
.ProductText {color: #000;font-family: 'PT Sans', sans-serif, '微軟正黑體'; padding-left: 30px; position: relative; display: inline-block; padding-right:60px; vertical-align: middle; box-sizing: border-box; width: 49%;vertical-align: middle;}
.BrandName {font-size:20px;}
.ProductName {font-size: 26px; line-height:1; font-weight:bold;margin-bottom: 30px;}
.ProductDetail {font-size: 16px; line-height:1.5;margin-bottom: 30px;}
.SuggestedPrice {font-size: 18px; line-height:1; margin-bottom: 10px;}
.PriceTag {font-size:24pt; font-weight: bold; line-height:1;}
.CloseButton {background-color: #e93a4c; width: 5vh; height: 5vh; max-height: 64px; max-width: 64px; border-radius: 50px; display: inline-block; position: absolute; right: 50px; top: 50px; cursor: pointer;}
.Close {display: inline-block; width: 50px; height: 50px;color: #fff;}
.CloseButton:hover {background-color: #01e2b1;}
.Close:before {content: ""; position: absolute; display: block; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 32px; height: 0; border-top: 1px solid #fff; transform: rotate(45deg); transform-origin: center;
}
.Close:after {content: ""; position: absolute; display: block; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 32px; height: 0; border-top: 1px solid #fff; transform: rotate(-45deg); transform-origin: center;}
#cboxLoadedContent {overflow: hidden !important;}
/*.arrow_R {cursor: pointer; right: 20px; position: absolute; transform: translate(0, 50%); top: 50%; z-index: 9;}
.arrow_L {cursor: pointer;left: 20px;position: absolute;transform: translate(0, 50%);top: 50%;z-index: 9;}
.arrow_L img {-webkit-transform: scaleX(-1); transform: scaleX(-1);}*/

@media only screen and (max-width: 980px) {
	.ProductText {display: block; text-align: center; margin: 0 auto; margin-top: 30px; width: 100%; padding: 0 0 40px 0;}
	.ProductName {font-size: 23px;}
	.ProductShot_Large {display: block; text-align: center; margin: 0 auto; width: 80%; max-width: 550px;}
	.PopupContainer {padding: 0 0 60px;}
	.CloseButton {right: auto; top: auto; bottom: 20px; left: calc(50% - 2.5vh);}
	#cboxOverlay {background-color: #fff; opacity:1 !important;}
	.PopupContainer {top: 0%; transform: translate(0,0);}
	#cboxLoadedContent {overflow: auto !important;}
}

@media only screen and (max-width: 750px) {
	.ProductShot_Large {width: 80%;max-width: none;}
	/*.arrow_R {transform: none; top: 20%; right: 0px;}
	.arrow_L {left: 0px; transform: none; top: 20%;}*/
}

/* Background Video */
.VideoContainer {
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color 300ms ease;
    width: 100%;
	overflow: hidden;
    box-shadow: 0px 40px 80px -8px rgba(131,8,3,0.5);
}
.VideoContainer video, .VideoContainer img{width:100%;}
.fade {
    background-color: rgba(0, 0, 0, .85) !important;
}

#logo {
    z-index: 1000;
    position: fixed;
    max-width: 924px;
	  width: 100%;
    height: auto;
    /*top: 30px;*/
    left: 50%;
    transform: translateX(-50%);
}
/*
#logo > img {
    display: block;
    float: left;
    max-width: 448px;
    width: 50%;
}
*/
#logo #logoContent{
	margin: 5px;
}

#logo #logoContent > img {
    display: block;
    margin: auto;
    max-width: 448px;
    width: 100%;
}

#stillCover {
    top: 0px;
    height: auto;
    perspective: 1000;
    position: fixed;
    z-index: -1;
    margin: auto;
    left: 50%;
    transform: translate(-50%, 0);
}
.stopfade {
    opacity: .5;
}

@media only screen and (min-width: 769px) {
    .visible-mobile,
    .visible-tablet,
    .hidden-desktop {
        display: none !important;
    }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
    .visible-mobile,
    .hidden-tablet,
    .visible-desktop {
        display: none !important;
    }
}
@media only screen and (max-width: 479px) {
    .hidden-mobile,
    .visible-tablet,
    .visible-desktop {
        display: none !important;
    }
}
/* COLOR PALETTE */

#Header #HdrContainer #Nav li.Fashion,
#Header #HdrContainer #Nav li.Fashion a,
#Container > div.BoxA div.TextBox p.Fashion,
#Container > div.BoxA div.TextBox p.Fashion a,
#Container > div.BoxB div.TextBox p.Fashion,
#Container > div.BoxB div.TextBox p.Fashion a {
    color: #fff;
    //color: #ed0777;
}
#Header #HdrContainer #Nav li.Beauty,
#Header #HdrContainer #Nav li.Beauty a,
#Container > div.BoxA div.TextBox p.Beauty,
#Container > div.BoxA div.TextBox p.Beauty a,
#Container > div.BoxB div.TextBox p.Beauty,
#Container > div.BoxB div.TextBox p.Beauty a {
    color: #fff;
    //color: #63299f;
}
#Header #HdrContainer #Nav li.Watch,
#Header #HdrContainer #Nav li.Watch a,
#Container > div.BoxA div.TextBox p.Watch,
#Container > div.BoxA div.TextBox p.Watch a,
#Container > div.BoxB div.TextBox p.Watch,
#Container > div.BoxB div.TextBox p.Watch a {
    color: #fff;
    //color: #1a84a3;
}
#Header #HdrContainer #Nav li.Art,
#Header #HdrContainer #Nav li.Art a,
#Container > div.BoxA div.TextBox p.Art,
#Container > div.BoxA div.TextBox p.Art a,
#Container > div.BoxB div.TextBox p.Art,
#Container > div.BoxB div.TextBox p.Art a {
    color: #fff;
    //color: #ff8a00;
}
#Header #HdrContainer #Nav li.Travel,
#Header #HdrContainer #Nav li.Travel a,
#Container > div.BoxA div.TextBox p.Travel,
#Container > div.BoxA div.TextBox p.Travel a,
#Container > div.BoxB div.TextBox p.Travel,
#Container > div.BoxB div.TextBox p.Travel a {
    color: #fff;
   //color: #178711;
}
/* HEADER */

#Header {
    width: 100%;
    min-width: 960px\9;
    /*height: 42px;*/
    /*background-color: rgba(255, 255, 255, 0.9);*/
    /*border-bottom: 1px solid #000000;*/
    z-index: 9998;
    /*-moz-box-shadow: 0px 4px 40px 0px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0px 4px 40px 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 4px 40px 0px rgba(255, 255, 255, 0.5);*/
    position: absolute;
    top: 0px;
    left: 0px;
    position: relative\9;
}
:root #Header {
    min-width: 100%;
    position: absolute;
    /*background-color: rgba(233, 58, 76, 0.5);*/
	background-image: linear-gradient(to right, rgba(167, 16, 34, 0.8) , rgba(65, 1, 6, 0.8));
}
#Header #HdrContainer {
    //max-width: 960px;
	max-width: 1280px;
    width: 1620px\9;
    position: relative;
    margin: auto;
    height: 52px;
}
:root #Header #HdrContainer {
    width: 98%;
    padding: 0 1%;
}
/*#Header #HdrContainer #Divalogo {
    width: 300px;
    height: 50px;
    margin: 2px;
    float: left;
    background-image: url("../images/xmas2019/logos_x2.png");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}*/
#HdrContainer > div {display: inline-block;padding-left: 10px; padding-top: 3px;}
.LogoBar {
	background-image: url("../images/xmas2020/logos_x2.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
.Lifestylelogo {
    background-position: 0px 3px;
    display: inline-block;
    width: 240px;
    height: 45px;
}
.Cross {
    background-position: -179px -19px;
    display: none;
    width: 20px;
    height: 24px;
    background-size: 1500%;
}
.Divalogo {
background-position: -162px 3px;
    display: none;
    width: 95px;
    height: 43px;
    background-size: 258%;
}
#Header #HdrContainer #Nav {
    list-style: none;
    margin: 0px;
    padding: 4px;
    display: block;
    float: right;
    //border-left: 1px solid #CCCCCC;
}
#Header #HdrContainer #Nav li {
    list-style: none;
    margin: 0px;
    padding: 0px 10px;
    display: inline-block;
    float: left;
    *display: inline;
    zoom: 1;
    height: 42px;
    font-size: 12px;
    font-weight: bold;
    word-spacing: -1px;
    line-height: 42px;
    //border-right: 1px solid #CCCCCC;
    cursor: pointer;
}
#Header #HdrContainer #Nav li a{
	font-family:"cinzelReg",Helvetica,Arial,'微軟正黑體','Microsoft JhengHei',sans-serif;
}
#Header #HdrContainer #Menu {
    width: 26px;
    height: 26px;
    padding: 8px;
    /*background-color: #4e78cd;*/
    background-image: url(../images/xmas2019/menu_x3.png);
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    display: none;
    cursor: pointer;
    z-index: 9999;
}
/* THEME */

ul.sharebar {
    list-style: none;
    padding: 0px;
    right: 420px;
    font-size: 0px;
    text-align: right;
	position: absolute;
	margin: 20px;
    /*width: calc(100% - 12px);margin: 6px;*/
}
ul.sharebar li {
    width: 40px;
    height: 40px;
    margin: 0px;
    padding: 6px 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    line-height: 62px;
}
ul.sharebar li.Like {
    width: auto;
    border: none;
}
ul.sharebar li.Like .fb-like {
    top: -12px;
}
ul.sharebar li.FB {
    background-image: url(../images/xmas2019/social_fb.png);
    cursor: pointer;
}
ul.sharebar li.FB:hover {
    background-image: url(../images/xmas2019/social_fb.png);
}
ul.sharebar li.Email {
    background-image: url(../images/xmas2019/social_email.png);
    cursor: pointer;
}
ul.sharebar li.Email:hover {
    background-image: url(../images/xmas2019/social_email.png);
}
ul.sharebar li.Whatsapp {
    background-image: url(../images/xmas2019/social_whatsapp.png);
    cursor: pointer;
    display: none;
}
ul.sharebar li.Whatsapp:hover {
    background-image: url(../images/xmas2019/social_whatsapp.png);
    display: none;
}
ul.sharebar li.Line {
    background-image: url(../images/xmas2019/social_line.png);
    cursor: pointer;
    display: none;
}
ul.sharebar li.Line:hover {
    background-image: url(../images/xmas2019/social_line.png);
    display: none;
}
/* CONTENT */

#Wrapper {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 0px 600px;
    background-position: left 290px\9;
    display: block;
    position: relative;
	margin-top: 37%;
	overflow: hidden;
	margin-bottom: -40px;

    /*background-image: url(../images/christmas2017/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1500px;
	margin-top: 40%;*/
}
#Container {
    max-width: 1280px;
    height: auto;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    line-height: 100%;
}
#Container > div {
    margin: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: top;
    font-size: 16px;
    position: relative;
	width:100%;
}
#Container div.Lead {
    width: 500px;
    display: block !important;
    font-size: 18px;
    line-height: 120%;
    margin: 20px 6px !important;
    border: none;
}
#Container div.Lead p {
    margin: 10px 0px;
}
#Container div.BoxA {
    width: 621px;
    -moz-box-shadow: 0px 20px 20px -8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 20px 20px -8px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 20px 20px -8px rgba(0, 0, 0, 0.5);
    background:none;
}
#Container div.BoxB {
    width: 410px;
    -moz-box-shadow: 0px 20px 20px -8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 20px 20px -8px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 20px 20px -8px rgba(0, 0, 0, 0.5);
    background:#fff;
}
#Container div.Ads{background:none;}
#Container > div div.Thumbnail {
    width: 100%;
    margin: 0;
    font-size: 0;
    overflow: hidden;
    position: relative;
}

#Container > div div.Thumbnail img {
    width: 100%;
    border: 0px;
}
#Container > div div.Thumbnail img:hover {
    opacity: 0.9;
}
#Container > div div.TextBox {
    width: 100%;
	height: 100%;
    padding: 2%;
    background-color: rgba(0,0,0,0.9);
    background-color: #000\9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 2;
    /*height: 100%;*/
}
#Container > div div.TextBox a{
    color:#FFFFFF;
}
#Container > div.BoxA div.TextBox p.Title {
    font-size: 18px;
    line-height: 120%;
}
#Container > div div.TextBox p.Location {
    font-size: 13px;
    line-height: 150%;
    color: #FFF;
}
#Container > div div.TextBox p.Location a {
    color: #FFF;
}
#Container > div.BoxB div.TextBox p.Title {
    font-size: 18px;
    line-height: 120%;
}
#Container div.TextBox span.date {
    color: #333;
}
.Ads {
    border: none !important;
    box-shadow: none !important;
}
/* Player Icon */
.DivaPlayIcon {
    position: absolute;
    top: 40%;
    left: 50%;
    width: auto;
}
.DivaPlayIcon div {
    background-color: rgba(0, 0, 0, 0.8);
    width: 50px;
    height: 50px;
    top: -50%;
    left: -50%;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/brandnewme/playico.png);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 100;
    position: relative;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #FFF;
    background-color: #000000\9;
    cursor: pointer;
}
/* FOOTER */

#Footer {
    width: 100%;
    min-width: 960px\9;
    background-color: #fff;
    clear: both;
    margin-top: 40px;
}
:root #Footer {
    min-width: 100%;
}
#Footer #FooterContainer {
    max-width: 1280px;
    position: relative;
    margin: auto;
    height: 90px;
    display: block;
}
#Footer #FooterContainer #FooterLogo {
    width: 80px;
    height: 60px;
    margin: 15px 5px;
    float: left;
    cursor: pointer;
    background-image: url(../images/xmas2019/footerlogo.png);
    background-repeat: no-repeat;
}
#Footer #FooterContainer #FooterLink {
    float: left;
    width: 281px;
    margin: 25px 0;
    padding: 10px;
    color: #000;
    font-size: 14px;
}
#Footer #FooterContainer #FooterLink a {
  margin: 0 5px 0 0;
  border: 1px solid #000;
  color: #000;
  padding: 5px;
}
#Footer #FooterContainer #FooterFB1 {
    width: 200px;
    height: 56px;
    margin: 20px 5px 18px;
    float: right;
    cursor: pointer;
    background-image: url(../images/xmas2019/footerlogofb_diva.png);
    background-repeat: no-repeat;
    background-size:contain;
}
#Footer #FooterContainer #FooterFB2 {
    width: 200px;
    height: 56px;
    margin: 20px 5px 18px;
    float: right;
    cursor: pointer;
    background-image: url("../images/xmas2019/footerlogofb_etnet.png");
    background-repeat: no-repeat;
    background-size:contain;
}

#PageTop.fixed {
    display: block !important;
    width: 65px;
    height: 65px;
    margin: 0 0 20px auto;
    background-image: url(../images/spring2018/top.png);
    background-repeat: no-repeat;
    background-position: top left;
    cursor: pointer;
    user-select: none;
    opacity: 1;
    position: fixed;
    bottom: 5%;
    right: 30px;
    -webkit-transition: opacity .2s ease-in-out,background-position .2s ease-out;
    -o-transition: opacity .2s ease-in-out,background-position .2s ease-out;
    -moz-transition: opacity .2s ease-in-out,background-position .2s ease-out;
    -ms-transition: opacity .2s ease-in-out,background-position .2s ease-out;
    transition: opacity .2s ease-in-out,background-position .2s ease-out;
}
#PageTop.bottomarea {
  position: absolute;
  bottom: 20px;
}
/* TERMS */

#Terms {
    width: 100%;
    min-width: 960px\9;
    background-color: #000;
    clear: both;
}
:root #Terms {
    min-width: 100%;
	margin-bottom: -40px;
}
#Terms #TermsContainer {
    max-width: 1280px;
    padding: 8px;
    color: #fff;
    position: relative;
    margin: auto;
    display: block;
}
#Terms #TermsContainer a {
    color: #fff;
}
#Terms #TermsContainer p {
    margin: 20px 8px;
}
#Terms #TermsContainer p.List {
    font-size: 13px;
    word-spacing: 3px;
}
#Terms #TermsContainer p.Disclaimer {
    font-size: 10px;
    text-align: justify;
}

/* Segment */
#tagMenu{
  background: #866c11; /* Old browsers */
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(134,108,17,1) 20%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 80%,  rgba(255,255,255,0) 90%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(134,108,17,1) 20%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 80%,  rgba(255,255,255,0) 90%, rgba(255,255,255,0) 100%);
  background: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(134,108,17,1) 20%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 80%,  rgba(255,255,255,0) 90%, rgba(255,255,255,0) 100%);
  margin-bottom: 30px;
}
#Segment{
  list-style: none;
  margin: 0px auto;
  padding: 0px;
  right: 15%;
  font-size: 0px;
  z-index: 9999;
  text-align: center;
  font-family: 'Arvo', serif;
}
#Segment li{
  display: inline-block;
  padding: 10px;
  line-height:120%;
  font-size:20px;
  text-align:center;
  vertical-align:middle;
  color:#000;
  cursor:pointer;
}
#Segment li a {
  color:#000;
}
#Segment li.selected{cursor:default;color:#fff; }
#tagMenu.fixed {
  position: fixed;
  width: 100%;
  left: 0px;
  z-index: 3;
  top: 0px;
  padding-top: 0 !importnat;
  background: -moz-linear-gradient(left, rgba(134,108,17,1) 10%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 100%);
  background: -webkit-linear-gradient(left, rgba(134,108,17,1) 10%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 100%);
  background: linear-gradient(left, rgba(134,108,17,1) 10%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 100%);
}
#Pagination {
    width: 98%;
    margin: auto;
    padding: 0;
    font-size: 0;
    border: 0 !important;
}
#Pagination ul {
    margin: 50px auto 0;
    font-size: 0;
    list-style: none;
    padding: 0;
    text-align: center;
}
#Pagination ul li {
    font-size: 16px;
    color: rgba(203,32,25,0.4);
    height: 25px;
    line-height: 26px;
    text-align: center;
    margin: 0 5px;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
}
#Pagination ul li.SelectMenu {
    display: none;
}
#Pagination ul li.PageNumber {
    width: 25px;
    margin: 0 10px;
}
#Pagination ul li.Active {
    background-color: #0d7447;
    color: #FFFFFF;
    border-radius: 50%;
}
#Pagination ul li a {
    color: rgba(203,32,25,1);
}
.VideoContainer .preloader {width:100%;}

#TopBanner {
    margin: 10px 0px 30px 0px;
}

/***************** ALL CSS for Retina Device *****************/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
    /* HEADER */

    #Header #HdrContainer #Menu {
        /*background-image: url(../images/summer2017/menu_x2.png);
        background-size: 26px;*/
    }

    #Pagination ul li, #Pagination ul li.PageNumber{
      margin: 0;
    }

    /* FOOTER */

    #Footer #FooterContainer #FooterLogo {
        background-image: url("../images/xmas2019/logos_x2.png");
        background-size: 80px;
    }
    #Footer #FooterContainer #FooterFB1 {
        background-image: url("../images/xmas2019/footerlogofb_diva_x2.png");
    }
    #Footer #FooterContainer #FooterFB2 {
        background-image: url("../images/xmas2019/footerlogofb_etnet.png");
    }
    #FooterFB1, #FooterFB2 {
        float: none ;
        margin: 0 auto ;
        width: 150px ;
        height: 38px ;
        background-size: 150px;
    }
    /* Social */

    ul li.FB {
        background-image: url(../images/xmas2019/social_fb_x2.png) !important;
		background-size:contain;
    }
    ul li.FB:hover {
        background-image: url(../images/xmas2019/social_fb_hover_x2.png) !important;
    }
    ul li.Email {
        background-image: url(../images/xmas2019/social_email_x2.png) !important;
		background-size:contain;
    }
    ul li.Email:hover {
        background-image: url(../images/xmas2019/social_email_hover_x2.png) !important;
    }
    ul li.Line {
        background-image: url(../images/xmas2019/social_line_x2.png) !important;
		background-size:contain;
    }
    ul li.Line:hover {
        background-image: url(../images/xmas2019/social_line_hover_x2.png) !important;
    }
    ul li.Whatsapp {
        background-image: url(../images/xmas2019/social_whatsapp_x2.png) !important;
		background-size:contain;
    }
    ul li.Whatsapp:hover {
        background-image: url(../images/xmas2019/social_whatsapp_hover_x2.png) !important;
    }
}
/***************** Responsive CSS for Document Width Less Than 930px, eg. Desktop, Tablet(Portrait), Mobile(Landscape) *****************/
@media only screen and (max-width: 1292px) {
    #Container div.BoxA{
        width: 48.5%;
    }
    #Container div.BoxB {
        width: 32%;
    }
}
@media only screen and (max-width: 1280px) {
    #PageTop.fixed {
        display: none !important;
    }
}

#Themetext {
    z-index: 10000 !important;
    width: 30%;
    max-width: 1280px;
    margin: 0 auto;
	background-color: rgba(139, 142, 133, .6);
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:bold;
	letter-spacing:2px;
	font-size:16px;
	margin-bottom:40px;
    }

#ThemeTitle {
	/*background-color: rgba(0,0,0,.4);*/
    opacity: 0.8;
	display: none;
}

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

    /* HEADER */
    #Header #HdrContainer #Nav {
        position: relative;
        clear: both;
        width: 100%;
        /*background-color: #3f3f3f;
        background-color: rgba(255, 255, 255, 0.9);*/
        -moz-box-shadow: -18px 4px 20px -9px rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: -18px 4px 20px -9px rgba(255, 255, 255, 0.5);
        box-shadow: -18px 4px 20px -9px rgba(255, 255, 255, 0.5);
        margin-top: 1px;
        display: none;
    }
    #Header #HdrContainer #Nav li {
        width: 50%;
        padding: 0px;
        text-indent: 10px;
        //border-bottom: 1px solid #CCCCCC;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        font-size: 0.8em;
    }
    #Header #HdrContainer #Nav li:nth-child(even) {
        border-right: none;
    }
    #Header #HdrContainer #Menu {
        display: block;
		padding-top:16px;
    }
    /* CONTENT */

    ul {
        right: auto;
        left: auto;
/*        top: 260px;*/
    }
	#Nav{
		top:auto !important;
	}
    #Container {
        width: 100%;
    }
    #Container > div {
        margin: 5px;
    }
    #Container div.BoxA,
    #Container div.BoxB {
        width: 48%;
    }
    #Container > div.BoxA div.TextBox,
    #Container > div.BoxB div.TextBox {
        bottom: 5px;
        min-height: 50px;
    }
    #Container > div.BoxA div.TextBox p.Location,
    #Container > div.BoxB div.TextBox p.Location {
        font-size: 80%;
    }
    #Container > div.BoxA div.TextBox p.Title,
    #Container > div.BoxB div.TextBox p.Title {
        font-size: 100%;
    }
    #tagMenu {
      background: #866c11; /* Old browsers */
      background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 2%, rgba(134,108,17,1) 212%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 80%,  rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%);
      background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 2%, rgba(134,108,17,1) 12%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 80%,  rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%);
      background: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 2%, rgba(134,108,17,1) 12%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 80%,  rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%);
    }
    #Footer #FooterContainer #FooterFB1, #Footer #FooterContainer #FooterFB2 {
        width: 195px;
        height: 50px;
        margin: 22px 5px 22px;
    }
}
/***************** Responsive CSS for Document Width Less Than 420px, eg. Desktop, Mobile(Portrait) *****************/
@media only screen and (max-width: 1024px) {
	#Wrapper{margin-top:44%;}

	.VideoContainer #hero-vid,.VideoContainer .preloader{width:120%;margin-left:-10%;}
	#Themetext {padding:5px 30px;margin-bottom:10px;}
}
@media only screen and (max-width: 940px) {
#Footer #FooterContainer {
        margin: auto;
        padding: 20px 0px;
        height: auto;
    }
    #Footer #FooterContainer #FooterLogo {
        width: 80px;
        height: 60px;
        background-size: contain;
        margin: 0 auto 5px auto;
        float: none;
    }
    #Footer #FooterContainer #FooterLink, #Footer #FooterContainer #FooterFB1, #Footer #FooterContainer #FooterFB2 {
        margin: 0 auto;
        float: none;
        text-align: center;
    }
    #Footer #FooterContainer #FooterLink {
        margin: 10px auto 10px auto;
    }
	ul li.Whatsapp {
		background-size: contain;
	}
	ul li.Line {
		background-size: contain;
	}
	ul li.FB {
		background-size: contain;
	}
	ul li.Email {
		background-size: contain;
	}
	ul.sharebar li {
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 18px 19px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    line-height: 60px;
	}
	ul.sharebar {
		text-align: center;
		position: unset;
	}
}

@media only screen and (max-width: 768px) {
    #Segment li {
      padding: 10px 3px;
      font-size: 15px;
    }
  	#Nav{
  		top:auto !important;
  	}

	.VideoContainer #hero-vid{width:120%;margin-left:-10%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
    ul.sharebar li {
        display: inline-block;
    }
    ul.sharebar li.Whatsapp:hover {
        display: inline-block;
    }
    ul.sharebar li.Line {
        display: inline-block;
    }
    ul.sharebar li.Line:hover {
        display: inline-block;
    }
    ul.sharebar {
        top: 140%;
    }
  	#Nav{
  		top:auto !important;
  	}
}
@media only screen and (max-width: 668px) {
	#logo {
		top: 30px;
	}
	#Nav{
		top:auto !important;
	}
}
@media only screen and (max-width: 569px) {
	#Nav{
		top:auto !important;
	}
	.VideoContainer {
    height: 100%;
    left: 0;
    position: absolute;
    transition: background-color 300ms ease;
    width: 100%;
	transform: translate(0%,0);
	z-index:0;
	overflow: hidden;
	}
	.VideoContainer video, .VideoContainer img{width:150px; margin:auto;}
}
@media only screen and (max-width: 630px) {
  #Footer #FooterContainer {
    height: 85px;
  }
  #Footer #FooterContainer #FooterLogo {
      width: 70px;
      height: 50px;
      margin: 15px 8px;
      background-size: 70px;
  }
  #Pagination ul li, #Pagination ul li.PageNumber {
      margin: 0 2px;
      padding: 2px;
      font-size: 14px;
  }
  #PageTop.fixed{
    width: 33px;
    height: 33px;
    background-image: url(../images/spring2018/top_x2.png);
    background-size: contain;
  }
  #PageTop.bottomarea {
      bottom: 25px;
  }
}
@media only screen and (max-width: 660px) {
    /* CONTENT */

    ul {
        width: 100%;
        text-align: center;
    }
  	#Nav{
  		top:auto !important;
  	}
    #Container {
        width: 100%;
    }

    #Container > div {
        margin: 5px;
    }
    #Container div.BoxA {
        width: 98%;
    }
    #Container div.BoxB {
        width: 98%;
    }
    #Container > div.BoxA div.TextBox,
    #Container > div.BoxB div.TextBox {
        bottom: 5px;
        min-height: 50px;
    }
    #Container > div.BoxA div.TextBox p.Location,
    #Container > div.BoxB div.TextBox p.Location {
        font-size: 90%;
    }
    #Container > div.BoxA div.TextBox p.Title,
    #Container > div.BoxB div.TextBox p.Title {
        font-size: 110%;
    }
    ul.sharebar li.Whatsapp {
        display: inline-block;
    }
    ul.sharebar li.Whatsapp:hover {
        display: inline-block;
    }
    ul.sharebar li.Line {
        display: inline-block;
    }
    ul.sharebar li.Line:hover {
        display: inline-block;
    }

    #Pagination{
      margin: 0 !important;
    }
    #PageTop.fixed{
      right: 5px;
    }
    #PageTop.bottomarea {
      bottom: 22px;
  }
    /* FOOTER */

    #Footer #FooterContainer {
        margin: auto;
        padding: 0px 0px 20px 0px;
        height: auto;
    }
    #Footer #FooterContainer #FooterLogo {
        width: 80px;
        height: 60px;
        background-size: contain;
        margin: 0 auto 5px auto;
        float: none;
    }
	ul.sharebar {margin:0 0 20px 0;}
}

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

	.preloader img {
    top: 0;
	width: 100%;
}
    #Segment li {
      font-size: 12px;
    }
    #tagMenu {
      background: #866c11; /* Old browsers */
      background: -moz-linear-gradient(left, rgba(134,108,17,1) 212%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 100%);
      background: -webkit-linear-gradient(left, rgba(134,108,17,1) 12%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 100%);
      background: linear-gradient(left, rgba(134,108,17,1) 12%, rgba(183,178,109,1) 50%, rgba(134,108,17,1) 100%);
    }
    #Header #HdrContainer {
      height:auto;
    }

/*    #Header #HdrContainer #Divalogo {
        background-image: url(../images/spring2018/etnetlogo_topbar_x2.jpg);
        background-size: 65px;
        width: 210px;
        height: 35px;
    }*/
    ul.sharebar li {
        background-size: 30px;
        width: 30px;
        height: 30px;
    }
	.VideoContainer {
    height: 100%;
    left: 0;
    position: absolute;
    transition: background-color 300ms ease;
    width: 100%;
}
	/*.VideoContainer #hero-vid, .VideoContainer .preloader{width:200%;margin-left:-52%;}*/
	.VideoContainer #hero-vid, .VideoContainer .preloader{width:155%;margin-left:-28%;}
	ul.sharebar li {
    width: 20px;
    height: 20px;
    margin: 0px;
    /* padding: 18px 19px; */
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    line-height: 60px;
}
	ul.sharebar {
    list-style: none;
    padding: 0px;
    /* right: 18%; */
    font-size: 0px;
    z-index: 9999;
    position: relative;
    margin: 0px;
	right: 0px;
	text-align: center;
    transform: translate(0%, 0%);
	}

	/*#Wrapper {margin-top: 86%;}*/
	#Wrapper {margin-top: 53%;}
	#Header #HdrContainer #Menu{padding-top:8px;position: relative;}
	#ThemeTitle{background-color:transparent;}
	#Themetext{color:#333;background-color:transparent;margin-bottom:0;width:90%;}
	#Themetext {padding:0;}
	}


@media only screen and (max-width: 321px) {
    ul.sharebar li {
        /*padding: 0px 5px;*/
		transform: translate(30%, 0%);
    }
	#HdrContainer > div {transform: scale(0.8); /*position: absolute*/;left: -10px; padding:0;}
}

/*********** Mute Button **************/
.video-mute-button {
	width:50px;
	height:50px;
	position:absolute;
	top:8vw;
	right:8vw;
	z-index:9;
	cursor:pointer;
}

.video-mute-button img {
	width:100%;
	height:100%;
}

@media only screen and (max-width: 719px) {
	.video-mute-button {
		top:15vw;
	}
}