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

@font-face {
 font-family:"breuer text";
 src:url(../../fonts/BreuerText-Medium.woff2) format("woff");
 font-weight:500;
 font-style:normal;
}


body,div,ul,li,form,button,header,footer,nav,input,textarea,th,td,span,p,select{ 
font-family:'Myriad Pro', 'Microsoft JhengHei',"微軟正黑體", sans-serif ; letter-spacing:0.1px; line-height: 1.4; }

body { margin:0;  background: url("../../images/bg.jpg") repeat; color:#454545; padding:0}
html,body {  font-size:100%; -webkit-text-size-adjust:100% ; height: 100%;  min-height: 100% !important;} /*for ipad*/
html {  image-rendering:-webkit-optimize-contrast;}

*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

a, a h1, a h2, a h3, a h4, a h5, a h6{ color:#212121; text-decoration: none ; 
/*-o-transition:all 0s ease 0s, all 160ms ease 0s;
-webkit-transition:all 0s ease 0s, all 160ms ease 0s;
-moz-transition: all 0s ease 0s, all 160ms ease 0s;
transition: all 0s ease 0s, all 160ms ease 0s;*/     
}
a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6{color:#d57c97; text-decoration: none}
a img{ border:0px; max-width: 100%; }
.clearFix,.clearFix2 {clear:both;}
img{ vertical-align: top; max-width: 100%; }

button { border: 0;  cursor: pointer;}

h1,h2,h3,h4,h5,h6 {  color:#212121; margin:0;}
h6{ font-size:1em; line-height:1.5;}
h5{ font-size:1.125em; /*18px/16px*/line-height:1.5;  /*21px/16px*/color: #000;}
h4{ }
h3{ }

h1{ font-size:2.375em;/*38px/16px*/ line-height:1.3;/*36px/16px*/}

input {border:0px ;  line-height:1; vertical-align:middle; background:transparent; color:#212121; padding:0.5em ; outline:0 !important; menuwidth: 100%;  width: 100%; margin: 0 auto 1.2em auto; font-size: 1.2em;}
input:hover, textarea:hover, input:focus, textarea:focus{ }
textarea {border:0; background:#f6f6f6; color:#000; padding:5px; width:100%; font-size:0.9375em; width: 100%;}
input[type=checkbo<navx] { border:0px\9; background:none; width:auto !important; height:auto !important;}


.btnBox{ text-align:center;  margin:1.5em 0;}
select {  border: 0; background: transparent; color:#000; vertical-align:middle; font-size:16px;}
select:hover, select:focus{border:0px; background: transparent ; color:#000;}
input[type="radio"]{border:0px\9; background:none; vertical-align:middle;  width:auto !important; height:auto !important;}

/*-------------------------------------基本設定-------------------------------------------*/
.wrap{ width:100%; margin:0 auto; position:relative; line-height: 1.7; min-height: 100%;} /*外層裝所有物件除了縮小選單*/

/*選單*/
.navAll {margin: 0 auto; width: 900px;}

.navAll .Box {  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  }
  
.navAll .nav { width: 220px; height: 90px; background-position: center 0; background-repeat: no-repeat; background-size: 220px 180px;}
.navAll .nav:hover {background-position: center -90px;}

/*goTop*/
.goTop { position: fixed; right: 0; bottom: 10px; width: 90px;  z-index: 9999;
-webkit-opacity: 0; 
-moz-opacity: 0; 
opacity: 0; 
filter:alpha(opacity=0);}
.goTop img {width: 100%;}
.goTop a img {border:0;}
.goTop.show{
-o-transition:all 0s ease 0s, all 160ms ease 0s;
-webkit-transition:all 0s ease 0s, all 160ms ease 0s;
-moz-transition: all 0s ease 0s, all 160ms ease 0s;
transition: all 0s ease 0s, all 160ms ease 0s;
-webkit-opacity: 0.9; 
-moz-opacity: 0.9; 
opacity: 0.9; 
filter:alpha(opacity=90); 
}


/*語言下拉*/
.select_wrap{
  width: 175px;
  position: absolute; right: 0; top:10px;
  user-select: none; color: #fff;
}
.select_wrap p { margin: 0;}
.select_wrap p span { margin-left:3px; font-size: 0.9375em;  }
.select_wrap .default_option{
  background: #000;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
}
.select_wrap ul { list-style: none; padding:0;  margin: 0; font-size: 0.9375em;}
.select_wrap .default_option li{ padding: 0.3em 1em; }

.select_wrap .default_option:before{
    content: "";
    position: absolute;
    top: 11px;
    right: 16px;
    /*width: 6px;
    height: 6px;*/
	border-right: 6px solid #000;
    border-left: 6px solid #000;
   border-top: 10px solid #fff;
   display:inline-block;
    /*border: 2px solid;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-45deg);*/
}

.select_wrap .select_ul{
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  background: #000;
  border-radius: 15px;
  display: none; 
}

.select_wrap .select_ul li{
  padding: 0.3em 1em; 
  cursor: pointer;
}

.select_wrap .select_ul li:first-child:hover{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.select_wrap .select_ul li:last-child:hover{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.select_wrap .select_ul li:hover{
  background: #333;
}

.select_wrap .option{
  display: flex;
  align-items: center;
}
.select_wrap.active .select_ul{
  display: block;
}

.select_wrap.active .default_option:before{
  top: 10px;
   border-right: 6px solid #000;
    border-left: 6px solid #000;
   border-bottom: 10px solid #fff;
	border-top: 0;
   display:inline-block;
}

/*下拉2*/
.vote .select_wrap{
  width: 200px;
  position: relative; right:auto; top:auto; margin:0 auto;
  user-select: none; color: #212121;
}

.vote .select_wrap .default_option{
  background: #fff;
  border-radius: 30px;
}
.vote .select_wrap ul { list-style: none; padding:0;  margin: 0; font-size: 1em;}
.vote .select_wrap .default_option li{ padding: 0.8em 1.3em; }
.vote .select_wrap .select_ul li{padding: 0.8em 1.3em; }
.vote .select_wrap .select_ul{
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 15px;
  border:1px solid #fff;
  display: none;
}
.vote .select_wrap.active .select_ul{
  display: block; z-index: 999;
}
.vote .select_wrap .default_option:before{
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
	border-right: 6px solid #fff;
    border-left: 6px solid #fff;
    border-top: 10px solid #212121;
    display:inline-block;
}
.vote .select_wrap.active .default_option:before{
  top: 19px;
   border-right: 6px solid #fff;
   border-left: 6px solid #fff;
   border-bottom: 10px solid #212121;
   border-top: 0;
   display:inline-block;
}
.vote .select_wrap .select_ul li:hover{ background: #F3F3F3;}



/*banner*/
.banner {  position: relative; background-position: center top; background-repeat: no-repeat;  text-align: center; background-color: #82caf2;
 background-image: url("../../images/main_bk.jpg");
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; margin-bottom: 3em;
}
.banner .box { width: 1200px; margin: 0 auto; position: relative;}
.banner .logo { position: absolute;  background-position:0 0 ; border-radius: 0 0 15px 15px; background: #000; width: auto; padding:1.2em;}
.banner .logo img {max-width: 190px; height:auto; width:100%;}

img.main_pic { max-width: 1346px; height:auto; width:100%; }
img.main_pic_s { display: none;}
.banner .money01 { position: absolute; bottom: -1em; left: 44%;  width: auto;  }
.banner .money01 img {transform: rotate(40deg); width: 60px; height: auto;}

/**/
.width_960 { width: 960px; margin:0 auto;}


h2 { font-family:'breuer text', sans-serif ; text-align: center; font-size:2.375em;/*38px/16px*/ line-height:1.2; text-transform:uppercase;  font-weight: normal; width: 92%; margin: 0 auto 0.7em auto;}
h2 span{position: relative; font-family:'breuer text', sans-serif ;  color:#212121; margin:0; line-height:1; display: inline-block;}
h2 span::before {content:''; position: absolute; z-index: 99;
	background-image:url("../../images/title_icon1.png");
	background-size: cover;
	top: -10px; left: -20px;
	width: 15px; height: 21px}
h2 span::after {content:''; position: absolute; z-index: 99;
	background-image:url("../../images/title_icon2.png");
	background-size: cover;
	 right: -28px;
	width: 25px; height: 35px}

h2.s2 span::before {content:''; position: absolute; z-index: 99;
	background-image:url("../../images/title_icon3.png");
	background-size: cover;
	left: -28px;
	width: 25px; height: 35px}

h2.s2 span::after {content:''; position: absolute; z-index: 99;
	background-image:url("../../images/title_icon1.png");
	background-size: cover;
	width: 15px; height: 21px}


h2.s2 .icon { position: absolute;top: -3.2em;right: -190px; width:180px;}
h2.s2 .icon img {max-width:180px; width: 100%; height: auto;}

.about{ padding: 3em 0;}
.about p { }
.about p strong { font-size: 1.25em;}
.about .quote { width: 680px; text-align: center; padding-left: 135px; margin: 1.5em auto 0 auto; font-size: 1.125em; font-style: italic; font-weight: 600;
    background-image: url("../../images/p1.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 180px 175px;
	min-height: 175px;  display: table;
}
.about .quote div { display: table-cell; vertical-align: middle;}


.red {color: #e75a4d;}
.purple {color: #694d9a;}

/*prize*/
.prize { background: url("../../images/bg_pink.png") repeat; padding: 4em 0 5.5em 0;}

.prize .widthBox { width: 1120px; margin: 0 auto;}

.pT{ text-align: center; font-size:1.125em; margin: 2.5em 0 1.5em 0;}

.pT h3 { display: inline-block; padding: 0.5em 1em; border-radius: 30px; background:#f15c4e; color: #fff; margin:0; line-height: 0.8; font-size:1.3em;/*24px/18px*/ font-weight: 600; margin-bottom: 0.5em; }
.pT.s2 h3 {background:#694d9a; }
.pT strong {font-size:1.2em; font-weight: 600; color: #212121;}

.pBox {
  display: flex;
  flex-direction: row;
  justify-content: Space-between;
  align-items: stretch;
  margin:  0 auto;
}

.pBox .item {position: relative; background: #fcf3ef; border-radius: 15px; padding: 1.2em 1.2em 1.2em 1.2em; width: 28%;}
.pBox .item.s2{ padding: 1.6em 1.2em 1.2em 1.2em;}

.pBox .item:first-child::before {
	content:''; position: absolute;z-index: 99;
	background-image:url("../../images/money01.png");
	background-size: cover;
	top: 40%; left: -90px;
	width: 60px; height: 37px;
	transform: rotate(120deg);
}
.pBox .item:first-child::after {
	content:''; position: absolute;z-index: 99;
	background-image:url("../../images/money01.png");
	background-size: cover;
	top: -7em; left: 40%;
	width: 50px; height: 31px;
	transform: rotate(40deg);
}

.pBox .item:last-child::before {
	content:''; position: absolute;z-index: 99;
	background-image:url("../../images/money01.png");
	background-size: cover;
	top: -6em; right: 40px;
	width: 60px; height: 37px;
	transform: rotate(190deg);
}

.pBox .item:last-child::after {
	content:''; position: absolute;z-index: 99;
	background-image:url("../../images/money01.png");
	background-size: cover;
	top: 30%; right: -90px;
	width: 60px; height: 37px;
	transform: rotate(40deg);
}


.pBox .T {border-bottom: 1px solid #f15c4e; padding-bottom: 1em; margin-bottom: 1em;
 display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;}
.pBox .T {  }
.pBox .icon { width:59px;}
.pBox .T h4 {font-size: 1.5em; line-height: 1; }
.pBox .T sup {font-size: 0.65em;}
.pBox .icon img { max-width:59px; width:59px; height: auto; vertical-align: middle;}

.pBox ul { margin: 0; padding: 0 0 0 1em; list-style: none;}
.pBox li {position: relative;margin: 0.4em 0;line-height: 1.3;}
.pBox li::before  { content:''; position: absolute; top: 10px; left: -10px; width: 3px; height: 3px; background:#f15c4e; border-radius: 3px; }
.prize .memo {text-align: center; width: 40%;margin: 2em auto 0 auto; font-style: italic;}

/*紫色*/

.pBox.s2 .T {border-bottom: 1px solid #694d9a;}
.pBox.s2 .T h4 { text-align: center;}
.pBox.s2 li::before { display: none;}
.pBox.s2 li { text-align: center;}

.pBox.s2 .item:first-child::before {
	content:''; position: absolute;z-index: 99;
	background-image:url("../../images/money02.png");
	background-size: cover;
	top: -45%; left: -90px;
	width: 78px; height: 78px;
	transform: rotate(0deg);
}
.pBox.s2 .item:first-child::after {
	content:''; position: absolute;z-index: 99;
	background-image:url("../../images/money01.png");
	background-size: cover;
	top: -5em; right: 20%; left: auto;
	width: 60px; height: 37px;
	transform: rotate(-10deg);
}

.pBox.s2 .item:last-child::before {
	content:''; position: absolute;z-index: 99;
	background-image:url("../../images/money02.png");
	background-size: cover;
	top: -7.5em; right: 40px;
	width: 78px; height: 78px;
	transform: rotate(-70deg);
}

.pBox.s2 .item:last-child::after {
	content:''; position: absolute;z-index: 99;
	background-image:url("../../images/money01.png");
	background-size: cover;
	top: 30%; right: -90px;
	width: 60px; height: 37px;
	transform: rotate(-40deg);
}


/*Vote*/
.vote { width: 1300px; margin: 0 auto; padding: 7em 0 7em 0;position: relative;}
.vote .ill { text-align: center; position: absolute; left: 0; top: -58px; width: 100%;}
.vote .ill img{ width: 180px; height: auto;}

.vBox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin:  4em auto 0 auto;

}

.vBox .item { width: 21.4%; background: #fff; border-radius: 0 0 15px 15px; position: relative; margin: 0 1.8% 100px 1.8%;} 
.vBox .votes { position: absolute; right: -30px; top: -30px; padding: 28px 0 0 0;
	background: url("../../images/v_bk.png") no-repeat; width: 86px; height: 86px; background-size: contain;
	text-align: center; color:#e75a4d; font-size:1.3em; font-weight: bold; z-index: 99; letter-spacing: 0; line-height: 0.8;}
.vBox .votes span {font-size:0.7em; font-weight: normal; display: block;}

.vBox .dec {margin: 0 0.8em ;padding-bottom: 50px;line-height: 1.4;}

/*winner*/
.vBox.winner{}
.vBox.winner .votes {right: auto; top: auto; left: 0; bottom:0 ; padding: 0.5em ; background:#e75a4d; color:#fff;font-size:1.125em;
	width: auto; height: auto; border-radius: 0 10px 0 0;}
.vBox.winner .votes span {font-size:0.7em; font-weight: normal; display:inline-block; margin-left: 0.5em;}
.vBox.winner .item:first-child .ph::before {
	content:''; position: absolute;z-index: 99;
	background-image:url("../../images/w1.png");
	background-size: cover;
	top: -45px; right: -25px;
	width: 85px; height: 105px;
}
.vBox.winner .item:nth-child(2) .ph::before {
	content:''; position: absolute;z-index: 99;
	background-image:url("../../images/w2.png");
	background-size: cover;
	top: -45px; right: -25px;
	width: 85px; height: 105px;
}
.vBox.winner a.icon.voting, .L_more a.icon.voting{ display: none;}
/**/
.vBox .ph { position: relative; z-index: 1; }
.vBox .ph .photo { overflow: hidden; }
.vBox .ph .photo img { transition:transform .3s; vertical-align: top; max-width: 100%;}
.vBox .ph .photo a:hover img {transform: scale(1.1); }

.vBox .num { font-size:0.875em; color:#999; margin:0.8em 0.8em 0.3em 0.8em;}
.vBox h4 {font-size:1.125em; line-height: 1; margin:0 0.8em; padding-bottom: 60px; }
.vBox .txt { position: absolute; left: 0.8em; bottom: 0.8em; width: 90%;}
.vBox .box{display: flex;flex-direction: row; justify-content: space-between;align-items: stretch;}
.vBox .name { width: 70%; line-height: 0.8;font-size: 0.9em;color: #999;}
.vBox .more { width: 68px;line-height: 0.8; padding-right: 4px; text-align: right;}
.vBox .more a {color:#333;}
.vBox .more a:hover {color:#e75a4d;}
.vBox .btnBox { position: absolute; left: 0; bottom: -80px; width: 100%;}

a.icon { background-image: url("../../images/v_btn.png");  background-repeat: no-repeat; width:42px; height: 42px; margin: 0 0.3em;  display: inline-block;
  background-size: 84px 84px;}
a.icon.voting { background-position: 0 0;}
a.icon.voting:hover { background-position: 0 -42px;}
a.icon.share { background-position: -42px 0;}
a.icon.share:hover { background-position: -42px -42px;}





/*lightbox*/
.fancybox-content {padding: 36px !important; max-width: 92% !important; background: #f5f6f5 !important;}
.fancybox-is-open .fancybox-bg {opacity: .85 !important;}

.L_more { display: table; width: 980px;}
.L_more .Td_1{ display: table-cell; width: 50%; }
.L_more .ph { position: relative;  }
.L_more .ph img{  width: 100%;  height: auto; vertical-align: top;}
.L_more .votes { position: absolute; right: 0; top:0 ; padding: 0.5em ; background:#e75a4d; color:#fff;font-size:1.125em;font-weight: bold;
	width: auto; height: auto; border-radius: 0 0 0 10px;line-height: 0.8;}
.L_more .votes span {font-size:0.7em; font-weight: normal; margin-left: 0.5em;}

.L_more .Td_2{ display: table-cell; width:auto; padding-left: 2.5em;}
.L_more .num { font-size:0.9375em; color:#999; margin-bottom: 1em;  }
.L_more h4 {font-size:1.3em; line-height: 1; margin: 1em 0; }
.L_more h1 {font-size:1.3em; line-height: 1; margin: 1em 0; }
.L_more .txt { }
.L_more .name {  font-weight: bold;margin: 1em 0; }
.L_more .btnBox {  text-align: right; margin: 0}

.L_more.winner a.icon.voting { display: none;}


/**/
.message { text-align: center;}
.message img.ill{ width:180px; height: auto;}
.message h4 {font-size:1.5em; line-height: 1; margin: 0.4em 0 0.8em 0; font-family:'breuer text', sans-serif ;max-width: 100%;
width: 300px; }
.message button {width: 100%; display: block; margin: 0 auto 1em auto; text-align: left; position: relative;
border-radius: 30px; font-size: 1.25em; font-weight: 600; line-height: 1; padding: 0.6em 1em 0.6em 1em;}
.message button img { width: 32px; height: 32px; vertical-align: middle; margin-right: 0.5em;}

.message button::before{
	content:''; position: absolute; z-index: 99;
	background-size: cover;
    top: 6px; left: 20px;
	width: 32px; height: 32px;
}
.message button.fb::before {background-image:url("../../images/b_fb.png");}
.message button.gmail::before {background-image:url("../../images/b_gmail.png");}
.message button.line::before {background-image:url("../../images/b_line.png");}
.message button.copy::before {background-image:url("../../images/b_copy.png");}

.message button.fb { background: #2374f2; color: #fff;padding-left: 65px; }
.message button.fb:hover{background: #1464df;}
.message button.gmail { background: #fff; border: 1px solid #dadada;padding-left: 65px;}
.message button.gmail:hover{background: #f5f5f5;}
.message button.line { background: #4cc764; color: #fff;padding-left: 65px;}
.message button.line:hover{background: #2ca945;}
.message button.submit { background: #f15c4e; width: auto; color: #fff;} 
.message button.submit:hover { background: #d24639;} 
.message input {border: 1px solid #dadada;}
.message button.copy { background: #cccccc; color: #fff; padding-left: 65px;}
.message button.copy:hover{background: #b9b9b9;}

.message .subT {font-size:1.3em; font-weight: 600; line-height: 1; margin: -0.2em 0 0.5em 0; color: #212121;}
.message .num { color:#f15c4e; font-size:2.25em; line-height: 1.2; font-weight: bold; margin: -0.2em 0 0 0; }
.message .txt { color:#666;max-width: 300px; width: 100%;margin: 0 0 1.5em 0;}


/*rule*/
.rule { background: url("../../images/bg_yellow.png") repeat; padding: 3em 0 4em 0; position: relative;}

.rule .ill { text-align: center; position: absolute; left: 0; top: -120px; width: 100%;}
.rule .ill img{ width: 180px; height: auto;}
.rBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin:  0 auto;
}

.rBox .item {position: relative;  width: 30%; text-align: center;}
.rBox .item img { max-width: 82px; width: 100%; }
.rBox .step { display: inline-block; border: 1px solid #e75a4d; padding: 0em 0.8em; font-size:1.125em;border-radius: 15px; margin: 1em 0; }
.rBox h3 {font-size:1.5em; line-height: 1; color: #212121; margin-bottom: 0.5em; }
.rule  .memo { text-align:center; margin: -1.2em 0 2em 0;}

/*sponsor*/
.sponsor { background: url("../../images/bg_green.png") repeat;padding: 4em 0;}
.sBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin:  0 auto;
}
.sBox .eva { position: relative;  width: 30%; }
.sBox .eva img { max-width: 295px; width: 100%; height: auto;}
.sBox .txt { position: relative; width: 65%; }
.sBox .txt a, .sBox .txt a:hover { color: #009944; text-decoration:underline;}	
	
/*Terms*/
.terms {padding: 4em 0;}

.terms ul { margin: 0; padding: 0 0 0 1em; list-style: none; font-size: 0.9375em;}
.terms li {position: relative; }
.terms li::before  { content:''; position: absolute; top: 10px; left: -10px; width: 3px; height: 3px; background:#666; border-radius: 3px; }

.terms h4{ font-size: 1.2em; margin: 1.5em 0 0.5em 0;}
/**/
footer { background: #c6c6c6 ;padding: 0.5em 0 0.3em 0; }
footer .box { width: 1200px; margin: 0 auto; display: table;}
footer .Td_1 { display: table-cell; width: auto; vertical-align: middle;}
footer .Td_2 {display: table-cell; color:#fff; font-size: 0.875em;vertical-align: middle;width: 260px; text-align: right;}
footer img {width: 44px; height: 44px; margin: 0 0.3em;}

/* winner of the voters*/

.WOTV { margin: 3em 0 0 0;}
.WOTV .subT {   display: table; width: auto; margin: 0 auto;}
.WOTV .Table{ display: table; width: auto;}
.WOTV .Td_1 { display: table-cell; vertical-align: middle; padding-right: 0.5em; }
.WOTV .Td_2 { display: table-cell; vertical-align: middle;font-size: 1.9em; font-weight: bold; line-height: 1;}
.WOTV .subT img {width: 85px ; height: auto; max-width: 85px; }
.WOTV .subT.s1 { color: #50a57c;}
.WOTV .subT.s2 { color: #ff6c4e;}
.WOTV .subT.s3 { color: #694d9a;}
.WOTV .subT.s3 img{width: 65px; }

.WOTV .Box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin: 1.2em auto 4em auto;
  align-items: center;
}

.WOTV .Box div { text-align: center; position: relative;  width: 15%; margin:  0.3em; text-align: center; background: #fff; border-radius: 30px; padding: 0.5em 1.2em;}


.lightBoxShare {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.lightBoxShare .fancybox-bg {opacity: 0.8;}

a.closeBtn {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 14px;
  height: 14px;
  cursor: pointer;

}
a.closeBtn .line1, .closeBtn .line2 {
  width: 14px;
  height: 1px;
  background-color: #333;
  display: block;
}
a.closeBtn .line1 {
  -webkit-transform: rotate(48deg) translate(0px, 1px);
  transform: rotate(48deg) translate(0px, 1px);
}
a.closeBtn .line2 {
  -webkit-transform: rotate(-48deg) translate(0px, -1px);
  transform: rotate(-48deg) translate(0px, -1px);
}