@font-face {
    font-family: myWakeUp;
    src: url('../../archive/others/font-wakeup.woff');
}
@font-face {
    font-family: myPWG;
    src: url('../../archive/others/font-pwg.woff');
}
@font-face {
    font-family: myNextPro;
    src: url('../../archive/others/NeusaNextPro.woff');
}
@font-face {
    font-family: myFranklin;
    src: url('../../archive/others/FranklinGothicFS-Cd.woff');
}



img,p,h1,h2,h3,h4,h5,h6,ul,ol,form{ margin:0; padding:0; list-style:none; border:none; }
a { text-decoration:none; cursor:pointer; color:#3b5998; outline:medium none; } a:hover { text-decoration: underline; }
body{ font-family: 'myFranklin', arial,tahoma,verdana,sans-serif; font-size:10pt;margin:0; padding:0; color:#000000; background-color: #FFFFFF; }
body{ background-color: #383737; }

/*----------- Icon Jquery ------------*/
.ui-icon{ background-image: url('../../archive/images/ui-icons_009900_256x240.png'); }
.ui-icon-red{ background-image: url('../../archive/images/ui-icons_ed1c24_256x240.png'); }
.ui-icon-green{ background-image: url('../../archive/images/ui-icons_009900_256x240.png'); }
.ui-icon-black{ background-image: url('../../archive/images/ui-icons_000000_256x240.png'); }
.ui-icon-orange{ background-image: url('../../archive/images/ui-icons_FF8330_256x240.png'); }
.ui-icon-blue{ background-image: url('../../archive/images/ui-icons_0033CC_256x240.png'); }
.ui-icon-pink{ background-image: url('../../archive/images/ui-icons_FF66CC_256x240.png'); }
.ui-icon-gray{ background-image: url('../../archive/images/ui-icon777777.png'); }
.ui-icon-gray2{ background-image: url('../../archive/images/ui-icons_CECED1_256x240.png'); }
i.ico{ display: inline-block; height: 16px; width: 16px; margin: 0 0 3px; vertical-align: middle; }    

#top{  
    width:100%; min-height:70px; overflow: hidden; text-align: center; background-color: #FFFFFF; position: fixed; top:0; left:0; z-index: 999; 
}    
#title{ width:100%; height:20px; overflow: hidden;  text-align: center; padding-top:5px; color: #a7a7a7; font-size: 8pt; }  
#bar{ width:100%; min-height:30px; overflow: hidden; background-color: #1f1f1f; text-align: center; padding-top:10px; color: #FFFFFF; font-size: 12pt; font-weight: bold; }  
#footerApp{ 
    width:100%; height:70px; overflow: hidden; left: 0; bottom: 0; text-align: center; z-index: 999; position: fixed; background-color: #FFFFFF;  
}
#menu{ width:96%; min-height:28px; border-top: 1px solid #cacaca; display: inline-block; padding: 8px 0 0; }
#topmenu{ width:100%; height:5px; display: inline-block; background-color: #FFFFFF; float: left; }
.btn-menu{ width:29px; height:28px; display: inline-block; padding: 2px; border: 2px solid #FFFFFF; border-radius: 4px; }
.btn-menu.active{ background-color: #008aff; border: 2px solid #008aff; }

#contentbox{ width:100%; min-height:200px; padding:75px 0 80px; text-align: center; }
#content{ width:96%; min-height:200px; text-align: right; display: inline-block; }
#content div{ text-align: left; display: inline-block;  }  
#content .head{ width:100%; padding: 8px 0; border-bottom: 1px solid #cacaca; font-size: 11pt; font-weight: bold; text-align: left; } 
#content .list{ width:96%; min-height:80px; text-align: left; }
#content .item{ width:100%; text-align: left; border-bottom: 1px solid #d8d8d8; margin: 10px 0 0; padding: 0 0 10px; color: #000000; }
#content a.aitem{ width:100%; display: inline-block; text-align: left; color: #000000; }
#content a.aitem:hover{ color: #000000; text-decoration: none; }
#content a.aitem.myrewards{ position: relative; }
#content a.aitem.myrewards span{  position: absolute; z-index: 99; padding:12px; color: #FFFFFF; background-color: red; bottom: 20px; right: 5px; font-weight: bold; }
#content a.aitem.expire{ position: relative; }
#content a.aitem.expire span{ position: absolute; z-index: 99; padding:3px 5px; color: #FFFFFF; background-color: red; top: 20px; right: 5px; font-weight: bold; font-size: 7pt; }    
#content a.aitem.expire span.redeem{ background-color: #CCCCCC; }    
#content .subitem{ width:95%; min-height: 100px; background-color: #1f1f1f; border: 1px solid #000000; margin: 20px 0 0; display: none; color: #FFFFFF; position: relative; }
#content .subitem img.arrow{ position: absolute; top: -14px; left: 20px; z-index: 99; }
#content a.aitem.seemore{ text-align: center; padding: 15px 0; color: #FF9800; }
div.ajax-content{ width: 100%; }   
div.ajax-content p.wait{ width: 100%; text-align: center; padding: 30px 0; display: inline-block; }
div#content p.waitW{ width: 100%; text-align: center; padding: 130px 0 30px; display: inline-block; }

#wheelBox{ display: inline-block; width: 100%; }
    
#content iframe{ border: none; display: inline-block; }



/*----------- Index ------------*/

.clock div{
    display:inline-block;
    text-align: center;
    padding:2px;
}
#pageW div{ display:inline-block; }
#mCard{ display: inline-block; position: relative;padding: 30px 0 20px; width: 90%; }
#mClock{ display: inline-block;position: absolute;right: 0; top: 180px; text-align: center;padding: 15px 0; background: #CCCCCC;min-height: 20px; }
p.alert{ color: red; padding: 10px; text-align: center; background: #fdf5ce; margin: 5px 0; display:none; }
p.alert b{ color:#000000; } 
p.freeMsg{ padding: 10px; text-align: left; margin: 20px 0 0; border: 1px solid #000000; line-height: 20px; font-size: 9pt; background: #f71737;color:#FFFFFF }
p.freeMsg span{ display:inline-block }
p.freeMsg b{ display:inline-block; vertical-align: top; margin: 0 3px; font-weight: normal; }

.RewardsList img{ width: 100%; border: 1px solid #949292; margin: 10px 0; }
.RewardsList a{ position: relative; display: inline-block; }
.RewardsList a span{ position: absolute; z-index: 9; padding: 3px 5px; color: #FFFFFF; background-color: red; top: 20px; right: -10px; font-weight: bold; font-size: 7pt; }
a.seemore{ display: inline-block; width: 100%; padding: 10px 0; font-size: 8pt; color: #008aff; }
a.seemore:hover{ text-decoration: none; }
a.btnN1{ width: 200px; background: #4caf50; color: #FFFFFF; font-size: 12pt; padding: 15px 0; display: inline-block;border-radius: 20px; }
a.btnN1:hover{ text-decoration: none; }

input[type=text], input[type=password], select {
    width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;
}
.button{
    width: 100%; background-color: #2b2b2b;border: none; color: white;padding: 15px 32px;text-align: center; 
    text-decoration: none; display: inline-block;font-size: 16px; color:#FFFFFF; margin: 10px 0; cursor: pointer; height: 50px;
}
.button:hover{
    background-color: #000000;
}
.underBtn{ display: inline-block; position: absolute; top: 10px; color:#888888 }


/* ----------------------------------- APP */
#top{  
    width:100%; height:70px; overflow: hidden; text-align: center; background-color: #FFFFFF; position: fixed; top:0; left:0; z-index: 99; 
}    
#title{ width:100%; height:20px; overflow: hidden;  text-align: center; padding-top:5px; color: #a7a7a7; font-size: 8pt; }  
#bar{ width:100%; height:30px; overflow: hidden; background-color: #000000; text-align: center; padding-top:10px; color: #FFFFFF; font-size: 12pt; font-weight: bold; }  
#footerApp{ 
    width:100%; height:70px; overflow: hidden; left: 0; bottom: 0; text-align: center; z-index: 999; position: fixed; background-color: #FFFFFF;  
}
#menu{ width:96%; min-height:28px; border-top: 1px solid #cacaca; display: inline-block; padding: 8px 0 0; text-align: center; }
#topmenu{ width:100%; height:5px; display: inline-block; background-color: #FFFFFF; float: left; }
.btn-menu{ width:29px; height:28px; display: inline-block; padding: 2px; border: 2px solid #FFFFFF; border-radius: 4px; }
.btn-menu.active{ background-color: #008aff; border: 2px solid #fdbc40; }
#closeNavBtn{ color: #000000; font-size: 20px; font-weight: bold; display: inline-block; margin: 8px 0 0; }
div#content p.waitW{ width: 100%; text-align: center; padding: 130px 0 30px; display: inline-block; }

.btn-pop{ 
    width: 160px; margin-top: 10px; background: #3c3b3b; border: 1px solid #000000; border-radius: 15px; display: inline-block !important;
    font-size: 12pt !important; color: #FFFFFF !important; font-weight: bold; padding: 15px !important;        
 }


.RewardsList .myTransBox{ width:50%; display:inline-block !important; float: left; text-align: center !important; padding: 0; position: relative; margin: 0; }
.RewardsList .myTransBox img{ width: 100%; border: none; margin: 0; }
.RewardsList .myTransBox a{ }
.RewardsList .myTransBox span{ background: none; position: absolute; left: 10%; line-height: 14px; top: 7%; z-index: 99; text-align: left; display: inline-block; font-size: x-small; padding: 0; font-weight: normal; background: none; color: #000000; }
.RewardsList .myTransBox b{ font-size: x-small; display: inline-block; padding: 0;  background: none; margin: 0; color: green; }

.redeemBox{ width:50%; display:inline-block !important; float: left; text-align: center !important; padding-bottom: 20px; }
.redeemBox img{ width: 80%;border: 1px solid #949292; }
.redeemBox a{ }
.redeemBox span.pointUse{ background-color: #5f5e5e; padding: 10px 1px; color: #FFFFFF; font-weight: bold; width: 80%; display: inline-block; font-size: small; }

p.social{ padding: 10px 0 15px; }
p.social a{ display: inline-block; width: 32px; height: 32px; background: none repeat scroll left top transparent; margin: 0 10px; }
p.social a:hover{ background-position: left bottom; }
p.social a.facebook{ background-image: url('../../archive/images/icon-facebook.png'); }
p.social a.instagram{ background-image: url('../../archive/images/icon-instagram.png'); }
p.social a.twitter{ background-image: url('../../archive/images/icon-twitter.png'); }
p.social a.line{ background-image: url('../../archive/images/icon-line.png'); }
p.social a.tripadvisor{ width: 56px; background-image: url('../../archive/images/tripadvisor2.png'); } /*190px*/


/* ----------------------------------- New */
.pHeader{ padding: 0 0 20px; font-size: medium; text-align: center; }
.pContent{ padding: 20px 0; font-size: medium; text-align: left; }
.pComment{ padding: 20px 20px 10px 20px; font-size: small; text-align: left;  background: #ececec; border: 1px solid #000000;  border-radius: 13px; margin: 0 0 25px; }
.pComment b{ font-size: medium; }
.pComment .pFooter{ font-weight: bold; }
.pComment .pFooter b{ font-size: x-large; vertical-align: middle; }
.pComment .pFooter a{ color: #000000; text-decoration: underline; }
.pComment a{ color: #FFFFFF; }
#title h1{ color: #a7a7a7; font-size: 8pt; font-weight: normal; }
p#countDown{ padding: 0 0 15px; font-size: x-large; font-weight: bold; color: green; }




#mainMenu{ margin: auto; text-align: left; font-family: 'myNextPro', sans-serif, Arial; color: #FFFFFF; font-size: 24px; padding: 0 0 5px; }
#mainMenu a{ color: #FFFFFF; }
#mainMenu a:hover, #mainMenu a.active{ color: #008aff; }
#mainMenu a.cloNav{ color: #008aff; text-decoration: none; position: absolute; right: 0; padding: 0 20px 0 30px; z-index: 999; }
i.iNex{ color: #FFFFFF !important; font-style: normal; font-weight: bold; }
.pComment{ font-family: 'myFranklin', sans-serif, Arial; background: #1d1d1d; overflow: hidden; }
.pComment b{ font-family: sans-serif, Arial; }
.fontText{ font-family: 'myFranklin' !important; }
.itemTime{ color:#3ba5ff; margin: 0 0 10px; display: inline-block; }
.itemFooter{ font-weight: bold; margin: 10px 0 0; display: inline-block; }
.itemImg{ float: left; display: inline-block; margin: 0; }
.h2i{ font-size: 20px; font-weight: bold; display: inline-block; border-bottom: 2px solid #008aff; line-height: 20px; }
#content div.oneBox{ width:90%; padding: 20px; line-height: 24px; display: inline-block; margin: 0 0 20px 0; text-align: center; }
#facebox a#editx{ position: absolute; top: -20px; left: -6px; background: #FFF; }
#facebox a#editx:hover{ }
.sClose{ display: none; }
.btnYear{ display: inline-block; padding: 2px 15px; border: 1px solid #CCCCCC; background: #e8e7e7; border-radius: 10px; margin: 5px; }
.btnYear.active{ background: #fff0b2; }

a.signup{ font-size: 10pt; padding: 10px 20px 6px; background: #39843c; border: 1px solid #8BC34A; border-radius: 13px; }
a.signup:hover{ color:#FFFFFF !important; }
    
table, th, td{
	border: 1px solid #cac8c8;
	border-collapse: collapse;
}
th, td{
	padding: 5px;
	text-align: left;
	font-size: 9pt;
}
table{ page-break-inside:auto }
tr{ page-break-inside:avoid; page-break-after:auto; }
thead{ display:table-header-group; background: #f1f0f0; }
tfoot{ display:table-footer-group; }
.breakPage{ page-break-before: always; }
.tableFooter{ background: #f1f0f0; }
.tableFooter b{ color:#087eff; }
.tableFooter td{ border:none; padding: 7px 5px;  }
table a{ color:#000000; }
table#dataList{
  /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
}

.btnBig{ 
    display: inline-block; padding: 10px 70px; background: #0059ff;
    color: #FFFFFF; margin-bottom: 20px; font-size: 22px;
    border: 1px solid #FFFFFF; border-radius: 14px; 
}    
.btnBig:hover{ text-decoration: none; background: #0844b5; }
span.xDesc{ color: #777676; }
#content #headTitle{ text-align: center; background: #121212; color: #FFFFFF; padding: 20px; line-height: 24px; }
h1.tinyH1{ font-size: 36px; color: #018aff; font-family: sans-serif; display: inline-block; }
h2.tinyH2{ font-size: 36px; color: #FFFFFF; font-family: sans-serif; display: inline-block; margin-bottom: 15px; }
h3.tinyH3{ font-size: 13pt; color: #FFFFFF; display: inline-block; }
.hiTiny{ display:none !important; }

/* ----------------------------------- microdata  itemscope */
dl{ display: inline-block; text-align: left; margin-top: 30px; line-height: 36px; }
dd{ margin-inline-start: 10px; margin-bottom: 20px; }
h2.iscTitle{ font-size:15pt; color: #efe917; font-family: sans-serif, Tahoma; }
h2.iscTitle span.udl{ text-decoration: underline;  }
strong.dt{ font-size:13pt;color: #ffffff; }
div.iscBox{ text-align: left; padding: 20px 10px 10px; background: transparent;  color: #bdbdbd; border: none; line-height: 22px; }

/* ----------------------------------- table compare */
.tbCompare{ width: 100%; }
.tbCompare td{ padding: 5px; vertical-align: middle; line-height: 18px; }
.tbCompare thead{ background: #20659c; }
.tbCompare tbody tr{ background: #434343; }
.tbCompare thead th{ font-size: 10pt; text-align: center; padding: 10px 3px; }
.tbCompare a.btn{ 
    background-color: #d60049; box-shadow: 0px 2px 0px 0px #1d1c1c; display: inline-block;
    text-shadow: 0 -0.0625em 0 rgba(0,0,0,.4); text-transform: uppercase; text-align: center; min-width: 30px;
    padding: 8px 10px; border: 0.5px solid #848484; border-radius: 10px; font-weight: bold; font-size: 11pt;
}
.tbCompare a.btn:hover{ background-color: #9e1343; text-decoration: none; }
.tbCompare .co1{ width: 1px; font-weight: bold; font-size: 13pt; }
.tbCompare .co2{ width: 1px; }
.tbCompare .co2 img{ width:100px; margin: 5px 0 0; border: 2px solid #353535; border-radius: 8px; }
.tbCompare .co3{ color: #02de4a; font-size: 12pt; font-weight: bold; text-align: center; font-family: sans-serif,arial,tahoma,verdana; }
.tbCompare .co4{ font-size: 8pt; text-align: center; }
.tbCompare .co5{ font-size: 7pt; max-width: 110px; }
.tbCompare .co6{ font-size: 8pt; max-width: 80px; }
.tbCompare .co7{ font-size: 7pt; max-width: 70px; }
.tbCompare .co2 a:hover img{ border: 2px solid orange; }

a.btnMB{ 
    background-color: #d60049; box-shadow: 0px 2px 0px 0px #1d1c1c; display: inline-block; margin: 10px 0;
    text-shadow: 0 -0.0625em 0 rgba(0,0,0,.4); text-transform: uppercase; text-align: center; min-width: 30px;
    padding: 12px 10px 10px; border: 0.5px solid #848484; border-radius: 10px; font-weight: bold; font-size: 15pt;
    width: 90%; max-width: 300px;
}
a.btnMB:hover{ background-color: #9e1343; text-decoration: none; }

ul.list2co{ width: 100%; border: 1px solid #797777; border-radius: 10px; display: inline-block; margin: 0 0 15px; overflow: hidden; background: #434343; }
.list2co li{ display: inline-block; float: left; width: 50%; }
.list2co li img{ width: 100%; display: inherit; }
.list2co .col2{ font-size: 9pt; line-height: 20px; }
.list2co .col2 strong{ font-size: 13pt; text-decoration: underline; font-family: sans-serif; color: #44a9ff; display: inline-block; margin-bottom: 12px; }
.list2co .col2 p{ padding: 15px; font-size: 10pt; }
.list2co a.btn{ margin-top: 10px; padding: 10px 20px; font-size: 15pt; }
@media screen and (max-width: 900px) {
    .list2co li{ float: none; width: 100%; }
}

#content div.nextPage{ width: 90%; text-align: center; padding: 20px; }
#content div.nextPage a{ color: #FFFFFF; font-size: 18px; font-weight: bold; display: inline-block; border: 1px solid #CCCCCC; padding: 10px 30px; border-radius: 8px; }
#content div.nextPage a:hover{ text-decoration: none; color: #03a9f4; border: 1px solid #03a9f4; }

.faqsBox div{ width: 100%; }