@charset "UTF-8";
/**
 * SHARP Android
 * for PC Site
 * top.css
 */



/**
 * WHAT'S NEW
*/
#contents .inner{
width:931px;
margin:0 auto 0 auto;
padding:20px 3px 20px 3px;
text-align:left;
}

.round-bottom{
margin-top:15px;
}

#whats-new-area{
float:left;
width:453px;
background:#FFF;
}

#whats-new-area .inner{
width:413px;
margin:0 auto 0 auto;
padding:15px 0 15px 0;
/* padding:10px 0 17px 0; */
}

#whats-new-area h3{
float:left;
}

#whats-new-area .btn-list{
float:right;
}

.news-box{
width:413px;
border-top:1px dotted #C4C4C4;
margin:0 auto 0 auto;
padding:10px 0 10px 0;
}

.news-img{
float:left;
width:80px;
margin:0px;
}

.news-img img{
border:none;
}

.news-info{
width: 323px;
float: right;
}

.news-info .date{
display:block;
font-size:10px;
line-height:60%;
padding:2px 0 2px 0;
}

.news-info .title{
display:block;
font-size:12px;
padding:5px 0 5px 0;
}

.news-info .title-new{
display:block;
font-size:12px;
padding:5px 0 5px 35px;
background:url(img/icon_new.gif) no-repeat 0px 5px;
}

.news-info .title img{
vertical-align:top;
padding-right:5px;
/* padding-top:5px; */
}

.news-info .title-new img{
vertical-align:top;
padding-right:5px;
/* padding-top:5px; */
}

.news-info .txt{
display:block;
font-size:11px;
/* font-size:12px; */
line-height:140%;
}



/**
 * TOPICS
*/

#topics-area{
float:right;
width:453px;
background:#FFF;
}

#topics-area .inner{
width:413px;
margin:0 auto 0 auto;
padding:15px 0 15px 0;
/* padding:10px 0 17px 0; */
}

#topics-area h3{
float:left;
margin-bottom:5px;
}

#topics-area .btn-list{
float:right;
}


.red{
color:#c61022;
text-decoration:none;
font-weight:bold;
}

.topics-tag{
margin-left:5px;
}

/**
 * APP
*/

#app-area{
text-align:left;
width:948px;
margin: 0px auto;
background:url(img/bg_app.gif) repeat-y;
}

#app-area h3{
font-size:13px;
color:#FFF;
padding:7px;}

#app-01 h3{
background:#65bb36;
}

#app-02 h3,#app-03 h3,#app-04 h3{
background:#f89722;
}

#app-01{
float:left;
width:235px;
padding-right:1px;
}

#app-02{
float:left;
width:236px;
padding-right:1px;
}

#app-03{
float:left;
width:236px;
padding-right:1px;
}

#app-04{
float:left;
width:235px;
}

.category-sub{
margin:10px;
}

.category-sub li{
font-size:11px;
/* font-size:12px; */
line-height:170%;
}

.category-sub li a{
padding-left:10px;
margin-right:15px;
background:url(img/icon_arrow.gif) no-repeat 0px 3px;
text-decoration:none;
}

.category-sub li a:hover{
text-decoration:underline;
}

.app-box{
width:215px;
margin:15px auto 0 auto;
}


.app-img{
float:left;
width:60px;
margin-right:7px;
}

.app-info{
width: 148px;
float: right;
}

.app-info .date{
padding-top:3px;
display:block;
font-size:10px;
line-height:12px;
}

.app-info .date-new{
display:block;
font-size:10px;
line-height:12px;
padding:5px 0 5px 30px;
background:url(img/icon_new.gif) no-repeat 0px 5px;
}

.app-info .title{
display:block;
font-size:13px;
line-height:120%;
padding-bottom:6px;
}

.app-info .title a{
text-decoration:none;
}

.app-info .date img{
vertical-align:bottom;
padding-top:2px;
padding-right:5px;
}

.app-info .date-new img{
vertical-align:bottom;
padding-top:5px;
padding-right:5px;
position:relative;
left:-30px;
}

.app-info .tag{
display:block;
font-size:11px;
/* font-size:12px; */
line-height:120%;
padding-bottom:0px;
}
.app-txt{
font-size:11px;
/* font-size:12px; */
line-height:145%;
/* line-height:160%; */
padding-top:10px;
padding-bottom:15px;
}
.app-info .update_icon img{
	padding-right:1px;
}

.app-sujest{
width:215px;
margin:10px auto 0 auto;
font-size:10px;
/* font-size:10px; */
line-height:145%;
/* line-height:160%; */
padding-top:0px;
}


.app-sujest h4{
color:#f18809;
padding-bottom:5px;
font-size:13px;
font-weight:bold;
}

.app-sujest h4 img{
margin-left:5px;
}

#app-04 .app-box{
padding-bottom:10px;
}