*{margin:0;padding:0;box-sizing:border-box;}
html{margin:0;padding:0;height:100%;}
body {margin:0;padding:0;height:100%;font-size:10px;background:#fff;color:#666;background-size: cover;font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;}

header, footer, aside, nav, section,article,time,figure,label{display: block;}
ul,ol{list-style:none;}
a{outline:none;text-decoration:none;tap-highlight-color:rgba(0,0,0,0);}
a img{border:0;}
fieldset{border:0;}
input,select,textarea,button{border:0;border-radius:0;-webkit-appearance:none;}
.clear{margin:0;padding:0;height:0;clear:both;}

#wrap{padding:44px 0 49px 0;}
#entry_wrap{padding:44px 0 0 0;}
#splash header{width:100%;height:100%;display:table;}
#splash h1{display:table-cell;vertical-align:middle;}
#splash a{margin:0 auto;width:320px;height:320px;display:block;background-image:url(../images/splash.png) ;background-repeat:no-repeat;background-position:center;background-size:320px 320px;overflow:hidden;}
#splash a span{padding:320px 0 0 0;display:block;}

/*Header
--------------------------------------------------------------------------------------------------------------*/
#toolbar{width:100%;height:44px;position:fixed;top:0;left:0;background:#fff;color:#333;text-align:center;z-index:9999;box-shadow:0 2px 2px rgba(0,0,0,0.1);}
#toolbar h1{padding:0 44px;font-weight:normal;font-size:16px;line-height:44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#toolbar a{width:44px;height:44px;overflow:hidden;display:block;position:absolute;background-image:url(../images/icon_toolbar.png);background-repeat:no-repeat;background-size:44px 88px;}
#toolbar a span{padding:44px 0 0 0;display:block;}
#nav_back{background-position:0 0;top:0;left:0;}
#setting{background-position:0 -44px;top:0;right:0;}

/*RegButton
--------------------------------------------------------------------------------------------------------------*/
.reg_btn{padding:10px;background:#222;text-align:center;}
.reg_btn a{margin:0 auto;width:300px;height:60px;display:block;background:url(../images/bg_regbtn.png) no-repeat 0 0;background-size:300px 60px;overflow:hidden;}
.reg_btn a span{padding:60px 0 0 0;display:block;}

/*Main
--------------------------------------------------------------------------------------------------------------*/
.contents{margin:0;padding:10px 0 10px 0;}
.item a{display:block;}

/*EntryForm
--------------------------------------------------------------------------------------------------------------*/
.entry {padding:10px 0;}
.entry fieldset{padding:0 10px 10px 10px;position:relative;}
.entry fieldset label{padding:12px 0;width:80px;position:absolute;top:0;left:0;line-height:20px;text-align:center;font-size:14px;}
.entry fieldset p{padding:0 0 0 70px;}
.entry fieldset p span{padding:0 0 0 10px;float:left;line-height:44px;}
.entry fieldset input[type="text"],.entry fieldset textarea{padding:10px;width:100%;line-height:24px;border:1px solid #f90;font-size:14px;color:#666;}
.entry fieldset textarea{height:120px;}
.entry .full {padding:0 10px;}
.entry .full label{padding:0 0 10px 0;width:100%;position:relative;line-height:24px;text-align:center;}
.entry .full p{padding:0;}
.entry .full textarea{height:240px;}
.entry fieldset p select{padding:10px;width:100%;height:44px;font-size:14px;color:#666;border:1px solid #f90;border-radius:0;
background-image:url(../images/icon_select.png);background-repeat:no-repeat;background-size:24px 44px;background-position:right 0;}
.entry .item h3{margin:0 10px 10px 10px;line-height:40px;font-size:14px;font-weight:normal;border-bottom:1px solid #ff8900;color:#ff8900;}
.entry .item p{padding:10px 10px 0 10px;line-height:20px;}
.entry .item .conf {padding:10px 0;line-height:20px;text-align:center;font-size:14px;border-top:1px solid #ddd;}
.entry .item .conf a{display:inline;color:#369;text-decoration:underline;}

.entry fieldset .regular-checkbox{padding:0 0 10px 70px;border-bottom:1px solid #ddd;}
.entry fieldset .regular-checkbox input{display:none;}
.entry fieldset .regular-checkbox input + label {width:44px;height:44px;background-color:#fafafa;border:1px solid #cacece;position:relative;float:left;}
.entry fieldset .regular-checkbox input + label:after {width:34px;height:34px;content:"";position:absolute;top:4px;left:4px;background:#eee;}
.entry fieldset .regular-checkbox input:checked + label:after {background:#ff8900;}
.entry fieldset .regular-checkbox span{font-size:16px;}

/*Contact
--------------------------------------------------------------------------------------------------------------*/
.contact_nav{padding:10px 0 0 0;text-align:center;}
.contact_nav fieldset{padding:10px;}
.contact_nav p{float:left;}
.contact_nav p span{padding:0 10px;line-height:32px;float:left;}
.contact_nav p label{float:left;}

.regular-radio {display: none;}
.regular-radio + label {padding:16px;background: #fafafa;border: 1px solid #cacece;border-radius: 50px;display: inline-block;position: relative;}
.regular-radio:checked + label:after {content: ' ';width: 24px;height: 24px;left: 4px;top: 4px;border-radius: 50px;position: absolute;background: #99a1a7;font-size: 32px;}
.regular-radio:checked + label {background: #e9ecee;color: #99a1a7;border: 1px solid #adb8c0;}

.contact {padding:10px 0;}
.contact header h1{padding:10px;line-height:20px;color:#fff;font-size:14px;background:#ff8900;font-weight:normal;}
.contact .item{position:relative;border-bottom:1px solid #ddd;}
.contact .item a{display:block;}
.contact .item p{height:40px;line-height:40px;}
.contact_status{width:40px;position:absolute;left:0;top:0;text-align:center;font-size:11px;}
.read{color:#666;}
.unread{color:#ff8900;}
.contact_title{padding:0 50px 0 50px;overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis;color:#666;}
.contact_time{width:100px;position:absolute;right:0;top:0;color:#666;text-align:center;font-size:10px;}


/*Pagination
--------------------------------------------------------------------------------------------------------------*/
.pagination{padding:10px 10px 0 10px;text-align:center;}
.pagination a{margin:0 3px;padding:6px 8px;background:#ff8900;color:#fff;font-size:14px;line-height:30px;border-radius:4px;}
.pagination span{margin:0 3px;padding:6px 8px;background:#ddd;font-size:14px;line-height:30px;border-radius:4px;}


/*Search
--------------------------------------------------------------------------------------------------------------*/
.img_search {padding:10px 0;}
.img_search .item{width:33%;float:left;overflow:hidden;text-align:center;}
.img_search .item figure{margin:0 auto;width:90px;height:90px;overflow:hidden;background-size:cover;background-position:center;border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,0.3);}
.img_search .item figure:hover{opacity:0.5;}
.img_search .item p{padding:0 10px 10px 10px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;}

.list .item{padding:0;width:100%;text-align:left;position:relative;}
.list .item:nth-of-type(odd){background:#faf8f5;}
.list .item a{padding:0;}
.list .item figure{width:60px;height:60px;overflow:hidden;background-size:cover;background-position:center;position:absolute;top:10px;left:10px;border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,0.3);}
.list .item h1{padding:10px 0 0 80px;font-size:16px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;font-weight:normal;}
.list .item p{padding:0 0 10px 80px;font-size:16px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;border-bottom:1px solid #eee;}

/*Chat
--------------------------------------------------------------------------------------------------------------*/
.chat_log .item{width:100%;text-align:left;position:relative;}
.chat_log .item:nth-of-type(odd){background:#faf8f5;}
.chat_log .item a{padding:0;}
.chat_log .item figure{width:60px;height:60px;overflow:hidden;background-size:cover;background-position:center;position:absolute;top:10px;left:10px;border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,0.3);}
.chat_log .item h1{padding:10px 0 0 80px;font-size:16px;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;font-weight:normal;}
.chat_log .item p{padding:0 0 0 80px;font-size:16px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;border-bottom:0;}
.chat_log .item .time{padding:0 0 6px 80px;font-size:10px;line-height:14px;border-bottom:1px solid #eee;}
.chat_log .item span{width:24px;height:24px;background-image:url(../images/icon_chatlog.png);background-repeat:no-repeat;background-size:24px 48px;display:block;position:absolute;z-index:999;bottom:6px;}
.chat_log .item .friend_icon{background-position:0 0;left:6px;}
.chat_log .item .block_icon{background-position:0 -24px;left:50px;}

.chat_detail .item{padding:0;width:100%;text-align:left;position:relative;}
.chat_detail .item figure{width:60px;height:60px;border-radius:50% 50%;overflow:hidden;background-size:cover;background-position:center;position:absolute;top:10px;left:10px;}
.chat_detail .item h1{padding:0;font-size:10px;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;font-weight:normal;}
.chat_detail .item .time{padding:0;font-size:10px;line-height:20px;display:block;clear:both;}
.chat_detail .item p img{max-width:100%;display:block;}
.chat_detail .item p .show_more{width:60px;height:60px;border-radius:4px;}

.chat_detail .received{padding:0 0 10px 80px;clear:both;position:relative;}
.chat_detail .received p{padding:10px;font-size:14px;line-height:20px;color:#666;background:#f0f0f0;float:left;border-radius:6px;word-break: break-all;}
.chat_detail .received p:after{width:0;height:0;border-style:solid;border-width:5px 10px 5px 0;border-color:transparent #f0f0f0 transparent transparent;content:"";position:absolute;left:70px;top:35px;z-index:999;}
.chat_detail .sent{padding:0 10px 10px 0;text-align:right;clear:both;position:relative;}
.chat_detail .sent p{padding:10px;font-size:14px;line-height:20px;color:#fff;background:#ff8900;float:right;border-radius:6px;word-break: break-all;}
.chat_detail .sent p:after{width:0;height:0;border-style:solid;border-width:5px 0 5px 10px;border-color:transparent transparent transparent #ff8900;content:"";position:absolute;right:0;top:15px;z-index:999;}

/*Prof
--------------------------------------------------------------------------------------------------------------*/
.prof_head{padding:0;text-align:center;background:#ffa710;}
.prof_head h1{padding:5px 10px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:normal;background:#ff8900;color:#fff;}
.prof_head .prof_icon{padding:10px 0;width:50%;float:left;text-align:center;}
.prof_head .prof_icon a{margin:0 auto;width:120px;height:120px;display:block;position:relative;}
.prof_icon figure{margin:0 auto;width:120px;height:120px;overflow:hidden;background-size:cover;background-position:center;border:4px solid #fff;box-shadow:0 0 2px rgba(0,0,0,0.3);}
.prof_icon figure.thumb{margin:0 auto;width:60px;height:60px;overflow:hidden;background-size:cover;background-position:center;}

.prof_head aside{padding:10px 0 0 0;width:50%;float:right;}
.prof_head aside li{width:100%;background-image:url(../images/icon_profhead.png);background-repeat:no-repeat;background-size:40px 300px;white-space:nowrap;text-overflow:ellipsis;}
.prof_head aside .prof_pics,.prof_head aside .prof_chat{padding:0 10px 0 0;background-image:none;}

.prof_head .prof_cancel{padding:0;width:100%;}
.prof_head .prof_cancel li{width:50%;float:left;}

.prof_id{height:60px;background-position:0 0;}
.prof_coin{height:60px;background-position:0 -60px;}
.prof_area{height:60px;background-position:0 -120px;}
.prof_monthly{height:60px;background-position:0 -60px;}

.prof_head aside .prof_monthly p {line-height:30px;font-size:16px;color:#fff;}
.prof_head aside .prof_monthly p .small{line-height:30px;font-size:10px;color:#fff;}
.prof_head aside .prof_monthly p .large{line-height:30px;font-size:12px;color:#fff;}


.prof_head aside li p{padding:0;font-size:16px;line-height:60px;display:block;color:#fff;}
.prof_head aside li a{padding:0 40px 0 0;height:60px;display:block;background-image:url(../images/icon_profhead.png);background-repeat:no-repeat;background-size:40px 300px;background-color:#fff;color:#ff8900;line-height:60px;font-size:16px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);border-radius:4px;position:relative;}
.prof_head aside li a:after{width:0;height:0;border-style:solid;border-width:10px 16px 10px 0;border-color:transparent #fff transparent transparent;content:"";position:absolute;left:-16px;top:20px;z-index:999;}
.prof_chat a{background-position:right -180px;}
.prof_pics a{background-position:right -240px;}

.prof_pics {position: relative;}
.prof_pics input[type="file"] {height:60px;opacity:0;position:absolute;right:0;top:0;width:100%;margin:0 6px 20px -6px;z-index:100;}

.prof_head aside li span{font-size:10px;line-height:30px;}

.prof_detail{padding:0 0 10px 0;background:#f9f9f9;}
.prof_detail .item{margin:0;background:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee;clear:both;position:relative;}
.prof_detail .item label{padding:0 10px;position:absolute;color:#ff8900;line-height:44px;}
.prof_detail .item p{padding:0 10px 0 100px;line-height:44px;text-align:center;color:#333;font-size:14px;}
.prof_detail .item .prof_comment{padding:10px;line-height:18px;text-align:left;color:#666;border-top:1px solid #eee;font-size:10px;}
.prof_detail ul.item li{position:relative;border-bottom:1px solid rgba(0,0,0,0.1);}
.prof_detail ul.item li:nth-of-type(odd){background:#faf8f5;}
.prof_detail ul.item li:last-child{border:0;}
.prof_detail .item_sub{width:100%;height:72px;}
.prof_detail .item_sub li{float:left;position:relative;text-align:center;overflow:hidden;}
.prof_detail .item_sub li:nth-child(1){padding:0 8px 0 0;width:33%;}
.prof_detail .item_sub li:nth-child(2){padding:0 4px;width:33%;}
.prof_detail .item_sub li:nth-child(3){padding:0 0 0 8px;width:34%;}
.prof_detail .item_sub li label{line-height:20px;position:absolute;display:block;background:#999;color:#fff;}
.prof_detail .item_sub li:nth-child(1) label{bottom:0;left:0;right:8px;}
.prof_detail .item_sub li:nth-child(2) label{bottom:0;left:4px;right:4px;}
.prof_detail .item_sub li:nth-child(3) label{bottom:0;left:8px;right:0px;}
.prof_detail .item_sub li p{padding:0 0 20px 0;line-height:40px;background:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee;color:#333;}
.prof_detail .item_sub li:nth-child(1) p,.prof_detail .item_sub li:nth-child(2) p{font-size:14px;}


/*Setting
--------------------------------------------------------------------------------------------------------------*/
.setting {padding:10px 0;}
.setting .item{padding:0 0 10px 0;position:relative;}
.setting .item label{padding:0 88px 10px 0;font-size:14px;line-height:44px;text-align:center;border-bottom:1px solid #eee;}
.setting .item p{position:absolute;right:10px;top:0;}
.setting .item p a,.setting .item p input{width:88px;height:44px;line-height:44px;text-align:center;border-radius:6px;background:#ff8900;color:#fff;font-size:14px;}
.setting .item .off{color:#666;background:#ccc;}

.prof_setting{padding:0 0 10px 0;}
.prof_setting fieldset{padding:0 10px 10px 0;position:relative;border-bottom:1px solid #eee;}
.prof_setting fieldset label{width:120px;font-size:14px;line-height:72px;text-align:center;position:absolute;leftt:0;top:0;}
.prof_setting fieldset p{padding:10px 0 0 120px;}
.prof_setting fieldset p select{padding:10px;width:100%;height:44px;font-size:14px;color:#666;border:1px solid #ff8900;
background-image:url(../images/icon_select.png);background-repeat:no-repeat;background-size:24px 44px;background-position:right 0;}
.prof_setting fieldset p textarea{padding:10px;width:100%;height:120px;font-size:14px;color:#666;border:1px solid #ff8900;}


/*Coin
--------------------------------------------------------------------------------------------------------------*/
.coinlist {padding:10px 0;}
.coinlist .item{padding:0 0 10px 0;position:relative;}
.coinlist .item label{padding:0 88px 10px 0;font-size:14px;line-height:44px;text-align:center;border-bottom:1px solid #eee;}
.coinlist .item p{width:88px;height:44px;line-height:44px;text-align:center;border-radius:6px;border:1px solid #ff8900;color:#ff8900;font-size:18px;position:absolute;right:10px;top:0;}
.coinlist .item p span{font-size:10px;color:#666;}

.coin{padding:0;}
.coin header{margin:0 0 10px 0;}
.coin header h1{margin:0;padding:0;font-size:18px;line-height:44px;font-weight:normal;background:#ff8900;color:#fff;text-align:center;}

.coin .item{margin:0 10px 10px 10px;position:relative;border-radius:4px;overflow:hidden;border:1px solid #444;}
.coin .item p:nth-child(1){width:30%;line-height:60px;font-size:14px;position:absolute;left:0;text-align:center;color:#fff;background:#444;}
.coin .item p:nth-child(2){padding:0 25% 0 30%;height:60px;line-height:60px;text-align:center;font-size:14px;color:#444;}
.coin .item p:nth-child(2) span{font-size:20px;}
.coin .item p:nth-child(3){width:25%;height:50px;line-height:50px;font-size:14px;position:absolute;right:5px;top:5px;text-align:center;color:#fff;
background: -webkit-linear-gradient(top, #ffa710 0%,#ff8900 100%);
background: linear-gradient(to bottom, #ffa710 0%,#ff8900 100%);border-radius:4px;}
.coin .item p:nth-child(3) span{padding:0 20px 0 0;background:url(../images/icon_add.png) no-repeat right;background-size:40px 60px;display:block;}
.coin .item a{display:block;}

.subscription_plan{margin:0 0 10px 0;}
.subscription_plan header{border-bottom:1px solid #ddd;}
.subscription_plan img{width:100%;display:block;}
.coin .subscription_plan .item p:nth-child(1){padding:10px 0;line-height:20px;}

.coin_plan{margin:0 0 10px 0;}

.msg{margin:0 10px 10px 10px;}
.msg p{padding:10px;border:1px solid #eee;line-height:18px;}
.msg .btn_row{padding:10px 0 0 0;}

.subscription{margin:0 10px 10px 10px;}
.subscription p{padding:10px;border:1px solid #eee;line-height:18px;}
.subscription .btn_row{padding:10px 0;}

.general article{padding:10px;border-bottom:1px solid #eee;}
.general article h3{padding:10px 0;line-height:20px;font-size:16px;font-weight:normal;border-bottom:1px solid #ff8900;color:#ff8900;}
.general article p{padding:10px 0;line-height:18px;font-size:14px;}

.monthly_limit p{margin:12px;text-align:center;display:block;font-size:12px;}
.monthly_limit p .expiry_date{line-height:20px;font-size:16px;color:#ff8900;}

/*Button
--------------------------------------------------------------------------------------------------------------*/
.btn_row{padding:10px 10px 0 10px;width:100%;clear:both;}
.btn_row a,.btn_row input{padding:0 0 0 44px;width:100%;height:44px;line-height:44px;background-color:#ff8900;color:#fff;font-size:16px;text-align:center;display:block;overflow:hidden;background-image:url(../images/icon_btn.png);background-repeat:no-repeat;background-size:44px 484px;border-radius:4px;}
.btn_done{background-position:0 0;}
.btn_about{background-position:0 -44px;}
.btn_news{background-position:0 -88px;}
.btn_add{background-position:0 -132px;}
.btn_prof{background-position:0 -176px;}
.btn_imgsearch{background-position:0 -220px;}
.btn_reload{background-position:0 -352px;}
.btn_block{background-position:0 -396px;}
.btn_claim{background-position:0 -440px;}

.btn_row ul li{float:left;}
.btn_row .half li{width:50%;}
.btn_row .half li:nth-child(1){padding:0 6px 0 0;}
.btn_row .half li:nth-child(2){padding:0 0 0 6px;}
.btn_row .half li a{font-size:14px;}
.btn_row .grey li a{color:#fff;font-size:16px;border:0;background-color:#666;}


.prof_nav{padding:5px;width:100%;float:left;background:#eee;}
.prof_nav li{width:25%;height:106px;float:left;}
.prof_nav li:nth-child(1),.prof_nav li:nth-child(3){padding:5px;}
.prof_nav li:nth-child(2),.prof_nav li:nth-child(4){padding:5px;}
.prof_nav a{padding:0 0 60px 0;color:#fff;text-align:center;display:block;overflow:hidden;background-image:url(../images/icon_profnav.png);background-repeat:no-repeat;background-size:60px 384px;box-shadow:2px 2px 2px rgba(0,0,0,0.2);background-color:#555;position:relative;overflow:hidden;border-radius:6px;overflow:hidden;}
.prof_nav a span{padding:4px 0;color:#333;background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); display:block;line-height:14px;font-size:10px;}
.prof_nav .camp span{font-size:11px;}
.prof_nav .btn_prof{background-position:center 0;}
.prof_nav .btn_coin{background-position:center -96px;}
.prof_nav .btn_subscription{background-position:center -192px;}
.prof_nav .btn_news{background-position:center -288px;}

.chat_btn a{padding:60px 0 0 0;width:60px;height:60px;overflow:hidden;background:url(../images/icon_chatbtn.png) no-repeat 0 0;background-size:60px 60px;display:block;position:fixed;top:56px;right:10px;}

/*Nav
--------------------------------------------------------------------------------------------------------------*/
.my_nav{padding:0;width:100%;clear:both;}
.my_nav li{padding:0 0 0 0;text-align:center;}
.my_nav li a{padding:0;width:100%;height:44px;line-height:44px;background-color:#fff;color:#666;border-bottom:1px solid rgba(0,0,0,0.1);font-size:14px;text-align:center;display:block;overflow:hidden;background-image:url(../images/icon_mynav.png);background-repeat:no-repeat;background-size:44px 44px;background-position:right;}
.my_nav li:nth-child(1){border:0;}

.chat_nav{padding:0;width:100%;clear:both;position:absolute;top:44px;bottom:0;left:0;right:0;z-index:9999;background:rgba(255,255,255,0.9);display:none;}
.chat_nav ul{padding:10px 10px 0 10px;}
.chat_nav li{padding:0 0 10px 0;text-align:center;}
.chat_nav li a{padding:0 0 0 44px;width:100%;height:44px;line-height:44px;background-color:#ff8900;color:#fff;font-size:16px;text-align:center;display:block;overflow:hidden;background-image:url(../images/icon_btn.png);background-repeat:no-repeat;background-size:44px 484px;}
.chat_nav li .chat_close{background-color:#666;background-position:0 -396px;}

.search_nav{width:100%;border-bottom:1px solid #eee;}
.search_nav li{width:25%;height:49px;float:left;}
.search_nav li:nth-child(2),.search_nav li:nth-child(3),.search_nav li:nth-child(4){border-left:1px solid #ff8900;}
.search_nav li a{display:block;line-height:49px;text-align:center;background:#ffa710;color:#fff;}
.search_nav li a.current{background:#ff8900;color:#fff;}

/*Overlay
--------------------------------------------------------------------------------------------------------------*/
.overlay{padding:20px;position:fixed;left:0;top:44px;right:0;bottom:0;background:rgba(0,0,0,0.75);z-index:9998;display:flex;justify-content:center;align-items:center;}
.overlay article{padding:10px;background:#fff;border-radius:8px;box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.overlay article h2{padding:0 0 10px 0;line-height:40px;font-size:18px;text-align:center;color:#ff8900;}
.overlay article p{padding:0 0 10px 0;font-size:14px;}
.overlay article nav{padding:0 0 30px 0;position:relative;}
.overlay article nav a{}
.overlay article nav a img{width:100%;display:block;border-radius:10px;}
.overlay article nav a span{height:30px;line-heigth:30px;font-size:18px;text-align:center;display:block;background:#000;color:#fff;position:absolute;right:0;left:0;bottom:10px;border-radius:0 0 10px 10px;}
.overlay article .btn_row{padding:0;}
.overlay article .btn_row ul li{padding:10px 0 0 0;width:100%;float:none;}

/*Footer
--------------------------------------------------------------------------------------------------------------*/
#footer{width:100%;height:49px;clear:both;position:fixed;bottom:0;left:0;z-index:999;background:#333}
.gnav{width:100%;}
.gnav li{width:20%;float:left;overflow:hidden;}
.gnav li a{margin:0 auto;padding:30px 0 0 0;width:64px;font-size:10px;line-height:15px;display:block;color:#fff;text-align:center;background-image:url(../images/icon_gnav.png);background-size:49px 245px;background-repeat:no-repeat;text-align:center;}
.gnav li .current{background-image:url(../images/icon_gnav_h.png);color:#f90;}
.gnav li:nth-child(1) a{background-position:center 0;}
.gnav li:nth-child(2) a{background-position:center -49px;}
.gnav li:nth-child(3) a{background-position:center -98px;}
.gnav li:nth-child(4) a{background-position:center -147px;}
.gnav li:nth-child(5) a{background-position:center -196px;}

.chat_btn{position:relative;}
.chat_btn p{padding:6px 72px 0 49px;}
.chat_btn p input{padding:6px;width:100%;height:37px;font-size:14px;color:#666;outline:none;}
.chat_btn p textarea{padding:6px;width:100%;height:37px;font-size:14px;color:#666;outline:none;-webkit-appearance:none;resize:none;}
.chat_btn button{width:60px;height:37px;position:absolute;right:6px;top:6px;background:#ff8900;color:#fff;font-size:14px;}

.chat_btn .file{padding:0;width:49px;height:49px;position:absolute;top:0;left:0;overflow:hidden;background:url(../images/icon_upload.png) no-repeat center;background-size:49px 49px;text-align:center;}
.chat_btn .file input[type="file"]{width:100%;height:49px;opacity:0;position:absolute;top:0;right:0;z-index:999;}
.chat_btn .file img{width:40px;height:40px;border:0;display:block;position:absolute;top:4px;left:5px;}