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

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

html, body, body > .container { height: 100%; }
body > .container { height: auto; min-height: 100%; position: relative; }
body { overflow-x: hidden; }
#main-footer {
	clear: both;
	position: relative;
	z-index: 10;
	height: 375px;
	margin-top: -375px;
}

#contentarea { padding-bottom: 375px; }
#main-footer nav { margin-bottom: 50px; }
#main-footer nav ul{ margin:0px auto; float:none; width:76%; }
#main-footer .info { line-height: 21px; margin-bottom: 30px; }

#newest { overflow: hidden; }
#highest_rate { overflow: hidden; }
#popular { overflow: hidden; }

.banner_c { left: -185px; top: 5px; width: 180px; height: 500px; }
.banner_d { right: -185px; top: 5px; width: 180px; height: 500px; }

.banner-d-quiz{
	background:#EEE;
	background: -webkit-linear-gradient(#EEE, #FFF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#EEE, #FFF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#EEE, #FFF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#EEE, #FFF); /* Standard syntax */
}

.quiz-prop{ width: 79.63%; }
.banner-prop{ width: 176px;  }

.msg { background-color: #FFC; color: #F60; text-align: center; padding: 10px; border: 1px solid #F60; }
#alert { background-color: #FFC; color: #F60; text-align: center; padding: 10px; border: 1px solid #F60; margin: 5px auto; }

#contentarea .content { padding: 20px 10px 30px 0px; }
#contentarea .content p { padding: 10px 0px; }

.antispam { display: none; }

#contactform table td { padding: 8px 5px; }

.loading { padding: 5px; height: 100%; text-align: center; }
.loading>div { background-color: rgba(222,222,222, 0.7); border-radius: 5px; color: #000; width: 90px; padding: 5px; margin: auto; }

.fancybox-close { 
	background-image: url(../images/icon_close.png) !important;
	background-size: cover !important;
	top: 10px !important; 
	right: 10px !important;
	width: 25px !important;
	height: 25px !important;
}
.fancybox-skin { border-radius: 7px !important; }

.preview-box img { left: inherit; right: inherit; top: inherit; bottom: inherit; }
div.thumb { position: relative; }
div.thumb img { position: absolute; margin: auto; width: 100%; }

.content-header h2, .content-header h3 { letter-spacing: 2px; }

.form-group.row { margin-bottom: 15px; }

#main-header .fb-like { width: auto; margin-top: 3px; float: none; }

/* mainnav */
#main-nav .dropdown-menu li { display: block; float: none; }
#main-nav .dropdown-menu li a { padding: 0px 15px !important; display: block; font-size: 14px; }

/* quiz footer */
#slide_footer>a:nth-of-type(5n+1) { margin-left: 0px; }
#div_more_footer { clear: both; }

/* mypage msg list box */
.imsg { }
.imsg .subhdr { overflow: hidden; height: 30px; }
.imsg .subhdr .title { color: #006699; float: left; font-weight: bold; line-height: 30px; }
.imsg .subhdr .title a { text-decoration: none; color: #006699; font-weight: bold; }
.imsg .expand .subhdr .title { background: url(../images/arrow_blue_expand.png) no-repeat; background-position: 0px 8px; padding-left: 33px; }
.imsg .collapse .subhdr .title { background: url(../images/arrow_blue_collapse.png) no-repeat; background-position: 0px 8px; padding-left: 33px; }
.imsg .subhdr .sendmsg { float: right; font-size: 10px; }
.imsg .subhdr .sendmsg a { text-decoration: none; }

.imsg ul { padding: 0px; margin: 0px; list-style: none; overflow: hidden; }
.imsg .subcontent>ul>li { padding: 6px 8px; margin-left: 25px; color: #666666; overflow: hidden; }
.imsg .subcontent>ul>li:nth-child(2n) { background-color: #e5f1fb; }
.imsg .subcontent>ul>li ul li { float: left; font-size: 12px; }
.imsg .subcontent>ul>li ul li.col_pic { width: 60px; }
.imsg .subcontent>ul>li ul li.col_msg { float: none; padding-left: 60px; padding-right: 80px; }
.imsg .subcontent>ul>li ul li.col_act { width: 80px; text-align: right; font-size: 10px; float: right; }
.imsg .subcontent>ul>li ul li.col_act a { text-decoration: none; }
.imsg .subcontent>ul>li ul li.col_act a.delete { color: #F00; padding: 2px 4px; border-radius: 3px; margin-top: 3px; font-size: 12px; }
.imsg .subcontent>ul>li ul li.col_act a.delete:hover { background-color: #F00; color: #FFF; }
.imsg .subcontent>ul>li ul li.col_act a.delete:hover::after { content: " DELETE"; }

.imsg .subcontent>ul>li ul li h5 { margin: 0px; padding: 0px; font-size: 14px; line-height: 14px; display: inline-block; }

.imsg .msg_footer { padding: 3px; }
.imsg .reply_box { padding: 5px 5px 5px 35px; border: 1px dashed #999999; margin-left: 10px; background: url(../images/icon_quote.png) no-repeat #eee; background-position: 3px 3px; min-height: 35px; }

#boxmsg .subcontent .msglist { max-height: 260px; overflow: auto; }
#boxmsg .subcontent .msglist .new { border-left: 2px solid #F90; }
#boxmsg .subcontent .msglist li li img { max-width: 100%; }
#boxmsg .subcontent .msgnav { font-size: 11px; padding: 2px; }
#boxmsg .subcontent .msgnav a { color: #626262; text-decoration: none; }

/* mypage duel list box */
#boxduel { /*overflow: hidden;*/ min-height: 34px; max-height: 500px; }
#boxduel.expand .duel_content { overflow: auto; height: 478px; }
#boxduel .duel_data li { overflow: hidden; border-bottom: 1px solid #ddd; padding: 10px 0px; }
#boxduel .duel_data li a { overflow: hidden; display: block; }
#boxduel .fa-chevron-down { display: none; }
#boxduel .fa-chevron-up { display: inherit; }
#boxduel.expand .fa-chevron-up { display: none; }
#boxduel.expand .fa-chevron-down { display: inherit; }

#boxduel .duel_active { margin-bottom: 15px; }
#boxduel .duel_active .title { padding: 1px 5px; font-size: 14px; }
#boxduel .duel_active ul { margin: 0px; padding: 0px; list-style: none; }
#boxduel .duel_active li { overflow: hidden; padding: 4px; font-size: 12px; }
#boxduel .duel_active li a { text-decoration: none; /*color: #FFF;*/ display: block; }
#boxduel .duel_active li:nth-child(2n-1){ /*background: url(../images/duel_active_bg1.png) repeat-x top #414141;*/ }
#boxduel .duel_active li .left { float: left; padding: 2px 1px; width: 140px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#boxduel .duel_active li .left b { font-size: 13px; }
#boxduel .duel_active li .right { float: right; width: 113px; position: relative; }
#boxduel .duel_active li .right .player { float: left; }
#boxduel .duel_active li .right .player img { border: 1px solid #FFF; }
#boxduel .duel_active li .right .player:nth-child(2) { float: left; margin-left: 9px; }
#boxduel .duel_active .type_duel .vs { position: absolute; top: 6px; left: 38px; width: 33px; height: 36px; background: url(../images/vs_duel.png) no-repeat; z-index: 10; }
#boxduel .duel_active .type_multi .vs { position: absolute; top: 6px; left: 26px; width: 55px; height: 45px; background: url(../images/vs_multi.png) no-repeat; z-index: 10; }
#boxduel .duel_active li.finish { /*color: #a3a3a3;*/ }
#boxduel .duel_active li.finish a { text-decoration: none; color: #333; display: block; }
#boxduel .duel_active li.waiting { /*color: #a3a3a3;*/ }
#boxduel .duel_active li.waiting a { text-decoration: none; color: #333; display: block; }

#boxduel li:hover { background-color: #f8feff; }

.duel_list, .duel_list ul { padding: 0px; margin: 0px; list-style: none; overflow: hidden; }
.duel_list { }
.duel_list li { /*padding-top: 7px;*/ padding-bottom: 1px; }
.duel_list ul li { float: left; /*color: #FFF;*/ }
.duel_list ul li a { color: #FFF; text-decoration: none; }

.duel_list ul li:nth-child(1) { width: 39px; text-align: center; position: relative; }
.duel_list ul li:nth-child(2) { width: 56px; text-align: center; }
.duel_list ul li:nth-child(3) { width: 165px; position: relative; padding-left: 3px; /*text-shadow: 2px 2px 1px #000;*/ font-size: 14px; }

.duel_list>li { /*background-color: #858585;*/ border-bottom: 1px solid #ddd; }
.duel_list>li ul li { /*text-shadow: 1px 1px 2px #222;*/ }
.duel_list>li ul li:nth-child(1) { padding-top: 10px; /*height: 50px;*/ }
.duel_list>li ul li:nth-child(2) { padding-top: 6px; /*height: 50x;*/ }
.duel_list>li ul li:nth-child(3) { padding-top: 10px; /*height: 50px;*/ }

.duel_list>li:first-child { }
.duel_list>li:first-child ul li:nth-child(1) { text-align: center; /*padding-top: 0px;*/ }
.duel_list>li:first-child ul li:nth-child(2) { text-align: center; /*padding-top: 0px;*/ }
.duel_list>li:first-child ul li:nth-child(3) { text-align: right; /*padding-top: 0px;*/ }
.duel_list>li:first-child ul li { }
.duel_list>li:nth-child(2n) { /*background-color: #4c4c4c;*/ }

.duel_list .rank-pos { text-align: left; color: #999; font-size: 10px; }

.duel_list ul li:nth-child(1)>img { position: absolute; left: 0px; top: -3px; }
.duel_list li:nth-child(2n) ul li:nth-child(1)>img { position: absolute; left: 0px; top: 2px; }
.duel_list>li ul li .line { clear: both; }
.duel_list>li ul li .name { float: left; }
.duel_list>li ul li .score { float: right; }
.duel_list>li ul li .rank { float: left; }
.duel_list>li ul li .rank img { margin: 2px 1px; }
.duel_list>li ul li .sendmsg { float: right; margin-top: 8px; }

#boxduel .duel_list { margin-bottom: 15px; }

#boxduel .inactive-color { color: #999999; }
#boxduel .rounds { list-style: none; padding: 8px 2px; margin: 0px; /*height: 105px;*/ }
#boxduel .rounds li { line-height: 23px; font-size: 14px; }
#boxduel .btn { width: 212px; height: 43px; background: url(../images/duel_btn_active.png) no-repeat center center; margin: 10px auto 15px; display: block; line-height: 27px; color: #FFF; text-decoration: none; text-align: center; font-weight: bold; font-size: 12px; }
#boxduel .btn:hover { color: #FC0; }
#boxduel .btn.disabled { background: url(../images/duel_btn_inactive.png) no-repeat; color: #CCC; cursor: default; }
#boxduel .btn.disabled:hover { color: #CCC; }

#boxduel #duel_close { background: #E41D21; border-radius: 50%; padding: 0px; width: 20px; height: 20px; text-align: center; }

.duel_cancel { color: #DD1619; text-align: center; font-size: 10px; text-decoration: none; display: block; margin-bottom: 15px; }
.duel_cancel:hover { color: #B01F22; text-decoration: underline; }

.duel_msg { background-color: #F90; color: #000; text-align: center; padding: 5px; border-radius: 7px; margin-top: 10px; }


.duel_popup { width: 100%; /*540px; /*height: 688px;*/ background-color: #FFF; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; /*padding: 7px;*/ }
.duel_popup>div { padding: 0px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; /*background: url(../images/duel_popup_bg.png) repeat-x #0d0506;*/ height: 100%; }
.duel_popup .phdr { /*background: url(../images/duel_popup_hdr.png) repeat-x;*/ height: 39px; line-height: 39px; font-size: 25px; color: #000; font-weight: bold; text-align: center; position: relative; }
.duel_popup .phdr .close { position: absolute; top: 10px; right: 20px; display: none; }
.duel_popup .phdr .close a { text-decoration: none; }
.duel_popup .pcontent { padding: 15px 14px 10px; /*background: url(../images/duel_popup_bg.png) repeat-x #0d0506;*/ color: #000; }
.duel_popup .pcontent .quiztop { overflow: hidden; padding-bottom: 35px; }
.duel_popup .pcontent .quiztop .quizimg { float: left; overflow: hidden; width: 50%; }
.duel_popup .pcontent .quiztop .quizimg div { margin-bottom: 2px; padding: 0px; background-color: #FFF; display: block; width: 100%; height: auto; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; width: 256px; max-width: 100%; /*height: 256px;*/ background-size: cover; background-position: center center; background-repeat: no-repeat; border: 0px solid #fff; padding-bottom: 100%; }
.duel_popup .pcontent .quiztop .quizimg a>div:hover { border: 2px solid #F90; }
.duel_popup .pcontent .quiztop .quizimg img { width: 100%; height: auto; }
.duel_popup .pcontent .quiztop .selected { border-bottom: 3px solid #F90; }
.duel_popup .pcontent .quiztop .quiztitle { width: 50%; /*height: 210px;*/ /*background: url(../images/duel_popup_vs.png) center no-repeat; background-position: center 15px;*/ float: right; font-size: 20px; /*padding-top: 165px;*/ text-align: center; padding-left: 10px; }
.duel_popup .pcontent .quiztop .quiztitle img { max-width: 50%; height: auto; }
.duel_popup .pcontent .invitefriends { clear: both; padding-bottom: 20px; }
.duel_popup .pcontent .invitefriends .title { font-size: 20px; font-weight: bold; padding: 5px 0px; }
.duel_popup .pcontent .invitefriends .list { padding: 0px; background-color: #FFF; overflow: hidden; width: 100%; }
/*
.duel_popup .pcontent .invitefriends .list>div { float: left; position: relative; background-color: #005c9a; border-radius: 5px; padding: 0px 35px 0px 10px; line-height: 20px; margin-left: 8px; }
.duel_popup .pcontent .invitefriends .list>div:first-child { margin-left: 0px; }
.duel_popup .pcontent .invitefriends .list>div>div { position: absolute; top: 0px; right: 0px; padding: 0px 13px 0px 5px; }
.duel_popup .pcontent .invitefriends .list>div>div a { text-decoration: none; color: #FFF; }
*/
.duel_popup .pcontent .msgfriends { clear: both; padding-bottom: 20px; }
.duel_popup .pcontent .msgfriends .title { font-size: 20px; font-weight: bold; padding: 5px 0px; }
.duel_popup .pcontent .msgfriends .list { padding: 9px; background-color: #FFF; color: #666; width: 100%; height: 70px; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box;	-webkit-box-sizing:border-box; }

.duel_popup .pcontent .quizbottom { padding: 10px 0px; /*height: 30px;*/ overflow: hidden; }
.duel_popup .pcontent .quizbottom>div { /*background: url(../images/duel_popup_btn_inactive.png) no-repeat; background-size: 100% 100%;*/ width: 224px; max-width: 48%; height: 53px; /*font-size: 24px;*/ font-size: 100%; font-weight: bold; text-align: center; line-height: 53px; border: 1px solid #666; -moz-border-radius: 10px; border-radius: 10px; }
.duel_popup .pcontent .quizbottom>div { float: right; /*margin-right: 10px;*/ }
.duel_popup .pcontent .quizbottom>div:first-child { float: left; }
.duel_popup .pcontent .quizbottom>div.inactive a { color: #A2A2A2; cursor: default; }
.duel_popup .pcontent .quizbottom>div.active a { color: #B0080B; /*background: url(../images/duel_popup_btn_active.png) no-repeat; background-size: 100% 100%;*/ }
.duel_popup .pcontent .quizbottom>div a { display: block; text-decoration: none; }

.duel_popup .pcontent .quizlist { margin-top: 12px; margin-bottom: 10px; min-height: 190px; }
.duel_popup .pcontent .quizlist .title { font-size: 14px; font-weight: bold; padding: 5px 0px; }
.duel_popup .pcontent .quizlist ul { padding: 0px; margin: 0px; list-style: none; overflow: hidden; }
.duel_popup .pcontent .quizlist ul li { float: left; margin-left: 25px; font-size: 14px; font-weight: bold; line-height: 33px; width: 100px; line-height: 14px; text-align: center; }
.duel_popup .pcontent .quizlist ul li:first-child { margin-left: 0px; }
.duel_popup .pcontent .quizlist ul li .quizimg { overflow: hidden; margin-bottom: 2px; }
.duel_popup .pcontent .quizlist ul li .quizimg a>div { padding: 2px; background-color: #FFF; display: block; margin-bottom: 2px; width: 100px; height: 100px; overflow: hidden; border: 2px solid #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.duel_popup .pcontent .quizlist ul li .quizimg a>div:hover { border: 2px solid #F90; }
.duel_popup .pcontent .quizlist ul li .quizimg img { width: 100px; height: auto; }
.duel_popup .pcontent .quizlist ul li .selected { border-bottom: 2px solid #F90; }
.duel_popup .pcontent .quizlist ul li a { font-size: 14px; font-weight: bold; text-decoration: none; color: #333; }

/* text  Invite more friends here */
.duel_popup .pcontent #invitetext { text-align: center; padding-top: 25px;}
.duel_popup .pcontent #invitetext a { color: white; }


/* mypage highscore list box */
#boxhs { overflow: hidden; min-height: 34px; max-height: 770px; -moz-border-radius: 3px; border-radius: 3px; }

#boxhs .fa-chevron-down { display: none; }
#boxhs .fa-chevron-up { display: inherit; }

#boxhs.expand { background-color: #efefef; }
#boxhs.expand .highscore_content { overflow: auto; /*height: 440px;*/ max-height: 720px; }
#boxhs.expand .fa-chevron-up { display: none; }
#boxhs.expand .fa-chevron-down { display: inherit; }

#boxhs.mobile { background-color: transparent; }

#boxhs.more { max-height: 820px; }

#boxhs nav { display: none; }
#boxhs.expand nav { display: block; }

#boxhs .table { margin-bottom: 5px; }
#boxhs .table>thead>tr>th { border-bottom: 0px; font-weight: normal; }
#boxhs .table>tbody>tr:first-child>td { border-top: 0px; }
#boxhs .table tr td:nth-of-type(2) { position: relative; }



/*
#boxhs { width: 291px; }
#boxhs .box_item { background: url(../images/mypage_highscore_bg.png) repeat-x top #004e89; }
#boxhs .box_item .hdr { height: 60px; color: #FFF; }
#boxhs .box_item .hdr>div { padding: 10px 10px; }
#boxhs .box_item .hdr .title { text-shadow: 1px 1px 1px #000; font-weight: bold; font-size: 16px; }
*/
#boxhs .subhdr { padding: 0px; margin: 0px; list-style: none; overflow: hidden; border-bottom: 1px solid #ccc; }
#boxhs .subhdr li { height: 25px; float: left; line-height: 24px; margin-left: 5px; border-left: 1px solid #ccc; }
#boxhs .subhdr li:nth-of-type(1) { border-left: 0px; }
#boxhs .subhdr li a { text-decoration: none; display: block; padding-left: 9px; padding-right: 9px; }
#boxhs .subhdr .active { color: #2b2b2b; position: relative; }
#boxhs .subhdr .active a { color: #2b2b2b; padding-left: 6px; left: 3px; position: relative; font-weight: bold; }
#boxhs .subhdr li:nth-of-type(1) a { padding-left: 0px; }

#boxhs .rank { color: #6b6b6b; font-size: 1.6em; }
#boxhs table tr:last-child td { border-bottom: 1px solid #ccc; }
#boxhs table tr:hover td { background-color: #f8feff; }
#boxhs table tr:hover .rank { color: #0badd8; }
#boxhs table tr:hover .name { color: #2b2b2b; font-weight: bold; }

#div_highscore table tr td:nth-of-type(2) { position: relative; }

#boxhs #back_hs a,
#boxhs #more_hs a, 
#boxhs #more_loading a { padding: 5px; display: block; line-height: 25px; text-align: center; text-decoration: none; margin: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }

#boxhs #more_hs a:hover, 
#boxhs #more_loading a:hover { }

.ranking .user-info .name { font-weight: normal; }
.ranking .user-info .name a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; display: inline-block; }
.ranking .thumb { position: absolute; left: 8px; top: 8px; width: 50px; height: 50px; float: none; }
.ranking .user-info { padding-left: 60px; float: none; width: 100%; min-height: 50px; }

/* mypage friends list box */
.yourfriends .box_item .hdr { background: url(../images/mypage_box_hdr.jpg) repeat-x; height: 39px; color: #FFF; overflow: hidden; border: 1px solid #97b7d0; border-bottom: 1px solid #5c8aac; }
.yourfriends .box_item .hdr>div { padding: 10px; }
.yourfriends .box_item .hdr .title { font-weight: bold; }
.yourfriends .box_item .hdr>div a { color: #FFF; text-decoration: none; }

.yourfriends .box_data { max-height: 500px; overflow: auto; }
.yourfriends .box_data>div ul { padding: 0px; margin: 0px; list-style: none; }
.yourfriends .box_data>div>ul>li { height: 63px; padding-top: 6px; padding-bottom: 2px; clear: both; border-top: 1px solid #ddd; }
.yourfriends .box_data>div>ul>li:hover { background: #f8feff; }
.yourfriends .box_data>div>ul>li:nth-of-type(1) { border-top: 0px; }
.yourfriends .box_data>div>ul>li:nth-child(2n-1) { }
.yourfriends .box_data>div>ul>li:nth-child(2n) { /*background: url(../images/yourfriend_line_bg.png) repeat-x; background-color: #e2e2e2;*/ }
.yourfriends .box_data>div>ul ul>li { float: left; }
.yourfriends .box_data>div>ul ul>li:nth-child(1) { width: 63px; text-align: center; }
.yourfriends .box_data>div>ul ul>li:nth-child(2) { width: 165px; padding: 0px 0px 0px 5px; }
.yourfriends .box_data>div>ul ul>li:nth-child(3) { width: 40px; padding-top: 13px; }
.yourfriends .box_data .footer { padding: 0px; text-align: center; }

.yourfriends .box_data .name a { text-decoration: none; color: #000; font-weight: bold; }
.yourfriends .box_data .recent { font-size: 11px; }
.yourfriends .box_data .recent a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 75px; display: inline-block; vertical-align: text-bottom; }
.yourfriends .box_data .score { font-size: 11px; }
.yourfriends .box_data a { color: #000; }

.yourfriends .box_data .morefriends a { display: block; line-height: 25px; text-align: center; text-decoration: none; margin: 3px; background-color: #eee; border: 1px solid #999; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }
.yourfriends .box_data .morefriends a:hover { background-color: #BCBCBC; border: 1px solid #999; }

/* my scores */
.dine-box .item-s .info { padding-left: 10px; font-size: 0.9em; width: calc(100% - 80px); }
.dine-box .thumb { width: 140px; height: 100px; overflow: hidden; }
.dine-box .thumb img { height: auto; width: 100%; }

.dine-box .item-s .thumb { width: 70px; height: 50px; overflow: hidden; }
.dine-box .item-s .thumb img { height: auto; width: 100%; }

.dine-box .item .arrow { background: url('../images/arrow-1-grey.png') center center no-repeat }

/* general mypage */
aside { padding-right: 0px !important; }
aside>nav>h3 { cursor: pointer; }

.aside-box h3>a { display: block; }

#main-header .fb-like { background: none; }
#main-header .fb-like iframe { right: 0px; }

.stars-0-0 {
  background-image: url('../images/stars-0.png');
}
.stars-0-5 {
  background-image: url('../images/stars-0h.png');
}
.stars-1-0 {
  background-image: url('../images/stars-1.png');
}
.stars-1-5 {
  background-image: url('../images/stars-1h.png');
}
.stars-2-0 {
  background-image: url('../images/stars-2.png');
}
.stars-2-5 {
  background-image: url('../images/stars-2h.png');
}
.stars-3-0 {
  background-image: url('../images/stars-3.png');
}
.stars-3-5 {
  background-image: url('../images/stars-3h.png');
}
.stars-4-0 {
  background-image: url('../images/stars-4.png');
}
.stars-4-5 {
  background-image: url('../images/stars-4h.png');
}
.stars-5-0 {
  background-image: url('../images/stars-5.png');
}

.footer_box>a { }
.footer_box>a:nth-child(5n) { padding-right: 0px !important; }
.footer_box>a:nth-child(5n+1) { padding-left: 0px !important; margin-left: 0px; }

/* mypage profile */
.profile-box .thumb { position: relative; }
.profile-box .thumb .edit { position: absolute; bottom: 2px; left: 0px; width: 100%; height: 21px; text-align: center; line-height: 21px; display: block; }
.profile-box .thumb .edit a { text-decoration: none; display: block; color: #333; background-color: #eee; border-radius: 5px; font-size: 11px; border: 1px solid #999; }
.profile-box .thumb .edit a:hover { color: #000; background-color: #FFF; }
.profile-box .thumb:hover .edit { display: block; }

.profile-box .short-menu { overflow: hidden; }
.profile-box .short-menu a { float: left; margin-bottom: 10px; width: 40%; }

/* box smartness */
#boxsmartness .fa-chevron-up { display: inline-block; }
#boxsmartness .fa-chevron-down { display: none; }
#boxsmartness #div_content { display: none; }

/* box message */
#boxmsg .fa-chevron-up { display: inline-block; }
#boxmsg .fa-chevron-down { display: none; }
#boxmsg #div_content { /*display: none;*/ font-weight: normal; }
#boxmsg.expand #div_content { /*display: block;*/ }
#boxmsg .msglist { margin-top: 10px; }
#boxmsg #new_msg_count { display: inline-block; }

/* friend list */
.profile { padding-left: 0px; }
.profile .profile-box:hover { background: #f8feff; }
.profile .profile-box>div { padding-left: 0px; }
.profile .content-header { padding-bottom: 0px; }
.profile .content-header h2 { font-size: 24px; }
.profile .sub-title { font-size: 16px; padding-top: 5px; }
.profile .searchbox form input[name=find] { border: 2px solid #ccc; border-radius: 18px; padding: 5px 12px; }
.profile .searchbox form { position: relative; }
.profile .searchbtn { position: absolute; top: 7px; right: 10px; color: #DD0000; }
.profile .profile-box-small a.link { right: 35px; }

/* non-friend list */
.playerlist { padding-left: 0px; }
.playerlist .searchbox form input[name=find] { border: 2px solid #ccc; border-radius: 18px; padding: 5px 12px; }
.playerlist .searchbox form { position: relative; }
.playerlist .searchbtn { position: absolute; top: 7px; right: 10px; color: #DD0000; }


/* quiz page */
#div_duel_hsc .rank { /*color: #6b6b6b; font-size: 1.6em;*/ }
#div_duel_hsc .rank.smaller { font-size: 3em !important; letter-spacing: -0.1em !important; }
#div_duel_hsc .rank.smaller100 { font-size: 2.4em !important; letter-spacing: -0.1em !important; }
#wrapiframe { padding-left: 0px; padding-right: 0px; }

.box-quiz #boxhs .rank { color: #0E98DD; font-size: 4em; }
.box-quiz #boxhs .rank .dot { font-size: 12px; }
.box-quiz #boxhs #div_highscore { max-height: 510px; }
.box-quiz #boxduel { max-height: 527px; }

.btn-header > button { width: 65px; }

.quiz_footer_box>a { padding-left: 7px; padding-right: 7px; }
.quiz_footer_box>a:nth-of-type(1) { padding-left: 0px; }
.quiz_footer_box>a:nth-of-type(3) { padding-right: 0px; }
.quiz_footer_box .row>a:nth-of-type(5n+1) { margin-left: 0px !important; }

/* home adjustment */
.home_top_box { margin-bottom: 0px; padding: 0px; }
.home_2nd_box>a { margin-bottom: 45px; }
.home_2nd_box a { padding-left: 7px; padding-right: 7px; }
.home_2nd_box a:nth-of-type(1) { padding-left: 7px; }
.home_2nd_box a:last-child { padding-right: 0px; }
.home_3rd_box>a { padding-left: 7px; padding-right: 7px; }
.home_3rd_box>a:nth-of-type(1) { padding-left: 7px; }
.home_3rd_box>a:nth-of-type(3) { padding-right: 0px; }
.home_3rd_box .row>a:nth-of-type(5n+1) { margin-left: 0px !important; }

/* category adjustment */
.cat_top_box { padding-left: 0px; }
.cat_top_box>div>a { padding-left: 7px; padding-right: 7px; margin-bottom: 45px; }
.cat_top_box>div>a:nth-of-type(2n+1) { padding-left: 7px; }
.cat_top_box>div>a:nth-of-type(2n) { padding-right: 7px; }

/* popup style */
.sm_popup { width: 540px; /*height: 688px;*/ background-color: #FFF; }
.sm_popup>div { padding: 0px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.sm_popup .phdr { height: 25px; line-height: 25px; font-size: 21px; color: #000; font-weight: bold; text-align: center; position: relative; }
.sm_popup .phdr .close { position: absolute; top: 10px; right: 20px; display: none; }
.sm_popup .phdr .close a { text-decoration: none; }
.sm_popup .pcontent { padding: 27px 0px; /*background: url(../images/duel_popup_bg.png) repeat-x #0d0506;*/ color: #000; /*height: 365px;*/ overflow: auto; overflow-x: hidden; }
.sm_popup .pcontent .select2-container-multi .select2-choices { background: none; }
.sm_popup .pcontent .select2-container-multi .select2-choices .select2-search-field input { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.sm_popup .pcontent .quiztop { overflow: hidden; padding-bottom: 35px; }
.sm_popup .pcontent .quiztop .quizimg { float: left; overflow: hidden; }
.sm_popup .pcontent .quiztop .quizimg div { margin-bottom: 2px; padding: 7px; background-color: #FFF; display: block; width: 238x; height: 197px; }
.sm_popup .pcontent .quiztop .quizimg a>div:hover { background-color: #F90; }
.sm_popup .pcontent .quiztop .quizimg img { width: 239px; height: auto; }
.sm_popup .pcontent .quiztop .selected { border-bottom: 3px solid #F90; }
.sm_popup .pcontent .quiztop .quiztitle { width: 217px; /*height: 210px;*/ background: url(../images/duel_popup_vs.png) center no-repeat; background-position: center 15px; float: right; font-size: 20px; padding-top: 165px; text-align: center; }
.sm_popup .pcontent .invitefriends { clear: both; padding-bottom: 25px; }
.sm_popup .pcontent .invitefriends .title { font-size: 20px; font-weight: bold; padding: 5px 0px; }
.sm_popup .pcontent .invitefriends .list { padding: 0px; background-color: #FFF; overflow: hidden; width: 100%; }

.sm_popup .pcontent .msgfriends { clear: both; padding-bottom: 25px; }
.sm_popup .pcontent .msgfriends .title { font-size: 20px; font-weight: bold; padding: 5px 0px; }
.sm_popup .pcontent .msgfriends .list { padding: 9px; background-color: #FFF; color: #666; width: 510px; font-size: 16px; }

.sm_popup .pcontent .quizbottom { padding: 10px 0px; height: 30px; }
.sm_popup .pcontent .quizbottom>div { font-size: 16px; font-weight: bold; text-align: center; line-height: 18px; }
.sm_popup .pcontent .quizbottom>div { float: right; margin-right: 10px; }
.sm_popup .pcontent .quizbottom>div.inactive a { color: #B1B1B1; cursor: default; /*background-color: #999;*/ }
.sm_popup .pcontent .quizbottom>div.active a { color: #F10004; /*background-color: #69C;*/ }
.sm_popup .pcontent .quizbottom>div a { display: block; text-decoration: none; border-radius: 7px; padding: 5px; }

.sm_popup .reply_box { background-color: #eee; border: 1px dashed #999999; padding: 7px 7px 7px 35px; color: #000; background: url(../images/icon_quote.png) no-repeat #eee; background-position: 3px 3px; min-height: 35px; }

/* mypage top placement */
#div_placement_list>.item>div { margin-bottom: 10px; }
#div_placement_list>.item>div:nth-of-type(3n+1) { clear: left; }
#div_placement_list .pagenav { text-align: center; padding: 5px 2px 15px; }
#div_placement_list .pagenav a { padding: 2px 10px; }
.dine-box .item .arrow { z-index: 100; }

#top_placement { background-color: #efefef; }
#top_placement.mobile { overflow: hidden; position: relative; max-height: 291px !important; background-color: transparent; }
#top_placement.mobile .item { width: 100%; height: 291px; }

.compare-box.mobile { min-height: 34px; max-height: 270px; overflow: hidden; margin-bottom: 15px; }

#boxfriends.mobile { min-height: 34px; overflow: hidden; }

/* normal-box */
.normal-box {
  padding-bottom: 30px;
  position: relative;
}
.normal-box h1 {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Mouser', Helvetica, Arial, Verdana, sans-serif;
}
.normal-box form {
  padding: 60px;
}
.normal-box form label {
  margin-bottom: 10px;
}
.normal-box .btn {
  float: right;
  background: none;
  font-size: 1.2em;
  color: #DD0000;
  margin-left: 10px;
}

/* my quiz */
#myq-status-ul { list-style: none; overflow: hidden; }
.work_area {
	height: 500px;
	width: 100%;
	color: #6a6a6a;
}

/* search result */
.search-result>a:nth-of-type(5n+1) { margin-left: 0px; }


/* banner */
.banner { text-align: center; position: relative; }
.banner>div { margin: auto; }
#banner-a { width: 1010px; /*height: 150px;*/ left: -10px; top: 0px; position: relative; }
#banner-b { /*width: 1010px; height: 150px;*/ left: -10px; top: 0px; position: relative; }
#banner-c { /*width: 180px; height: 1000px;*/ position: absolute; left: -193px; top: 0px; }
#banner-d { /*width: 180px; height: 1000px;*/ position: absolute; right: -193px; top: 0px; }
#banner-e, #banner-j { /*width: 758px; height: 250px;*/ margin: auto; }
#banner-f { /*width: 758px; height: 250px;*/ margin: auto; }
#banner-g { /*width: 980px; height: 250px;*/ margin: 10px auto 0px; max-width: 100%; }
#banner-h { /*width: 320px; height: 100px;*/ margin: 10px auto 0px; max-width: 100%; }
#banner-i { width: 990px; /*height: 150px;*/ margin: auto; max-width: 100%; }

#banner-a-ct, 
#banner-b-ct, 
#banner-c-ct, 
#banner-d-ct, 
#banner-e-ct, 
#banner-f-ct, 
#banner-g-ct, 
#banner-h-ct, 
#banner-i-ct, 
#banner-j-ct { /*position: relative;*/ }

.annonse { font-size: 8px; color: #fff; width: 50px; height: 14px; position: absolute; top: 0px; left: 0px; background-color: rgba(0,0,0,0.5); z-index: 100; }

.vertical-text { transform: rotate(270deg); transform-origin: 23px 22px; }
#banner-g .vertical-text, #banner-h .vertical-text { transform-origin: 30px 30px; }

/* others */
.more_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	cursor:pointer;
	color:#666666;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.more_btn:hover { background-color: #BCBCBC; border: 1px solid #999; 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}

.invite_share_fb { display: block; width: 140px; margin: auto; }
.invite_share_fb a { display: block; border: 1px solid #A0A0A0; text-align: center; padding: 12px 17px; text-decoration: none; -moz-border-radius: 8px; border-radius: 8px; }
.invite_share_fb a:hover { background: #E1E1E1; }

.aside-login { padding: 5px 0px; border-bottom: 0px; }
.aside-login>div {
	overflow: hidden;
	margin: auto;
	float: none;
}

.aside-login .clear {
	overflow: hidden;
	margin: auto;
	float: none;
}

.aside-login>div h4 { font-size: 16px; }
.aside-login>div form>div { padding: 3px 0px; /*overflow: hidden;*/ }
.aside-login>div .btn input {
	background-color: #70a009;
	border: 1px solid #707070;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #fff;
	font-weight: normal;
}
.aside-login>div .btn input:hover {
	background-color: #628811;
}

.aside-login>div .btn-logg  {
	background-color: #70a009;
	border: 1px solid #707070;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 5px;
}
.aside-login>div .btn-logg:hover {
	background-color: #628811;
}


.aside-login>div .btn_back input {
	background-color: #C9C6C1;
	border: 1px solid #909090;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #fff;
	font-weight: normal;
}
.aside-login>div .btn_back input:hover {
	background-color: #C5C5C5;
}

.aside-login>div input[type=text],
.aside-login>div input[type=password] {
	background: #fffefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffefe 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fffefe 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fffefe 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #707070;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
}

.aside-login #login_form .btn { border: 0px; padding: 0px 1px; }
.aside-login #login_form .btn:first-child { padding-left: 0px; }
.aside-login #login_form .btn:last-child { padding-right: 0px; }

.aside-login #register_form form>div { position: relative; }
.aside-login #register_form form>div .chk { position: absolute; width: 8px; height: 6px; top: 16px; right: -12px; }
.aside-login #register_form form>div .chk.yes { background: url(../images/dot_green_red.png); background-position: 0px 0px; }
.aside-login #register_form form>div .chk.no { background: url(../images/dot_green_red.png); background-position: 0px -6px; }

.aside-login #register_done #div_gender {
	width: 180px;
	margin: 3px auto;
	padding-top: 10px;
}
.aside-login #register_done #div_gender>div { padding: 0px 0px; }

.aside-login #register_done #div_gender>div a { padding: 0px 0px; border-left: 0px; line-height: 34px; }
.aside-login #register_done #div_gender>div:first-child a { border-left: 1px solid #707070; }

.aside-login #register_done #div_others {
	width: 180px;
	margin: 3px auto;
	padding-bottom: 10px;
}
.aside-login #register_done #div_others>div { padding: 0px 0px; }

.aside-login #register_done #div_others>div input[type=text] { border-left: 0px; padding: 6px 8px; font-size: 13px; }
.aside-login #register_done #div_others>div:first-child input[type=text] { border-left: 1px solid #707070; }

.aside-login #register_done .gender {
	background: #fffefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffefe 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fffefe 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fffefe 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #707070;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #a5a5a5;
	font-weight: normal;
	cursor: pointer;
}

.aside-login #register_done .gender.active {
	background: #70a009 !important;
	color: #fff;
}

.aside-login #register_form,
.aside-login #register_done { display: none; }

.aside-login .login_desc { padding: 5px; font-size: 10px; }

.highscore_content .textbox { height: 252px; overflow: auto; }
.highscore_content .textbox>div { margin: auto; float: none; font-size: 14px; }

.aside-login #login_form #login_msg { display: none; margin-top: 3px; background-image: url(../images/ic_warning_amber_24dp.png); background-repeat: no-repeat; background-size: 16px 16px; background-position: 2px 3px; padding: 3px 3px 3px 17px; }

.preview-box .qtn-count { position: absolute; width: 47px; height: 20px; line-height: 20px; top: 6px; right: 0px; text-align: center; font-size: 10px; background-color: rgba(255,0,4,0.5); -moz-border-radius: 7px 0px 0px 7px; border-radius: 7px 0px 0px 7px; color: #FFFFFF; }
.preview-box .custompage_type { position: absolute; width: 100%; height: 20px; line-height: 20px; top: 0px; left: 0px; text-align: center; text-transform: uppercase; font-size: 10px; background-color: rgba(0,0,0,0.5); color: #FFFFFF; }

.aside-login #div_go_next { padding-top: 50px; }

.minside_bar{ margin-bottom: 20px; background-color: #DD1111 !important;  }
	.minside_bar .btn-a{ 
			text-align: center; 
			color: #FFF !important; 
			font-weight: bolder;
			border-left: 1px #FF3333 solid; 
			border-right: 1px #c50000 solid; 
			padding: 20px 0 20px 0; 
			cursor: pointer; 
			text-transform: uppercase;
			text-shadow: 2px 2px 0 #b90000, 1px 1px 0 rgba(0,0,0,0.15);
	}
	.minside_bar .btn-a a{color: #FFF;}
	.minside_bar .btn-a:hover{background-color: #FF2222; }
	.nav-tab{background-color:#FFF; text-shadow: none; text-align: left; font-weight: inherit;}
          .tab1, .tab2{display: none;  margin: 3px; padding: 5px; color: #000; text-decoration: none;}

/* NEW CUSTOM */
#div_login { display: none; }

#div_login { padding: 5px 0px; border-bottom: 0px; text-align: center; }
#div_login>div {
	overflow: hidden;
	margin: auto;
	float: none;
}

#div_login .clear {
	overflow: hidden;
	margin: auto;
	float: none;
}

#div_login>div h1 { line-height: 34px; }
#div_login>div .div_fb { width: 50%; text-align: center; margin: auto; margin-top: 45px; margin-bottom: 30px; }
#div_login>div form { width: 200px; margin: auto; }
#div_login>div form>div { padding: 3px 0px; /*overflow: hidden;*/ }
#div_login>div .btn input {
	background-color: #70a009;
	border: 1px solid #707070;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #fff;
	font-weight: normal;
}
#div_login>div .btn input:hover {
	background-color: #628811;
}
#div_login>div .btn_back input {
	background-color: #C9C6C1;
	border: 1px solid #909090;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #fff;
	font-weight: normal;
}
#div_login>div .btn_back input:hover {
	background-color: #C5C5C5;
}

#div_login>div input[type=text],
#div_login>div input[type=password] {
	background: #fffefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffefe 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fffefe 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fffefe 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #707070;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
}

#div_login #login_form { padding-top: 15px; }
#div_login #login_form .btn { border: 0px; padding: 0px 1px; }
#div_login #login_form .btn:first-child { padding-left: 0px; }
#div_login #login_form .btn:last-child { padding-right: 0px; }

#div_login #register_form { width: 200px; margin: auto; }
#div_login #register_form form>div { position: relative; }
#div_login #register_form form>div .chk { position: absolute; width: 8px; height: 6px; top: 16px; right: -12px; }
#div_login #register_form form>div .chk.yes { background: url(../images/dot_green_red.png); background-position: 0px 0px; }
#div_login #register_form form>div .chk.no { background: url(../images/dot_green_red.png); background-position: 0px -6px; }

#div_login #register_done #div_gender {
	width: 180px;
	margin: 3px auto;
	padding-top: 10px;
}
#div_login #register_done #div_gender>div { padding: 0px 0px; }

#div_login #register_done #div_gender>div a { padding: 0px 0px; border-left: 0px; line-height: 34px; }
#div_login #register_done #div_gender>div:first-child a { border-left: 1px solid #707070; }

#div_login #register_done #div_others {
	width: 180px;
	margin: 3px auto;
	padding-bottom: 10px;
}
#div_login #register_done #div_others>div { padding: 0px 0px; }

#div_login #register_done #div_others>div input[type=text] { border-left: 0px; padding: 6px 8px; font-size: 13px; }
#div_login #register_done #div_others>div:first-child input[type=text] { border-left: 1px solid #707070; }

#div_login #register_done .gender {
	background: #fffefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffefe 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fffefe 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fffefe 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #707070;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #a5a5a5;
	font-weight: normal;
	cursor: pointer;
}

#div_login #register_done .gender.active {
	background: #70a009 !important;
	color: #fff;
}

#div_login #register_form,
#div_login #register_done { display: none; }

#div_login .login_fb_desc { padding: 5px; font-size: 10px; }
#div_login .login_desc { padding: 5px; font-size: 10px; }

#div_login .textbox { height: 252px; overflow: auto; }
#div_login .textbox>div { margin: auto; float: none; font-size: 14px; }

#div_login #login_form #login_msg { display: none; margin-top: 3px; background-image: url(../../images/ic_warning_amber_24dp.png); background-repeat: no-repeat; background-size: 16px 16px; background-position: 2px 3px; padding: 3px 3px 3px 17px; }
#div_hs{ display: none; }

.fancybox-close {
    background-image: none !important;
    color: #000 !important;
    font-size: 18px;
    font-weight: bold;
}
.prev-bar{background-color: #000;
    opacity: 0.8;
    color: #FFF;
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%;
    padding: 0 5px;
	text-align: center;	
}