/**** Box ****/
.box{border:1px solid #e1e1e1;}
/**** Bar ****/
ul.navigation-bar{display:block; margin:0; font-size:0; vertical-align:bottom; position:relative; white-space:nowrap; z-index:1;}
ul.navigation-bar > li{display:inline-block; position:relative;}
ul.navigation-bar > li > a, ul.navigation-bar > li > span{display:inline-block; min-width:40px; padding:8px 4px 10px 4px; font-size:20px; line-height:28px; color:#bbbbbb; text-align:left; vertical-align:middle; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
ul.navigation-bar > li > a:hover{color:#078d34;}
ul.navigation-bar > li.active > a, ul.navigation-bar > li.active > span{font-weight:bold; color:#666666;}
ul.navigation-bar > li.active:after{display:block; content:""; width:100%; height:0; border:2px solid #278EB4; border-radius:2px; position:absolute; bottom:0; left:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
/**** Button ****/
.btn{display:inline-block; background:#c0c0c0; border:none; border-radius:3px; box-shadow:0 -3px 0 0 rgba(0,0,0,0.1) inset; margin:0; padding:0 8px 0 8px; color:#ffffff; font-size:13px; font-weight:normal; line-height:32px; cursor:pointer; outline:0; text-decoration:none; text-align:center; vertical-align:middle; white-space:nowrap; overflow:hidden; position:relative; -moz-appearance:none; -webkit-appearance:none; appearance:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn:hover{color:#ffffff; opacity:0.8; text-decoration:none;}
.btn.no-hover:hover{color:#ffffff; opacity:1.0; text-decoration:none;}
.btn.xlarge{font-size:18px; font-weight:bold; line-height:54px;}
.btn.large{font-size:16px; line-height:40px;}
.btn.small{font-size:12px; line-height:26px;}
.btn.xsmall{font-size:11px; line-height:22px;}
.btn.disabled{cursor:default; opacity:0.5;}
.btn > [class^="icon-"]:before{color:#ffffff;}
.btn.gray,.btn.default > [class^="icon-"]:before{color:#666666;}
.btn.lightgray > [class^="icon-"]:before{color:#999999;}
.btn.green{background:#33a569; color:#ffffff; box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;}
.btn.red,.btn.alert{background:#ee2020; color:#fefefe; box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;}
.btn.orange{background:#d94d38; color:#ffffff; box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;}
.btn.yellow{background:#fdbe11; color:#ffffff;}
.btn.gray,.btn.default{background:#c0c0c0; color:#ffffff;}
.btn.lightgray{background:#f3f3f3; color:#999999; box-shadow:none;}
.btns.fixed{position:fixed; bottom:0; left:0; width:100%; padding:16px 0 16px 0; text-align:center; background:#f9f9f9 url("../../images/common/bg.dotted.png") top left repeat; border-top:1px solid #c7cad3; z-index:100;}
.btns.fixed.bg-green{background:#33a569; background-image:none; border:none;}



/* main.css part  */


/* QF --------------- */
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.nowrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
/* -webkit-line-clamp:2 */
.linewrap{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;text-align:justify;}
/* Element auto tile window */
.flexBox{display:box;display:-webkit-box;display:flex;display:-webkit-flex;}
/* vertical - box */
.vtc_rank{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
/* inline - box */
.flex{box-flex:1;-webkit-box-flex:1;flex:1;-webkit-flex:1;}
.scro_box{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;color:#2D2E2E;-webkit-overflow-scrolling:touch;}
.sizing, .col-xr, .col-xrc{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/* vertical content */
.vtcBox{display:table;}
.vtcIn{vertical-align:middle;display:table-cell;}
/* button */
a._btn{display:block;width:100%;height:45px;line-height:45px;font-size:18px;border-radius:8px;text-align:center;color:#fff;background:#00B9B3;}
a._btn:active{background:#0AD8C9;}

#qf_mask{position:fixed;width:100%;height:100%;background:#000;z-index:999999;top:0;left:0;opacity:0;transition:all 0.45s ease;-webkit-transition:all 0.45s ease;}
/* confirm */
#qfPopBox{padding:0;position:fixed;top:50%;left:0;width:100%;z-index:1000000;margin-top:-90px;opacity:1;text-align:center;opacity:.5;transform:scale(.92);-webkit-transform:scale(.92);transition:all 0.18s ease;-webkit-transition:all 0.18s ease;}
#qfPopBox.q_show{opacity:1;transform:scale(1);-webkit-transform:scale(1);}
#qfPopBox.q_hide{opacity:0;transform:scale(.9);-webkit-transform:scale(.9);}
.qfPopup{display:inline-block;width:100%;max-width:280px !important;color:inherit;border-radius:4px;background:#f8f8f8;/*box-shadow:0 0 18px #000;*/}
.qfPopup .hd{font-size:16px;text-align:center;color:#333;padding:20px 0 7px;font-weight:700;}
.qfPopup .msg{margin:8px;font-size:14px;color:#666;text-align:center;padding:2px 0 12px;}
.qfPopup .ft{border-top:1px solid #1eb6b7;text-align:center;display:box;display:-webkit-box;display:flex;display:-webkit-flex;-webkit-tap-highlight-color:rgba(0,203,252, .3)}
.qfPopup .ft a{height:35px;line-height:35px;display:inline-block;width:50%;font-size:17px;color:#16B517;background-color:transparent;font-weight:normal;padding:12px 0;margin:0;box-flex:1;-webkit-box-flex:1;flex:1;-webkit-flex:1;}
.qfPopup .ft a:hover, .qfPopup .ft a:focus{text-decoration:none;}
.qfPopup .ft a:nth-child(2){border-left:1px solid #1eb6b7;}