/* GENERAL RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, select, input, textarea, legend, caption, tbody, tfoot, thead,  th { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
body { line-height:1; }
ol, ul, li { list-style:none; }
body{font-size:62.5%;color:#5a5a5a;font-family:Tahoma, Arial ;background-color:#fff;}
a {color:#404040;text-decoration:none;}
.blue{color:#1198b6;}
a.blue{color:#1198b6;}
.fl{float:left;}
.fr{float:right;}
input,select,textarea{font-family:Arial,Tahoma;font-size:12px;margin:0;border:1px solid #888;background-color:#fff;padding:2px;}
input,select{margin-right:5px;}
input.checkbox,input.radio{overflow:hidden;padding:0;margin:0 2px 0 0;width:15px;vertical-align:middle;border:none;background:transparent;}
h2{font-size:1.4em;}
.clr{clear:both;}
/** GENERAL LAYOUT **/
.wrapper{width:100%; margin:0 auto;font-size:14px; position:relative;}
#header{background:#1198b6;border-bottom:#0d849e solid 2px;padding:10px;}
.category_btn{margin-top:3px;}
#content{margin:0;}
ul.featured{width:100%;}
ul.featured li a{float:left;width:50%;border-bottom:#f7f7f7 solid 2px;border-right:#f7f7f7 solid 2px;padding:15px 10px 15px 10px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.featured li a.r{border-right:0;}
.favicon{display:inline;width:17px;height:17px;vertical-align:-2px;}
ul.tien_ich{width:100%;}
ul.tien_ich li a{float:left;background-color:#dadada;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#ffffff));background: -webkit-linear-gradient(top, #ffffff, #f4f4f4);background: -moz-linear-gradient(top, #ffffff, #f4f4f4);background: -ms-linear-gradient(top, #ffffff, #f4f4f4);background: -o-linear-gradient(top, #ffffff, #f4f4f4);width:33.33%;padding:10px 0 10px 0;border-bottom:#fff solid 2px;border-right:#fff solid 2px;text-align:center;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;font-size:13px; color:#1198b6;}
ul.tien_ich li a.r{border-right:0;}
.favicon{display:inline;width:17px;height:17px;vertical-align:-2px;}
img.icon_tienich{margin-bottom:5px;}
ul.list_category{margin:0;}
ul.list_category li a{display:block;width:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;padding:15px 15px 15px 10px;background-color:#f7f7f7;background-position:right 50%;color:#1198b6;border-top:#cecece solid 2px;}
ul.list_category li h2{font-size:14px;font-weight:normal;}
.arrow{float:right;background-image: url(../images/arrow.png);background-size:cover;width: 11px;height: 15px;}
.arrow_hold{float:right;background-image: url(../images/arrow_hold.png);background-size:cover;width: 15px;height: 11px;}
ul.list_web{background:#FFF;padding-top:10px;border-top:#ededed solid 3px;display:none}
ul.list_web li{float:left;width:50%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;border:0;padding:10px 10px 15px 10px;background:#FFF;}
ul.list_web li a{width:100%;border-left:#bcbcbc solid 1px;padding-left:10px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;border-top:0;color:#858585;line-height:0;background:#FFF;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
h2.title{width:100%;font-weight:normal;color:#1198b6;font-size:14px;background:#f7f7f7;border-bottom:#bcbcbc solid 2px;padding:10px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}.select_box{width:70%;font-size:14px;margin:15px 0 15px 0;}
.table{border-collapse:collapse;width:100%;font-size:12px;line-height:18px;margin-bottom:20px;}
.location{color:#666;font-size:12px;width:33.33%;}
.info_weather{background-color:#f7f7f7;border-top:#fff solid 1px;}
.info_weather_col{text-align:center;width:33.33%;}
.info_weather_col h3{padding-bottom:3px;}
.day_weather{background:#e3f8fd;color:#1198b6;text-shadow:0 1px #fff;padding:10px 0 10px 0;font-size:12px;}
h2.relative{color:#1198b6;border-bottom:#bcbcbc solid 2px;margin:10px;padding-bottom:5px;font-size:14px;}
.gold{color:#666;font-size:12px;width:45%;}
.buy_gold{text-align:center;width:27.5%;}
h3.city{padding:0 0 7px 7px;color:#1198b6;font-weight:normal;}
.award{width:30%;}
.num_win{width:70%;text-align:center;}
.film{width:35%;}
.show{width:65%;font-size:12px;}
.time{padding-right:15px;display:inline-block;}
.tv_time{width:15%;}
.tv_show{width:85%;}

#dashboard{background:#1d9dc6;border-bottom:#f5b80a solid 2px;padding:20px; font-size:14px; color:#fff;}
#dashboard a{color:#fff;}
.row_date{padding-bottom:7px; margin-bottom:15px;}
.ico_calendar{float:left;background:url(../images/calendar.png) no-repeat; background-size:cover; width:19px; height:13px; padding-top:7px; font-size:11px; text-align:center;}
.date{float:left; padding-top:4px; margin-left:5px;}
.row{padding-top:10px;}
.col{float:left; width:50%;}
.col img{float:left; padding-right:5px;}
img.select{float:none; padding-right:0;}
	
@media screen and (min-width : 480px) and (max-width:2000px) 
{
ul.featured li a{width:33.33%;font-size:14px;}
ul.list_web li{width:33.33%;}
ul.list_web li a{font-size:14px;}
.tv_time{width:15%;font-size:18px;}
h2.title, h2.relative{font-size:12px;}
#footer{font-size:8px;}
}
@media screen and (min-width : 240px) and (max-width:300px) 
{
ul.tien_ich li a{width:33.33%;font-size:12px;}
ul.list_web li{width:50%;}
ul.featured li a, ul.list_web li a, ul.list_web li h2, h2.title{font-size:12px;}
#dashboard{background:#1d9dc6;border-bottom:#f5b80a solid 2px;padding:20px; font-size:12px; color:#fff;}
}
#footer{color:#858585;font-size:12px;text-align:center;border-top:#cecece solid 2px;padding:10px 0 10px;}

#cityList li { border-right:0 !important; background:none;}
.col ul {background-color: #FFFFFF;border: 1px solid #CCCCCC;display: block; height: 155px;left: 0;line-height: normal;overflow-y: auto;position: absolute;width:43%;-moz-box-shadow:  0 6px 6px -5px #999; -webkit-box-shadow: 0 6px 6px -5px #999; -ms-box-shadow:  0 6px 6px -5px #999;  -o-box-shadow:  0 6px 6px -5px #999;   box-shadow: 0 6px 6px -5px #999;
z-index: 5;top:90px; left:20px; z-index:90;}
.col ul li {border-bottom: 1px solid #EEEEEE;display: block;float: none;margin: 0; background:none;}
.col ul li a {background: none repeat scroll 0 0 transparent;border: 0 none;display: block;float: none;padding: 0px 6px;text-align: left; background:none; color:#1198b6 !important; padding:5px 0 5px 5px;}

.refresh{width:30px;height:25px;background-size:540px 25px;background-color:transparent;display:block;text-indent:-2000em; background-image:url(../images/refresh.png); position:absolute; top:18px; right:17px;}
.refresh.animation{-webkit-animation:play 500ms steps(18) 1;-moz-animation:play 500ms steps(18) 1;-ms-animation:play 500ms steps(18) 1;-o-animation:play 500ms steps(18) 1;animation:play 500ms steps(18) 1}@-webkit-keyframes play{from{background-position:0}to{background-position:-540px}}@-moz-keyframes play{from{background-position:0}to{background-position:-540px}}@-ms-keyframes play{from{background-position:0}to{background-position:-540px}}@-o-keyframes play{from{background-position:0;}to{background-position:-540px;}}@keyframes play{from{background-position:0}to{background-position:-540px}}


#popup {margin:0;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
       background: -webkit-linear-gradient(top, #ffffff 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
       background: -o-linear-gradient(top, #ffffff 0%,#d2d2d2 100%); /* Opera 11.10+ */ 
       padding:9px; text-shadow:0 1px #fff; position: fixed; bottom: 0px; left: 0px;right: 0px; display:none;
}
#popup .info{float:left; margin-left:6px; padding-top:4px;}
#popup .grey{color:#8e8e8e;}
#popup .rating{padding-top:5px;}
#popup .star{display:block; width:10px; height:10px; margin-right:3px; float:left;}
#popup .one_star{background:url(../images/browser/star.png) no-repeat; background-size:10px 10px;}
#popup .half_star{background:url(../images/browser/half_star.png) no-repeat; background-size:10px 10px;}
#popup .action{float:right; text-align:right;}
#popup a.close{display:block; width:15px; height:15px; background:url(../images/browser/close.png); position:absolute; right:10px}
#popup .appicon { display:block; width:52px; height:52px; background-image:url(../images/browser/icon_app.png); }
#popup .install { display: block;background-color: #a5a5a5;padding: 4px;color: #fff;text-shadow: none;border: #FFF solid 1px; }

@media screen and (min-width : 480px) and (max-width:2000px) 
{
	#popup h2{font-size:16px; padding-bottom:5px;}	
	#popup .wrapper{font-size:13px;}
	#popup .info{padding-top:0;}
}
@media screen and (min-width : 240px) and (max-width:300px) 
{
	#popup h2{font-size:11px; padding-bottom:4px;}	
	#popup .wrapper{font-size:7px;}
}