ul,li {
        margin:0;
        padding:0;
    }

    li {
        list-style: none;
    }
    
    body {
        font-family:"微軟正黑體",'arial';
        opacity:1!important;
    }
    
    .a2a_label {
        display:none;
    }
    
    .fb-comments iframe {
        width:100%;
    }

    .modal.in .modal-dialog {
        z-index:1060;
    }

    .col-md-15,
    .col-lg-15 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 0;
    }

    h4, .h4, h5, .h5, h6, .h6 {
        margin-top:5px;
    }

    /*::-webkit-scrollbar {
        width: 0px;
        height:0px;  
        background: transparent; 
    }*/

    /*::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    ::-webkit-scrollbar {
        width: 5px;
        height:5px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #c9c9c9;
    }*/
    
    /* default group need to place in the front ,so other group css can overwrite */
    .default-group {
        background-color:#211B38;
        height:36px;
        color:white;
    }
   

	.eblog-group , .eblog-view-group , .eblog-listview-group {
		background-color:#FCE4F4;
		height:36px;
		color:black;		
	}
    

	
    

/* ===========================================
    #portal menu
=========================================== */
    #portalMenu {
        width: 100%;
        height:25px;
        position:fixed !important;
        top:0;
        z-index:10000;
        background-color:#EEE;
    }

    #portalMenu a {
        border: 0;
    }

    #portalMenu #menuItemSMag a {
        display: block;
        float: left;
        width: 170px;
        height: 25px;
        background: url("../images/magazine/smag.png") 0 0 no-repeat;
    }

    #portalMenu #menuItemEW a {
        display: block;
        float: left;
        width: 60px;
        height: 25px;
        background: url("../images/magazine/eastweek.png") 0 0 no-repeat;
    }

    #portalMenu #menuItemEW a:hover {
        background-position: 0 -50px;
    }

    #portalMenu #menuItemEW a.portalMenuItemSelected, #portalMenu #menuItemEW a:hover.portalMenuItemSelected {
        background-position: 0 -25px;
    }

    #portalMenu #menuItemET a {
        display: block;
        float: left;
        width: 80px;
        height: 25px;
        background: url("../images/magazine/easttouch.png") 0 0 no-repeat;
    }

    #portalMenu #menuItemET a:hover {
        background-position: 0 -50px;
    }

    #portalMenu #menuItemET a.portalMenuItemSelected, #portalMenu #menuItemET a:hover.portalMenuItemSelected {
        background-position: 0 -25px;
    }

    #portalMenu #menuItemPCM a {
        display: block;
        float: left;
        width: 100px;
        height: 25px;
        background: url("../images/magazine/pcm.png") 0 0 no-repeat;
    }
    
    #portalMenu #menuItemPCM a:hover {
        background-position: 0 -50px;
    }
    
    #portalMenu #menuItemPCM a.portalMenuItemSelected, #portalMenu #menuItemPCM a:hover.portalMenuItemSelected {
        background-position: 0 -25px;
    }

    #portalMenu #menuItemCB a {
        display: block;
        float: left;
        width: 115px;
        height: 25px;
        background: url("../images/magazine/cazbuyer.png") 0 0 no-repeat;
    }
    
    #portalMenu #menuItemCB a:hover {
        background-position: 0 -50px;
    }
    
    #portalMenu #menuItemCB a.portalMenuItemSelected, #portalMenu #menuItemCB a:hover.portalMenuItemSelected {
        background-position: 0 -25px;
    }

    #portalMenu #menuItemJET a {
        display: block;
        float: left;
        width: 45px;
        height: 25px;
        background: url("../images/magazine/jet.png") 0 0 no-repeat;
    }
    
    #portalMenu #menuItemJET a:hover {
        background-position: 0 -50px;
    }
    
    #portalMenu #menuItemJET a.portalMenuItemSelected, #portalMenu #menuItemJET a:hover.portalMenuItemSelected {
        background-position: 0 -25px;
    }

    #portalMenu #menuItemSP a {
        display: block;
        float: left;
        width: 90px;
        height: 25px;
        background: url("../images/magazine/spiral.png") 0 0 no-repeat;
    }
    
    #portalMenu #menuItemSP a:hover {
        background-position: 0 -50px;
    }
    
    #portalMenu #menuItemSP a.portalMenuItemSelected, #portalMenu #menuItemSP a:hover.portalMenuItemSelected {
        background-position: 0 -25px;
    }
    
    #portalMenu #menuItemFH a {
        display: block;
        float: left;
        width: 67px;
        height: 25px;
        background: url("../images/magazine/forher.jpg") 0 0 no-repeat;
    }
    
    #portalMenu #menuItemFH a:hover {
        background-position: 0 -50px;
    }
    
    #portalMenu #menuItemFH a.portalMenuItemSelected, #portalMenu #menuItemFH a:hover.portalMenuItemSelected {
        background-position: 0 -25px;
    }

    #portalMenu #menuItemShop a {
        display: block;
        float: left;
        width: 55px;
        height: 25px;
        background: url("../images/magazine/shop.png") 0 0 no-repeat;
    }
    
    #portalMenu #menuItemShop a:hover {
        background-position: 0 -50px;
    }
    
    #portalMenu #menuItemShop a.portalMenuItemSelected, #portalMenu #menuItemShop a:hover.portalMenuItemSelected {
        background-position: 0 -25px;
    }
    
    #portalMenu #menuItemRight {
        display: block;
        float: right;
        font-size:12px;
    }
    
    #portalMenu #menuItemRight .textItem {
        display: block;
        float: left;
        font-size:12px;
        padding: 4px 4px 0 4px;
        color:#888;
        vertical-align:bottom;
    }
    
    #portalMenu #menuItemRight .textItem a {
        color:#666;
        text-decoration:none;
    }
    
    #portalMenu #menuItemRight .textItem a:hover {
        color:#999;
        text-decoration:underline;
    }
    
    #portalMenu #menuItemRight .imgItem {
        display: block;
        float: left;
    }
    
    #portalMenu #menuItemRight .imgItem a img {
        border:0px;
    }
    
    #portalMenu #menuItemRight .searchBox {
        display: block;
        float: left;
        width: 115px;
        border: 1px solid #BCBDBF;
        margin: 2px;
        background-color: #FFF;
    }

    #portalMenu #menuItemRight .searchBox .searchBoxText {
        float: left;
        display: block;
        border: 0;
        background-color: #FFF;
        width: 94px;
        padding: 2px 2px 0px 2px;
        font-size: 12px;
        color: #777;
    }

    #portalMenu #menuItemRight .corplogo {
        display: block;
        float: left;
        width: 80px;
        height: 25px;
        margin: 0px 5px 0px 5px;
        background: url(../images/magazine/corplogo.png) no-repeat top;
    }

    #portalMenu #menuItemRight .corplogo a {
        display: block;
        float: left;
        width: 80px;
        height: 25px;
        background: url(../images/magazine/corplogo.png) no-repeat top;
    }

    #portalMenuSpace {
        height:25px;
    }

    #portalMenuLogin {
        display: none;
        position: absolute;
        width: 640px;
        height: 480px;	
        background: url(../images/magazine/loginbg.png) no-repeat;
        z-index: 10002;
        overflow: hidden;
    }

    #portalDarkMask {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index:10001;
        -moz-opacity: 0.6;
        opacity:.60;
        filter: alpha(opacity=60);
    }

    /*  portal login  */
    .portalMenuLogin {
        float: left;
        width: 980px;
        height: 260px;
        margin: 0 auto;
    }

    .portalMenuLoginbg {
        width: 380px;
        height: 260px;	
        background: url(../images/magazine/logindummybg.png) no-repeat;
        margin: 0 auto;
    }

    .portalMenuLogin_close, .portalMenuLogin_close a, .portalMenuLogin_close a:hover {
        float: right;
        width: 25px;
        height: 25px;
        margin: 2px 2px 0px 0px;
    }

    .portalMenuLogin_form {
        float: left;
        text-align: left;
        margin: 68px 0px 0px 252px;
        .margin: 50px 0px 0px 252px;
        width: 220px;
        height: 90px;
    }

    .portalMenuLogin_form_box {
        border: none;
        width: 200px;
        height: 27px;
        background: url(../images/magazine/login_form_box.png);
        margin: 11px 10px 10px 10px;
    }

    .portalMenuLogin_desc {
        float:left;
        font-size:15px;
        width:600px;
        margin: 20px 0px 0px 20px;
        text-align:justify;
        line-height:23px;
    }
    .portalMenuLogin_register_btn {
        padding:10px;
        clear:left;
        text-align:center;
    }

    .portalMenuLogin_btn {
        clear:both;
        margin: 5px 0px 0px 25px;
        width: 600px;
    }

    .portalMenuLogin_form_member {
        padding:10px 100px 10px 10px;
    }

    .portalMenuLogin_form_fpw {
        float:right;
    }

    .portalMenuLogin_form_submit {
        padding:10px;
        text-align:center;
    }

    a:link,a:visited,a:hover,a:active {
        text-decoration:none;
    }
    
    /* tablet menu*/
    #tablet_menu #menuItemSMag a {
		display: block;
		float: left;
		width: 135px;
		height: 25px;
		background: url("../images/magazine/smag.png") 0 0 no-repeat;
	}

	#tablet_menu #menuItemEW a {
		display: block;
		float: left;
		width: 60px;
		height: 25px;
		background: url("../images/magazine/eastweek.png") 0 0 no-repeat;
	}
	
	#tablet_menu #menuItemEW a:hover {
		background-position: 0 -50px;
	}
	
	#tablet_menu #menuItemEW a.portalMenuItemSelected, #portalMenu #menuItemEW a:hover.portalMenuItemSelected {
		background-position: 0 -25px;
	}

	#tablet_menu #menuItemET a {
		display: block;
		float: left;
		width: 80px;
		height: 25px;
		background: url("../images/magazine/easttouch.png") 0 0 no-repeat;
	}
	
	#tablet_menu #menuItemET a:hover {
		background-position: 0 -50px;
	}
	
	#tablet_menu #menuItemET a.portalMenuItemSelected, #portalMenu #menuItemET a:hover.portalMenuItemSelected {
		background-position: 0 -25px;
	}

	#tablet_menu #menuItemPCM a {
		display: block;
		float: left;
		width: 100px;
		height: 25px;
		background: url("../images/magazine/pcm.png") 0 0 no-repeat;
	}
	
	#tablet_menu #menuItemPCM a:hover {
		background-position: 0 -50px;
	}
	
	#tablet_menu #menuItemPCM a.portalMenuItemSelected, #portalMenu #menuItemPCM a:hover.portalMenuItemSelected {
		background-position: 0 -25px;
	}

	#tablet_menu #menuItemCB a {
		display: block;
		float: left;
		width: 115px;
		height: 25px;
		background: url("../images/magazine/cazbuyer.png") 0 0 no-repeat;
	}
	
	#tablet_menu #menuItemCB a:hover {
		background-position: 0 -50px;
	}
	
	#tablet_menu #menuItemCB a.portalMenuItemSelected, #portalMenu #menuItemCB a:hover.portalMenuItemSelected {
		background-position: 0 -25px;
	}

	#tablet_menu #menuItemJET a {
		display: block;
		float: left;
		width: 45px;
		height: 25px;
		background: url("../images/magazine/jet.png") 0 0 no-repeat;
	}
	
	#tablet_menu #menuItemJET a:hover {
		background-position: 0 -50px;
	}
	
	#tablet_menu #menuItemJET a.portalMenuItemSelected, #portalMenu #menuItemJET a:hover.portalMenuItemSelected {
		background-position: 0 -25px;
	}

	#tablet_menu #menuItemSP a {
		display: block;
		float: left;
		width: 90px;
		height: 25px;
		background: url("../images/magazine/spiral.png") 0 0 no-repeat;
	}
	
	#tablet_menu #menuItemSP a:hover {
		background-position: 0 -50px;
	}
	
	#tablet_menu #menuItemSP a.portalMenuItemSelected, #portalMenu #menuItemSP a:hover.portalMenuItemSelected {
		background-position: 0 -25px;
	}
	
	#tablet_menu #menuItemFH a {
		display: block;
		float: left;
		width: 67px;
		height: 25px;
		background: url("../images/magazine/forher.jpg") 0 0 no-repeat;
	}
	
	#tablet_menu #menuItemFH a:hover {
		background-position: 0 -50px;
	}
	
	#tablet_menu #menuItemFH a.portalMenuItemSelected, #portalMenu #menuItemFH a:hover.portalMenuItemSelected {
		background-position: 0 -25px;
	}
	
	#tablet_menu #menuItemRight .corplogo {
		display: block;
		float: left;
		width: 80px;
		height: 25px;
		margin: 0px 5px 0px 5px;
		background: url(../images/magazine/corplogo.png) no-repeat top;
	}
	
	#tablet_menu #menuItemRight .searchBox {
		display: block;
		float: left;
		width: 115px;
		height: 19px;
		border: 1px solid #BCBDBF;
		margin: 2px 2px 0 0;
		background-color: #FFF;

	}
	
	#tablet_menu  .searchBox .searchBoxText {
		float: left;
		display: block;
		border: 0;
		background-color: #FFF;
		width:55px;
		font-size: 12px;
		color: #777;
		line-height:21px;
	}

	#tablet_menu .menuItemRight {
		display: block;
		float: right;
		font-size:12px;
	}

/*============================================
    #flexslider
============================================*/
    @font-face{font-family:flexslider-icon;src:url(fonts/flexslider-icon.eot);src:url(fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(fonts/flexslider-icon.woff) format('woff'),url(fonts/flexslider-icon.ttf) format('truetype'),url(fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.no-js .flexslider .slides>li:first-child,html[xmlns] .flexslider .slides{display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}* html .flexslider .slides{height:1%}.flexslider{margin:0;padding:0;border:0;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flex-direction-nav a,.flex-pauseplay a{display:block;position:absolute;overflow:hidden}.flexslider .slides{zoom:1}.flexslider .slides img{width:100%;display:block;height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;width:30px;height:30px;margin:-20px 0 0;top:50%;z-index:10;opacity:.7;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-indent:-999px}.flex-direction-nav .flex-prev{background:url(images/prev.png) no-repeat;left:10px}.flex-direction-nav .flex-next{background:url(images/next.png) no-repeat;right:10px}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{width:20px;height:20px;bottom:5px;left:10px;opacity:.8;z-index:10;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;text-align:center;padding-top:10px}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(255,255,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}

/*============================================
    #header
============================================*/
    #ew-menu {
        background-color:#3f3f3f;
        position:relative;
    }

    #nav-desktop-menu {
        position:relative;
    }

    #nav-desktop-submenu {
        background-color:RGB(229,229,229);
        position: absolute;
        width: 100%;
        z-index: 1000;
    }
    
    #ew-menu ul li , #nav-mobile-menu ul li {
        float:left;
        position:relative;
    }
    
    #nav-desktop-menu ul li a , #nav-mobile-menu ul li a {
        color:white;
        display: block;
        font-size:16px;
    }
    
    #nav-desktop-menu ul li a {
        font-size: 15px;
    }
    
    #nav-desktop-menu ul li:hover , #nav-mobile-menu ul li:hover {
        background-color:#fff100;
    }
    
    #nav-desktop-menu ul li:hover > a , #nav-mobile-menu ul li:hover > a {
        color:black;
    }

    #nav-desktop-submenu ul li a {
        color:black;
    }
    
    #nav-desktop-submenu ul li:hover {
		background-color:#fffaa8;
	}

    #nav-desktop-submenu .active , #nav-desktop-submenu .focus {
        display:block;
    }

    #nav-desktop-submenu .article {
        display:block;
        width:195px;
        margin:15px auto;
    }

    #nav-desktop-submenu .article .title {
        word-break: break-all;
        color:grey;
    }

    #nav-desktop-submenu>div {
        display:none;
    }

    
    .search-btn {
        cursor:pointer;
        float:right;
    }
    
    #search-form {
        position:absolute;
        top:43px;
        right:-2px;
        z-index:99999;
        display:none;
    }
    
    #search-form input {
        width:280px;
        height:42px;
        font-size:16px;
        background-color:#3f3f3f;
        color:white;
        border:1px solid #f0f0f0;
        border-radius:4px;
        outline:0;
    }
    
    .search-form-btn {
        width: 50px;
        height: 40px;
        margin-left: -53px;
        line-height: 40px;
        border-radius: 0 4px 4px 0;
        border: 0;
        background-color: RGB(229,229,229);
        outline: 0;
    }

/*==================================================
        #index
===================================================*/
    .index-top {
        background-color:#AB0202;
    }
    
    .flexslider .slides > li {
        position:relative;
    }
	
	.flexslider .slides > li:first-child {
		float: left; display: block;
	}
    
    .top-banner .caption {
        position:absolute;
        bottom:0;
        color:yellow;
        font-size:20px;
        padding:5px;
        text-align:center;
        width:100%;
        background-color:rgba(0,0,0,0.8);
    }
    
    .video-caption {
		background: #ab0202;
        padding-bottom:5px;
    }
	
	.mobile_highlightvdo {
		padding: 5px 0 0 5px;
	}
    
    .favour-video .title {
        display: block;
        color: white;
        margin-top:30px;
        font-size:18px;
        padding:5px;
    }
    
    .favour-video a.title:hover {
        text-decoration:underline;
    }
    
    .mejs-container {
        outline:0;
    }
    
    .next-video , .video-grid-btn {
        cursor:pointer;
    }
    
    .video-grid {
        width:33.33%;
        float:left;
        cursor:pointer;
    }
    
    .video-grid img {
        width:100%;
		padding: 1px;
    }
    
    .video-grid-list {
        z-index:999;
        position:absolute;
        background-color:rgba(0,0,0,.7);
        margin-right:10px;
        display:none;
    }
    
    .hot-nav  li {
        float:left;
    }
    
    .latestnews {
        width:123px;
        height:46px;
        background:url('../image/hot_01.png') no-repeat;
        background-position:0 -46px;
        border:0;
        margin-right:2px;
        cursor:pointer;
    }
    
    .active .latestnews, .latestnews:hover {
        background-position:0 0;
    }
    
    .hottestnews {
        width:147px;
        height:46px;
        background:url('../image/hot_02.png') no-repeat;
        margin-right:2px;
        background-position:0 -46px;
        cursor:pointer;
    }
    
    .active .hottestnews , .hottestnews:hover {
        background-position:0 0;
    }
    
    .hottestvideos {
        width:156px;
        height:46px;
        background:url('../image/hot_03.png') no-repeat;
        margin-right:2px;
        background-position:0 -46px;
        cursor:pointer;
    }
    
    .active .hottestvideos , .hottestvideos:hover {
        background-position:0 0;
    }
    
    .editorpick {
        width:142px;
        height:46px;
        background:url('../image/hot_04.png') no-repeat;
        margin-right:2px;
        background-position:0 -46px;
        cursor:pointer;
    }
    
    .active .editorpick , .editorpick:hover {
        background-position:0 0;
    }
    

    .hot-list {
        background-color:RGB(11,168,241);
        position:relative;
        padding:5px;
        height:163px;
    }
    
    .hot-list .title , .hot .mobile .title {
        position:absolute;
        color:white;
        background-color:rgba(0,0,0,.6);
        bottom:4px;
        left:5px;
        right:5px;
        text-indent:5px;
        font-size:16px;
        padding:5px;
        z-index:100;
    }
    
    .hot-pagination {
        background-color:RGB(11,168,241);
        text-align:right;
        padding-right:5px;
        padding-bottom:5px;
    }
    
    .hot-pagination li {
        display:inline-block;
        margin-left:5px;
    }
    
    .hot-pagination li a {
        display:block;
        cursor:pointer;
        padding:2px 7px;
        background-color:#d9d9d9;
        color:grey;
    }
    
    .hot-pagination li a:hover {
        background-color:white;
        color:black;
    }
    
    .hot-pagination .active  a {
        cursor:pointer;
        background-color:white;
        color:black;
        font-weight:bold;
    }
    
    .entertainment , .hot , .online , .mystery , .news , .macau , .default-block ,.eblog , .nav-tab , .pretty_section , .ad1 , .ad2 {
        margin-top:10px;
    }
    
    .ad_psb_a #pagedeck{
        margin-top:10px;
        height:89px;
    }
    
    .entertainment-subnav , .online-subnav , .mystery-subnav  , .news-subnav , .pretty-subnav {
        margin-bottom:5px;
    }
    
    .entertainment-subnav ul , .online-subnav ul , .mystery-subnav ul , .news-subnav ul , .pretty-subnav ul {
        background-color:#d9d9d9;
    }
    
    .entertainment-subnav ul li , .online-subnav ul li  , .mystery-subnav ul li , .news-subnav ul li , .pretty-subnav ul li {
        display:inline-block;
    }
    
    .entertainment-subnav ul li.first {
        font-size:18px;
        border-left:10px solid #9e1102;
        background-color:#aa3527;
        color:white;
        padding:3px 30px;
    }
    
    .entertainment-subnav ul li a {
        color:#aa3527;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .entertainment-img {
        padding:3px;
        background-color:#9e1102;
    }
    
    .entertainment-list , .news-list {
        padding-top:10px;
        padding-left:20px;
    }
    
    .entertainment-list li , .news-list li {
        border-bottom:1px solid #d9d9d9;
        padding:5px 0;
    }
    
    .entertainment-list li a , .news-list li a {
        color:black;
        font-weight:bold;
		font-size: 16px;
        display:block;
    }
    
    .entertainment-list li a:hover {
        text-decoration:underline;
        color:#9e1102;
    }

    .pretty-subnav ul li.first {
        font-size:18px;
        border-left:10px solid rgb(195,1,90);
        background-color:rgb(235,35,124);
        color:white;
        padding:3px 30px;
    }
    
    .pretty-subnav ul li a {
        color:rgb(235,35,124);
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .pretty-img {
        padding:3px;
        background-color:rgb(235,35,124);
    }
    
    .pretty-list , .news-list {
        padding-top:10px;
        padding-left:20px;
    }
    
    .pretty-list li , .news-list li {
        border-bottom:1px solid #d9d9d9;
        padding:5px 0;
    }
    
    .pretty-list li a , .news-list li a {
        color:black;
        font-weight:bold;
		font-size: 16px;
        display:block;
    }
    
    .pretty-list li a:hover {
        text-decoration:underline;
        color:rgb(235,35,124);
    }
    
    .news-list li a:hover {
        text-decoration:underline;
        color:#00337a;
    }
    
    .online-subnav ul li.first {
        background-color:#279caa;
        border-left:10px solid #028e9e;
        color:white;
        padding:3px 20px;
        font-size:18px;
    }
    
    .online-subnav ul li a {
        color:#279caa;
        font-weight:bold;
        padding-left:5px;
        padding-right:5px;
    }
    
    .online-img {
        padding:3px;
        background-color:#028e9e;
    }
    
    .online-list img {
        width:100%;
    }
    
    .online-list , .mystery-list {
        padding-left:20px;
    }
    
    .online-list li , .mystery-list li {
        padding-left:10px;
        padding-bottom:5px;
    }
    
    .online-list li a , .mystery-list li a {
        color:black;
        font-weight:bold;
    }
    
    .online-list li a:hover , .mystery-list li a:hover {
        text-decoration:underline;
    }
    
    .online-caption , .mystery-caption {
        color:black;
        font-weight:bold;
		font-size: 16px;
        text-indent:10px;
    }
    
    .mystery-subnav ul li a {
        color: #166147;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .mystery-subnav ul li.first {
        font-size: 18px;
        border-left: 10px solid #015a3b;
        background-color: #166147;
        color: white;
        padding: 3px 20px;
    }

    .mystery-img {
        padding:3px;
        background-color:#015a3b;
    }
    
    .news-tag {
        background-color:#26508c;
        border-left:10px solid #00337a;
        font-size:18px;
        color:white;
        text-indent:20px;
        height:32px;
        line-height:32px;
    }
	
    .news-subnav ul li.first {
        font-size: 18px;
        border-left: 10px solid #00337a;
        background-color: #26508c;
        color: white;
        padding: 3px 20px;
    }
    
    .news-subnav ul li a {
        color: #26508c;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .news-img {
        padding:3px;
        background-color:#00337a;
    }
    
    #block8 {
        margin-bottom:20px;
    }
    
    .macau-tag {
        background-color:#00a6d8;
        border-left:10px solid #0095c3;
        font-size:18px;
        color:white;
        text-indent:20px;
        height:32px;
        line-height:32px;
    }
    
    .column-more , .eblog-more {
        float:right;
        cursor:pointer;
    }
    
    .macau-block , .eblog-block {
        padding:10px;
        background-color:#d9d9d9;
    }
    
    .column-left , .eblog-left {
        float:left;
        width:30%;
    }
    
    .column-right , .eblog-right {
        float:left;
        width:70%;
    }    
    
    .macau-block .title {
        color:black;
        padding-left:10px;
    }

    
    .eblog-right .title {
        color:#177f9b;
        font-weight:bold;
        border-bottom:1px solid #999999;
        padding-left:10px;
        padding-bottom:5px;
        font-size:16px;
    }
    
    .column-block .column-right .author , .eblog-block .eblog-right .author {
        color:black;
        font-weight:bold;
        text-align:right;
    }

    
    .column-block  .description  a , .eblog-block .description a {
        color:black;
    }
    
    .macau-block a:hover, .eblog-block .description a:hover {
        text-decoration:underline;
    }
    
    .eblog-tag {
        background-color:#177f9b;
        border-left:10px solid #14657c;
        font-size:18px;
        color:white;
        text-indent:20px;
        height:32px;
        line-height:32px;
    }
    
    .family-tag {
        background-color:#f58d20;
        border-left:10px solid #d79246;
        font-size:18px;
        color:white;
        text-indent:20px;
        height:32px;
        line-height:32px;
    }
    
    .pretty-tag {
        background-color:#d05f7d;
        border-left:10px solid #b96177;
        font-size:18px;
        color:white;
        text-indent:20px;
        height:32px;
        line-height:32px;
    }
    
    .beauty-class-tag {
        background-color:#2aa585;
        border-left:10px solid #309078;
        font-size:18px;
        color:white;
        text-indent:20px;
        height:32px;
        line-height:32px;
    }
    
    .fame-tag {
        background-color:#e3be1c;
        border-left:10px solid #c7ac28;
        font-size:18px;
        color:white;
        text-indent:20px;
        height:32px;
        line-height:32px;
    }
    
    .health-tag {
        background-color:#787142;
        border-left:10px solid #66613c;
        font-size:18px;
        color:white;
        text-indent:20px;
        height:32px;
        line-height:32px;
    }
    
    .travel-tag {
        background-color:#1CC792;
        border-left:10px solid #309078;
        font-size:18px;
        color:white;
        text-indent:20px;
        height:32px;
        line-height:32px;
    }
    
    .default-block .header {
        position:relative;
    }
    
    .default-block .caption {
        width:100%;
        color:white;
        font-size:16px;
        background-color:rgba(0,0,0,0.6);
        position:absolute;
        bottom:0;
        text-indent: 5px;
        padding: 5px;
    }
    
    .default-block ul {
        padding-left:30px;
    }
    
	.default-block ul li {
		list-style: initial;
	}
	
    .default-block ul li a {
        color:black;
        line-height:2;
    }
    
    .default-block ul li a:hover {
        text-decoration:underline;
    }
/*==================================================
        #view
===================================================*/    
    .view-header {
        background-color:#AB0202;
        margin-bottom: 10px;
    }

	.highlight-keyword {
		background: #fcff00;
	}
	
    .view-header .article-title {
        color:white;
        padding: 0 10px;
		line-height: 1.3em;
		margin-top: 15px;
		margin-bottom: 15px;
    }
	
    .view-header .article-subtitle {
        color:white;
        padding-left: 10px;
		line-height: 1.3em;
		margin-top: 15px;
		font-size: 20px;
    }

    .article-relation {
        background-color:#b3000c;
        border-left:10px solid #7b0e15;
        font-size:18px;
        color:white;
        text-indent:20px;
        padding:3px;
        margin-top:10px;
        width:130px;
    }

    .gallery_img img:hover {
		border:1px solid red;
	}
    
    .gallery_img {
		float: left;
		margin: 2px 4px 4px 4px;
		position:relative;
	}
    
    .gallery_img img{
		border:1px solid #FFFFFF;
	}
    
    .gallery_img .glyphicon-search {
		position: absolute;
		bottom: 5px;
		right: 1px;
		top:auto;
		font-size: 18px;
		color: darkgray;
	}

    
    .header-catalog-issue {
		font-weight:bold;
		color:#333333;
		font-size:16px;
	}

	.header-catalog-title a {
		color: #7B480E;
		font-weight: bold;
		font-size:17px;
	}

	.header-catalog-description {
		text-indent:2em;
	}

    .view-content p  {
        text-indent:32px;
        font-size:18px;
        line-height: 30px;
        margin:15px 38px 30px 38px;
        text-align:justify;
    }

    .eblog-content {
        font-size:18px;
        line-height: 25px;
    }
	
	.eblog-content p {
        font-size:18px;
        line-height: 25px;
		margin: 15px 38px 30px 38px;
        text-align:justify;
	}
	
    .eblog-content .image-caption {
        font-size: 16px;
        line-height: 20px;
        margin:5px 0 30px;
        text-align: justify;
    }

    .eblog-content b {
        display: block;
    }
	
	.eblog-content  h1 {
		font-weight: bold;
		font-size: 20px;
		border-left:10px solid #AB0202;
		padding-left: 20px;
		height:25px;
		line-height:25px;
	}
	
	.eblog-content ul li {
		list-style: initial;
		margin: 10px 38px 10px 58px;
		list-style-position: inside;
	}
	
	.eblog-content ol li {
		list-style: decimal;
		margin: 10px 38px 10px 58px;
		list-style-position: inside;
	}

    .view-content .paragraph p {
		font-size:18px;
		text-indent:2em;
		line-height: 25px;
	}

	.view-content .paragraph p.intro {
		font-size: 16px;
		padding: 0px;
		line-height: 1.8em;
	}

	.view-content .paragraph h3 {
		font-size: 16px;
		line-height: 20px;
		text-align: justify;
		margin:5px 0 30px;
	}

	.view-content  h1 {
		font-weight: bold;
		font-size: 20px;
		border-left:10px solid #AB0202;
		padding-left: 20px;
		height:25px;
		line-height:25px;
	}
    
    .view-content .article-embed-video , .view-content div#mep_0{
        margin:0 auto;
    }
    
    .view-content div , .view-content img {
        max-width:100%;
    }

    .view-content .image-block {
        width:500px;
        margin:auto;
        text-align: center;
    }

    .view-content .image-caption {
        font-size: 16px;
        line-height: 20px;
        margin:5px 0 30px;
        text-align: justify;
    }
	
	.view-content ul li {
		list-style: initial;
		margin: 10px 38px 10px 58px;
		list-style-position: inside;
	}
	
	.view-content ol li {
		list-style: decimal;
		margin: 10px 38px 10px 58px;
		list-style-position: inside;
	}
	
    .article-embed-video {
        width:640px;
    }
    
    .article-relation-list li .clearfix {
        width:98%;
        margin-top:10px;    
        margin-right:2%;
        background-color:#d4d4d4;
    }
    
    .article-relation-list li img {
        float:left;
        width:40%;
    }
    
    .article-relation-list li .title {
        float:left;
        padding:5px;
        width:60%;
        color:black;
        font-size:16px;
    }
    
    .article-relation-list li .title:hover {
        text-decoration:underline;
    }
    
    .nearby .clearfix {
        width:98%;
        margin-right:2%;
        background-color:#ccd8f0;
        height:46px;
    }
    
    .nearby .title {
        color:#144573;
        font-weight:bold;
        line-height:46px;
        padding-left:10px;
    }
    
    .recommend {
        margin-top:30px;
        margin-bottom: 30px;
    }
    
    .recommend-tag {
        background-color:#166689;
        color:white;
        border-left:10px solid #194a5f;
        font-size:18px;
        padding:3px 25px;
        width:220px;
		margin-bottom: 7px;
    }   
    
    .recommend .list {
        width:85%;
        margin-right:15%;
    }
    
    .recommend .list img {
        width:100%;
    }
    
    .recommend .list .title {
        color:black;
        font-weight:bold;
    }
    
    .recommend .list .title:hover {
        text-decoration:underline;
    }

    .view-content .article-map {
        max-width:100%;
        width:100%;
        height:420px;
    }
    
    .author-info {
        background:#61594C;
        margin-bottom:1px;
    }

    .author-info-textarea {
        color: white;
        float: left;
        padding-top:5px;
        padding-right:10px;
        padding-bottom:5px;
    }

    .author-img {
        margin-top:5px;
        margin-bottom: 5px;
        margin-left:5px;
    }

    video.inner-video {
        max-width: 100%;
    }

	.video-responsive{
		overflow:hidden;
		padding-bottom:56.25%;
		position:relative;
		height:0;
	}
	
	.video-responsive iframe{
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}
	
	
    .resource_group {
        margin-top:10px;
        margin-bottom:10px;
    }

    .resource_group img {
        vertical-align: baseline;
    }

    .resource_group .title {
        font-size: 16px;
        font-weight: bold;
        color:#000077;
    }

/*==================================================
        #toc
===================================================*/
	.catalog-item {
		margin:30px 5px;
	}
    
	.catalog-item-issue {
		font-weight: bold;
		color: #5d5951;
		padding-left:5px;
	}

	.catalog-item-title  a {
		font-weight: bold;
		color: #AB0202;
		font-size:18px;
		padding-left:5px;
		display: block;
	}
    
    .catalog-item-title  a:hover {
        text-decoration:underline;
    }

	.catalog-item-description  {
		text-indent:2em;
		padding-left:5px;
	}
    
    .catalog-view {
		background-color:#3F3F3F;
		color:white;
	}

	.catalog-view-header {
		font-size: 57px;
		font-weight: bold;
	}

	.catalog-view-letter {
		font-size: 25px;
		font-weight: normal;
		letter-spacing: 5px;
	}

	.catalog-view-issue {
		font-size:16px;
		font-weight:bold;
	}

	.catalog-view-option {
		text-align:right;
        margin-left:10px;
		margin-right: 10px;
		color:black;
	}
    
    .catalog-book{
		background-color:white;
		color:black;
		border-radius: 5px;
        margin-left:10px;
        margin-right:10px;
	}
    
    .catalog-book .book-header {
        padding:10px;
    }

	.catalog-book-intro a {
		color:black;
	}
    
    .catalog-book-intro a:hover {
        text-decoration:underline;
    }

	.catalog-book-image {
		padding-bottom: 30px;
	}

	.catalog-book-title   {
		font-weight:bold;
		font-size:17px;
		color:black;
		height:55px;
	}
    

	.catalog-contents {
		margin-bottom:20px;
		text-align: center;
		color: lightgrey;
		font-size: 25px;
		letter-spacing: 0.5em;
		border-bottom:1px solid lightgrey;
	}

	.catalog-content-page {
		width:10%;
		color: #993300;
		display: inline-block;
        vertical-align:top;
	}

	.catalog-content-group {
		width:20%;
		color: #993300;
		display: inline-block;
        vertical-align:top;
	}

	.catalog-content-title {
		width:65%;
		display: inline-block;
        vertical-align:top;
	}
    
    .catalog-content-title a {
        color:#0000ff;
    }
    
    .catalog-content-title a:hover {
        text-decoration:underline;
    }

	.catalog-content-header {
		font-size:15px;
		font-weight:bold;
	}

    .catalog-hot-header {
        color:white;
        font-size:15px;
        font-weight:bold;
        padding:5px;
        background-color:#1F8DE6; 
    }

    .catalog-exclusive-header {
        color:white;
        font-size:15px;
        font-weight:bold;
        padding:5px;
        background-color:#FF0000; 
    }

    .catalog-newsvideo-header {
        color:white;
        font-size:15px;
        font-weight:bold;
        padding:5px;
        background-color:#A00100;
    }

    .catalog-interview-header {
        color:white;
        font-size:15px;
        font-weight:bold;
        padding:5px;
        background-color:#00A4B0;
    }

    .catalog-video-item {
        padding:5px;
    }

    .catalog-video-item .title {
        height:40px;
        overflow: hidden;
    }

    #bookA-list, #bookB-list {
        padding:0 10px 20px;
    }

    .catalog-video-block {
        background-color: white;
        margin-left:10px;
        margin-right: 10px;
    }


    
 /*==================================================
        #health
===================================================*/   
    .medicfile , .nutritionhealth , .pet_health, .healthblog, .medpedia{
		margin-bottom:20px;
	}

	.medicalvideo-header {
		background-color:rgb(240,138,0);
		color:white;
		font-size:20px;
		padding:5px;
	}

	.medicfile-header {
		background-color:rgb(56,176,238);
		color:white;
		font-size:20px;
		padding:5px;
	}

	.nutritionhealth-header {
		background-color:rgb(255,72,102);
		color:white;
		font-size:20px;
		padding:5px;
	}

	.pet_health-header {
		background-color:rgb(103,203,176);
		color:white;
		font-size:20px;
		padding:5px;
	}

	.healthblog-header {
		background-color:rgb(97,89,76);
		color:white;
		font-size:20px;
		padding:5px;
	}

	.medpedia-header {
		background-color:rgb(130,153,161);
		color:white;
		font-size:20px;
		padding:5px;
	}

	.health-blog-img {
		float:left;
		padding-right: 10px;
	}

	.health-blog-title {
		font-size:18px;
		font-weight:bold;
	}
	
	#health-warning , #investstrategy-warning {
		width:100%;
		font-size: 13px;
		color: #ffffff;
		background: #141414;
		padding: 5px 10px;
		text-align: center;
	}
	
	.Medi-Contact {
		background-color:RGB(254,126,25);
		color: white;
		font-size:20px;
		padding: 5px;
	}
	
	.serviceguide th {
		font-size:15px;
		font-weight:bold;
	}
    
    .health-page .left-item {
		float:left;
		width:65%;
        padding-top:10px;
	}

	.health-page .right-item {
		float:left;
		width:30%;
		padding-left: 20px;
        padding-top:10px;
	} 
    
    .medic-title {
        font-weight:bold;
    }
    
    .medic-title , .health-blog-title , .medic-description , .healthblog .title {
        color:#756653;
    }
    
    .medic-title:hover , .medic-description:hover , .healthblog .title:hover {
        text-decoration:underline
    }
    
/*==================================================
        #style
===================================================*/     
    .style-header-video {
        position:relative;
    }

    .beauty-container {
        background: url('../image/beauty_bg.jpg') no-repeat;
        margin-top:10px;
        margin-bottom:10px;
    }

    #style-owen-fashion-box {
        background: url('../image/owen_bnr.jpg') no-repeat;
        height:180px;
        position:relative;
        margin-top:10px;
        margin-bottom:10px;
    } 

    #style-michael-box {
        background: url('../image/michael_bnr.jpg') no-repeat;
        height:235px;
        position:relative;
        margin-top:10px;
        margin-bottom:10px;
    } 

    #style-donald-box {
        background: url('../image/donald_bnr.jpg') no-repeat;
        height:235px;
        position:relative;
        margin-top:10px;
        margin-bottom:10px;
    } 

    #style-gary-box {
        background: url('../image/gary_bnr.jpg') no-repeat;
        height:235px;
        position:relative;
        margin-top:10px;
        margin-bottom:10px;
    } 

    #style-maxwell-box {
        background: url('../image/maxwell_bnr.jpg') no-repeat;
        height:235px;
        position:relative;
        margin-top:10px;
        margin-bottom:10px;
    } 

    .tutorial-container {
        background: url('../image/tutorial_bg.jpg') no-repeat;
        margin-top:10px;
        margin-bottom:10px;
    }

    .fashion-container {    
        background: url('../image/fashion_bg.jpg') no-repeat;
        margin-top:10px;
        margin-bottom:10px;
    }

    .beauty-container ul , .tutorial-container ul , .fashion-container ul  {
        padding-top:50px;
        padding-bottom:10px;
    }

    .beauty-container .beauty-more , .tutorial-container .tutorial-more , .fashion-container .fashion-more {
        float:right;
        padding-right:20px;
        padding-top:20px;
        font-size: 16px;
        font-weight: bold;
        text-decoration: underline;
    }

    .beauty-container .beauty-more {
        color:#f24173;
    }

    .tutorial-container .tutorial-more {
        color:#256870;
    }

    .fashion-container .fashion-more {
        color:#482579;
    }

    .beauty-container li .title {
        color:#bf1f3e;
    }

    .tutorial-container li .title {
        color:white;
    }

    .fashion-container li .title {
        color:#512075;
    }

    .beauty-container li .title:hover , .tutorial-container li .title:hover, .fashion-container li .title:hover {
        text-decoration: underline;
    }

    .owen_article_box .title {
        color:white;
    }

    .michael_share_box .title {
        color:white;
    }

    .donald_share_box .title {
        color:#c00f27;
		font-size: 18px;
    }

    .donald_share_box img {
        border: 1px solid #c7b8c1;
    }

    .gary_share_box .title {
        color:#3f2263;
		font-size: 18px;
    }

    .gary_share_box img {
        border: 1px solid #c7b8c1;
    }

    .maxwell_share_box .title {
        color:#333333;
		font-size: 18px;
    }

    .maxwell_share_box img {
        border: 2px solid #222222;
    }

    .owen_article_box .title:hover {
        text-decoration: underline;
    }

    .michael_share_box .title:hover {
        text-decoration: underline;
    }

    .donald_share_box .title:hover {
        text-decoration: underline;
    }

    .gary_share_box .title:hover {
        text-decoration: underline;
    }

    .maxwell_share_box .title:hover {
        text-decoration: underline;
    }

    .beauty-container .col-lg-4 , .beauty-container .col-md-4 , .beauty-container .col-sm-4 ,
    .fashion-container .col-lg-4 , .fashion-container .col-md-4 , .fashion-container .col-sm-4 ,
    .tutorial-container .col-lg-4 , .tutorial-container .col-md-4 , .tutorial-container .col-sm-4 {
        padding-left:5px;
        padding-right:5px;
    }




/*==================================================
        #family
===================================================*/     
    .family-caption {
        background-color:RGB(255,230,140);
        padding:5px;
    }
    
    .family-caption a {
        color:RGB(169,70,125);
        font-size:20px;
        font-weight:bold;
    }
    
    .family-textarea {
        padding-left:10px;
    }
    
    .family-title {
        color:black;
        font-size:16px;
        font-weight:bold;
    }
    
    .family-description {
        color:black;
    }
    
    .family-description:hover {
        text-decoration:underline;
    }
    
    .pet_health-border  {
		border: 4px solid #89c6e3;
		margin-bottom:10px;
	}

	.funny_video-border {
		border: 4px solid #ff8400;
		margin-bottom:10px;
	}
/*==================================================
        #pet
===================================================*/ 
	.pet_news-border {
		border: 4px solid #fcef5a;
		margin-bottom:10px;
	}

	.pethouse-border {
		border: 4px solid #fdaacf;
		margin-bottom:10px;
	}

	.pet-extra-border {
		border: 4px solid #afa3a9;	
	}

	.pet-title {
		font-size:18px;
		font-weight:bold;
		color:#000000;
	}
    
    .pet-description {
        color:black;
        text-indent:2em;
    }
    
    .pet-extra-title  {
        color:black;
    }
    
    
/*==================================================
        #mystery
===================================================*/  
	.mystery-first-row {
		background: #440928;
	}

	.numerology-header {
        text-align:center;
        font-size:24px;
        color:white;
		margin: 8px 0;
		font-weight: 700;
    }

    .numerology-content {
        width:90%;
        margin:0 auto;
        color:white;
    }

    .sclee {
		padding:5px 10px;
		background-color:#520303;
	}
    
    .sclee .title , .maklingling .title {
        color:black;
        font-weight:bold;
        font-size:16px;
    }
    
    .sclee .description , .maklingling .description {
        color:black;
        text-indent:2em;
    }
    
    .sclee .description:hover , .maklingling .description:hover {
        text-decoration:underline;
    }

	.maklingling {
		padding:5px 10px;
		background-color:#5A005F;
	}

	.mystery-item {
		background-color:white;
	}

	.mystery-item-left {
		padding: 7px 7px;
	}

	.mystery-item-right {
		padding: 7px 7px;
	}
	
	.mystery-title {
		color:black;
		font-size:18px;
		font-weight:bold;
	}

	.mystery-more  {
		text-align:right;
        color:black;
	}
    
    .lofughost {
		margin-top:10px;
		margin-bottom:10px;
	}

	.lofughost-header  {
		background-color:#263f21;
		color:white;
		font-size:18px;
		padding:5px;
	}

	.ghoststory-header {
		background-color:#416C54;
		color:white;
		font-size:18px;
		padding:5px;
	}
    
    .lofughost img , .ghoststory img {
        padding-top:5px;
        padding-right:10px;
    }
    
    .lofughost .title  , .ghoststory .title {
        font-weight:bold;
        color:black;
    }
    
    .lofughost .description , .ghoststory .description {
        color:black;
        text-indent:2em;
    }
    
    .lofughost .description:hover , .ghoststory .description:hover {
        text-decoration:underline;
    }











    .fungshuibook-header {
		background-color:red;
		color:black;
		font-size:18px;
		padding:5px;
	}
    
    .lofughost img , .fungshuibook img {
        padding-top:5px;
        padding-right:10px;
    }
    
    .lofughost .title  , .fungshuibook .title {
        font-weight:bold;
        color:black;
    }
    
    .lofughost .description , .fungshuibook .description {
        color:black;
        text-indent:2em;
    }
    
    .lofughost .description:hover , .fungshuibook .description:hover {
        text-decoration:underline;
    }







    
    .horoscope-item{
		margin-bottom:10px;
	}

    .horoscope-item img {
        width:100%;
    }
    
    .horoscope-highlight-bad {
		background-color: #767280;
		padding:5px;
	}

	.horoscope-highlight-avg {
		background-color: #F1384D;
		color: #ffffff;
		padding:5px;
	}

	.horoscope-highlight-good {
		background-color: #FCF7B5;
		color: black;
		padding:5px;
	}

    .chinesehoroscope-header {
        padding:10px;
    }

	.star-textarea-bad{
		background-color:#101c34;
		color: #ffffff;
		padding:5px;
		line-height: 1.4;
		margin-top: -6px;
		font-weight:bold;
	}

	.star-textarea-good {
		background-color:#ffea00;
		font-weight:bold;
		color: black;
		padding:5px;
		line-height: 1.4;
		margin-top: -6px;
	}

	.star-textarea-avg {
		font-weight:bold;
		color: black;
		padding:5px;
		line-height: 1.4;
	}

	
    
    .animal-textarea-good {
		background-color:rgb(147,3,14);
        padding: 5px;
        border-radius: 0 0 4px 4px;
    }
    
    .animal-textarea-bad {
		background-color:rgb(18,10,54);
        padding: 5px;
        border-radius: 0 0 8px 8px;
    }
    
    .health-hospital li {
		display:inline;
	}
    
    #hospital-select li {
		display:inline-block;
		width: 125px;
		height: 40px;
	}   

    .animal-item {
        margin-bottom: 10px;
    }

    .animal-item img {
        width:100%;
    }
/*==================================================
        #column
===================================================*/   
	.column-subgroup a {
		color: #030558;
		font-weight: bold;
		font-size:18px;
	}
    
    .column-subgroup a:hover , .column-title a:hover {
        text-decoration:underline;
    }

	.column-title a {
		color: #990000;
		font-weight: bold;
		font-size:15px;
	}

	.column-description {
		font-weight:bold;
	}

	.column-photo {
		float:left;
        width:30%;
        text-align:right;
	}
    
    .column-textarea {
        float:left;
        width:70%;
    }
    
    .column-1 , .column-2 {
        padding-top:10px;
        padding-bottom:10px;
    }
  
/*==================================================
        #eblog
===================================================*/
    .eblog-page .top {
        position:relative;
        margin-bottom:10px;
    }
    
    .eblog-page .top img {
        width:100%;
    }

    .eblog-page .top .item2 , .eblog-page .top .item3 {
        position: relative;
    }
	
    .eblog-page .top .caption-time {
        color: #FFFFFF;
        font-size: 12px;
        text-align: right;
        padding-right:10px;
    }
	
    .eblog-background {
		background-color:rgb(242, 181, 214);
	}

	.eblog-listview  .eblog-author-info {
		background-color:#fffceb;
		text-align:center;
		padding-top:20px;
		padding-bottom:10px;
	}

	.eblog-listview  .eblog-author-name {
		font-weight:bold;
	}
    
    .eblog-listview .eblog-author-description {
        text-align:left;
        padding:10px;
    }

	.eblog-listview  .eblog-article-tag {
		text-align:center;
		background-color:RGB(107,115,154);
		color:white;
		font-size: 20px;
		width:100%;
	}

	.eblog-listview .eblog-tag-list {
		padding-left:30px;
		padding-top:10px;
		background-color:#fffceb;
	}

	.eblog-listview .eblog-tag-list li {
		line-height:1.8em;
	}
    
    .eblog-listview .eblog-tag-list li:hover {
        text-decoration:underline;
    }

    .eblog-listview .eblog-header-image {
        width:100%;
    }
    
	.eblog-listview  .eblog-header {
		background-color:white;
        padding-left:20px;
        padding-right:20px;
        padding-top:20px;
	}

	.eblog-listview  .eblog-title {
		font-weight:bold;
		font-size:18px;
	}

	.eblog-listview   .eblog-info {
		color: #828174;
		text-align: right;
		font-weight:bold;
	}

	.eblog-listview .eblog-content {
		background-color:white;
        padding-top:10px;
        padding-bottom:20px;
        margin-bottom:10px;
	}

	.eblog-listview .former-eblog-item , .eblog-listview .eblog-tag-item  {
		background-color:white;	
		margin-bottom:10px;
		padding:10px;
	}

	.eblog-listview .former-eblog  , .eblog-listview  .eblog-tag-header {
		color:white;
		background-color:RGB(154,146,107);
		font-size:20px;
		padding:3px;
	}

	.eblog-listview .former-eblog-title  , .eblog-listview .eblog-tag-title {
		color:black;
		font-weight:bold;
		font-size:16px;
	}
    
    .eblog-listview .former-eblog-title:hover  , .eblog-listview .eblog-tag-title:hover {
        text-decoration:underline;
    }

	.eblog-listview .former-eblog-info ,.eblog-listview .eblog-tag-info  {
		color: #828174;
		text-align: right;
	}

	.eblogview-header {
		padding: 10px;
		background-color: RGB(233,219,181);
		color: white;
		font-size: 15px;
		font-weight:bold;
	}
    
    .eblog-timeline-list {
		padding:10px;
		border: 1px solid RGB(107,115,154);
		margin-bottom:5px;
	}

	.eblog-timeline-tag {
		background-color: RGB(107,115,154);
		color: white;
		font-size: 20px;
		padding-left:20px;
	}

	.eblog-timeline li {
		font-weight:bold;
		
	}

	.eblog-timeline .second {
		padding-left:20px;
		font-weight:bold;
	}

	.eblog-timeline .third {
		padding-left:30px;
		line-height:1.5em;
	}
    
    .eblog-1 , .eblog-2 {
        padding-top:10px;
        padding-bottom:10px;
    }
    
    .eblog-content div ,.eblog-content img {
        max-width:100%;
        display:block;
    }
    
/*==================================================
        #jetso
===================================================*/
    .jetso .jetso-question-icon {
		background: url('../images/question_answer.gif') no-repeat;
		width: 40px;
		height: 40px;
		display: inline-block;
	}

	.jetso .jetso-question {
		font-size:20px;
		position:relative;
		top:-10px;	
	}

	.jetso .jetso-answer-icon {
		background: url('../images/question_answer.gif') no-repeat;
		background-position:center right;
		width: 40px;
		height: 40px;
		display: inline-block;
		
	}

	.jetso .jetso-answer {
		position: relative;
		top: -30px;
		left: 50px;
	}

	.jetso .jetso-answer label:hover {
		cursor:pointer;
	}

	.jetso .participate-btn {
		color: white;
		background-color: black;
		border-color: #ccc;
		width:100px;
		margin-top:10px;
	}

	.jetso .jetso-term {
		background-color:#542140;
		color:white;
		font-size:20px;
		padding:3px;
		margin-top: 15px;
	}

	.jetso .jetso-password {
		font-size:20px;
		margin-top: 10px;
		margin-bottom:10px;
	}

	.jetso .magazine-jetso {
		border: 1px solid #ccc;
		font-size: 18px;
		position: relative;
		top: -10px;
	}

	.jetso .jetso-result-header {
		background-color:black;
		color:white;
	}

	.jetso .jetso-participate {
		background-color:rgb(145, 145, 145);
		color:white;
		padding-top: 30px;
	}

	.jetso .jetso-result-title {
		background-color:rgb(132, 43, 42);
		color:white;
	}
	
	.jetso .jetso-award {
		background-color:#FFD014;
        color:red;
        font-weight:bold;
	}
    
    .jetso .jetso-block {
        margin-top:10px;
        text-align:center;
    }
	
	.jetso-block img {
		margin: 0 auto;
	}
	
	.jetso-images img {
		margin: 0 auto;
	}
	
	.jetso-reminder {
		font-size: 17px;
		font-weight: bold;
		padding: 25px 0;
		color: red;
	}
/*==================================================
        #aside
===================================================*/
    .horserace {
		background:url(../images/hkjc_300.jpg) no-repeat;
		width:300px;
		height:90px;
        margin:5px auto;
	}

	.horserace-img {
		float: right;
		margin: 10px;
	}

	.horserace-title {
		float: right;
		width: 90px;
		margin-top: 20px;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		line-height: 15px;
        color:white;
	}
    	
    .pretty-vdo {
		background:url(../images/pretty_vdo_300.jpg) no-repeat;
		width:300px;
		height:90px;
        margin:5px auto;
		border: #fbadd0 1px solid;
	}

	.pretty-vdo-img {
		float: right;
		margin: 10px 18px 10px;
	}

	.pretty-vdo-title {
		float: right;
		width: 90px;
		margin-top: 20px;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		line-height: 15px;
        color:white;
	}
    
    .editor_pick , .hottest  {
        background-color:#505050;
        width:300px;
        margin:10px auto 0 auto;
        padding-bottom: 10px;
        border-radius: 4px;
    }
    
    .editor_pick .clearfix , .hottest .clearfix{
        margin-top:10px;
        margin-left:10px;       
    }
    
    .editor_pick .image , .hottest .image {
        float:left;
        width:40%;
    }
    
    .editor_pick .title , .hottest .title {
        float:left;
        padding-left:10px;
        width:60%;
        color:white;
        word-break: break-word;
    }

    .editor_pick .title:hover , .hottest .title:hover {
        text-decoration: underline;
    }
    
	.editor_pick .fb-like, .hottest .fb-like {
		margin: 5px 0 0 5px;
	}
	
    .content-hot {
        background:url('../image/content_hot.png') no-repeat;
        height:41px;
        text-align: right;
        color:RGBA(255,255,255,0.6);
        padding-right: 10px;
        padding-top: 10px;
    }

    .content-hot .today , .content-hot .week {
        cursor:pointer;
        outline:0;
    }
    
    .content-hot .active {
        color:white;
    }

    .east-movie {
        width:300px;
        background-color:#3C3C3C;
        margin-bottom:10px;
    }

    .east-movie img {
        border: 1px solid rgb(251, 166, 24);
        width:140px;
        margin-left:5px;
        margin-top:10px;
    }

    .east-movie-title {
        text-indent:5px;
        height: 20px;
        overflow: hidden;
    }

    .east-movie-title:hover {
        text-decoration: underline;
    }

    .weekly-movie , .movie-on-show , .movie-coming-soon{
        background-color:#9e001d;
        color:white;
        font-weight:bold;
        font-size:18px;
        padding:5px;
    }

    .facebook-page , .fengshui , .pet-health, .columnist_bnr, .ghost_bnr {
        width:300px;
        margin:5px auto;
    }

    .jetso-banner ul {
        margin:5px auto;
        width:300px;
    } 

/*==================================================
        #video
===================================================*/    
    .video #article-video {
		padding-bottom:30px;
        background-color:#000;
        /*padding-top:20px;*/
	}
    
    .video .video-content {
		padding-bottom: 10px;
	}

	.video .video-title {
		color: #279CAA;
		font-size:23px;
		line-height: 1.8em;
		padding: 8px 0 8px 5px;
		font-weight:bold;
	}

	.video .video-description {
		color:#333;
		font-size: 17px;
		line-height:1.6em;
		text-indent:2em;
		padding-left: 5px;
		padding-right: 5px;
		text-align: justify;
	}
    
    .video .horse-video-header {
        font-weight: bold;
        padding-left: 5px;
        color: grey;
    }
    
    .video .horse-list {
        padding-left:5px;
    }

    .video .mejs-container {
        margin:auto;
    }
    
    .video .video-description .no_indent{
        text-indent:0;
        text-align:left;
    }
    
    .video .video-description .secondary_content{
        font-size: 14px;
    }
    
    .video .video-description .secondary_content ul li{
        position:relative;
        padding-left: 70px;
        margin: 0;
        list-style:none;
    }
    
    .video .video-description .no_indent p,
    .video .video-description .no_indent div
    {
        text-indent: 0;
        text-align: left;
        margin: 0;
    }
    
    .video .video-description .secondary_content ul li label{
        display: inline-block;
        text-align: left;
        position: absolute;
        left: 0;
        width: 70px;
        font-weight:normal!important;
    }
    
    .video .video-description .secondary_content.long_label ul li{
        padding-left: 100px;
    }
    
    .video .video-description .secondary_content.long_label ul li label{
        width: 100px;
    }
    
    
    
    .play_btn{
        position:relative;
    }
    .play_btn:after{
        content:'';
        display:block;
        position:absolute;
        width:88px;
        height:88px;
        top:50%;
        left:50%;
        margin:-44px 0 0 -44px;
        background-image: url(http://eastweek.my-magazine.me/main/public/js/mediaelement/play_btn_off.png);
        background-size: 100%;
        pointer-events:none
    }
    .play_btn:hover:after{
        content:'';
        display:block;
        position:absolute;
        width:88px;
        height:88px;
        top:50%;
        left:50%;
        margin:-44px 0 0 -44px;
        background-image: url(http://eastweek.my-magazine.me/main/public/js/mediaelement/play_btn_on.png);
        background-size: 100%;

    }
    
    .mobile .play_btn:after{
        content:'';
        display:block;
        position:absolute;
        width:50px;
        height:50px;
        top:50%;
        left:50%;
        margin:-25px 0 0 -25px;
        background-image: url(http://eastweek.my-magazine.me/main/public/js/mediaelement/play_btn_off.png);
        background-size: 100%;
    }
    

/*==================================================
        #listview
===================================================*/    
    .listview .top {
        position:relative;
        margin-bottom:10px;
    }
    
    .listview .top .item1 img {
        width:100%;
    }

    .listview .top .item2 , .listview .top .item3 {
        position: relative;
    }
    
    .listview .top .caption, .eblog-page .caption {
        position: absolute;
        bottom: 0;
        background: url('../images/75black.png') transparent;
        width: 100%;
    }
    
    .listview .top .caption-title, .eblog-page .caption-title {
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
    }
    
    .listview .top .caption-description, .eblog-page .caption-description {
        color: #FFFFFF;
        font-size: 13px;
        text-indent: 2em;
    }
    
    .listview .top .caption-time {
        color: #FFFFFF;
        font-size: 12px;
        text-align: right;
        padding-right:10px;
    }
    
    .listview .list-group-title, .video .list-group-title, .eblog-page .list-group-title {
        color: #333;
        font-weight: bold;
        font-size: 20px;
    }
    
    .listview .maxwidth, .video .maxwidth, .eblog-page .maxwidth {
        width: 100%;
    }
    
    .listview-list  .list-group-img , .eblog-page .list-group-img {
        float: left;
        margin-right: 10px;
        width:320px;
    }
    
    .listview .list-group-description, .video .list-group-description ,.eblog-page .list-group-description {
        color: black;
        display:none;
    }
    
    .listview .list-group-description:hover, .video .list-group-description:hover , .eblog-page .list-group-description:hover {
        text-decoration:underline;
    }
    
    .listview .block , .video .block , .eblog-page .block {
        padding-left:5px;
        margin-bottom:26px;
    }

/*==================================================
        #magazine
===================================================*/    
    .magazine .catalog {
        width:100%;
        background-color:RGB(234,222,196);
        padding: 20px 10px;
    }


    .magazine .catalog .item1,.magazine .catalog .item2,.magazine .catalog .item3 {
        float:left;
        padding-left:20px;
        font-weight:bold;
    }

    .magazine .catalog .item1 {
        text-align:center;
    }
	
	.magazine .catalog-info {
		margin: 3px 0 0;
	}
	
    .magazine .catalog .issue_no {
        font-size:26px;
        font-weight:500;
    }

    .magazine .cover-story-label {
        background-color: rgb(188,178,166);
        color:rgb(140,78,79);
        font-size: 16px;
        padding:2px 5px;
    }

    .magazine .entertainment-label {
        background-color:rgb(140,78,79);
        color:white;
        font-size: 16px;
        padding:2px 5px;
    }

    .magazine .book-a-title1 {
        margin:0;
        color:rgb(11,42,99);
    }

    .magazine .book-a-title2 {
        margin:0;
        color:rgb(11,42,99);
        font-weight: bold;
        margin-bottom:20px;
		font-size: 36px;
    }

    .magazine .book-b-title1 {
        margin:0;
        color:rgb(63,29,115);
    }

    .magazine .book-b-title2 {
        margin:0;
        color:rgb(63,29,115);
        font-weight: bold;
		font-size: 36px;
    }

    .magazine .catalog-detail {
        border-radius: 6px;
        width:120px;
        margin: 13px auto;
        font-size:20px;
        padding:5px;
        background-color: rgb(98,98,98);
        color:white;
        text-align:center;
        border:2px solid rgb(150,150,150);
    }

    .magazine .nav {
        font-size:28px;
    }

    .magazine .right {
        font-size:26px;
        color:#AB0202;
    }

    .magazine ul.subnav {
        display:inline-block;
    }

    .magazine ul.subnav li {
        display:inline-block;
    }

    .magazine ul.subnav li a {
        color:black;
        font-size: 16px;
        padding:5px 10px;
    }

    .magazine .magazine-list .article {
        background-color: rgb(229,229,229);
    }

    .magazine .magazine-list .article li {
        padding-left:10px;
        padding-right:10px;
        padding-top:18px;
        padding-bottom: 16px;
    }

    .magazine .magazine-list .article .title {
        color:#303030;
        font-size: 17px;
		padding-top: 5px;
    }

    .magazine-entertainment , .magazine-fame , .magazine-news , .magazine-family , .magazine-life , .magazine-health , .magazine-finance , .magazine-pet {
        margin-top:10px;
        position:relative;
    }

    .magazine .magazine-entertainment .article {
        border-top:2px solid rgb(78,15,194);
    }

    .magazine .magazine-fame .article {
        border-top:2px solid rgb(140,112,28);
    }

    .magazine .magazine-news .article {
        border-top:2px solid rgb(24,65,117);
    }

    .magazine .magazine-family .article {
        border-top:2px solid rgb(239,189,8);
    }

    .magazine .magazine-life .article {
        border-top:2px solid rgb(28,199,146);
    }

    .magazine .magazine-health .article {
        border-top:2px solid rgb(97,67,39);
    }

    .magazine .magazine-finance .article {
        border-top:2px solid rgb(128,124,24);
    }

    .magazine .magazine-pet .article {
        border-top:2px solid rgb(191,116,219);
    }







/*==================================================
        #search
===================================================*/
    .search-result {
        margin-top:10px;
    }

    .search-result img {
        float:left;
    }

    .search-textarea {
        padding-left: 205px;
    }

    .search-title {
        color:#333;
        font-weight: bold;
		font-size: 18px;
		margin-bottom: 5px;
    }
	
	.search-description {
        color:#333;
	}

    .search-more {
        color:#756653;
        text-decoration: underline;
    }

/*==================================================
        #footer
===================================================*/
    #footer-social {
        background-color:#3a3a3a;
        color:white;
    }

    #footer-social img {
        margin:10px;
    }

    #footer-link  {
        background-color:#E6E6E6;
    }

    #footer-link .logo-navigator {
        display:inline-block;
        vertical-align:middle;
    }

    #footer-link .info {
        display:inline-block;
        margin-left:10px;
        height:30px;
        line-height:30px;
    }

    #footer-link .info a {
        color:black;
        font-weight:bold;
    }

    #back_to_top {
        position:fixed;
        right:50px;
        bottom:50px;
        cursor:pointer;
        z-index:1001;
        display:none;
    }
	
	.contact-title {
		font-weight: bold;
	}

	.alternative-video{
		text-align: center;
		background-color: #000;
	}

	
    @media (min-width:1200px) {

        .col-lg-15 {
            width:20%;
            float:left;
        }

        #tablet_menu , #mobile_menu , #mobile-menu-detail {
            display:none;
        }

        #nav-desktop-menu ul li a {
            padding:10px;
        }
        
        .header-container {
            width:100%;
            height:110px;
            background-color:#AB0202;
        }
        
        .header-container .logo {
            float:left;
            margin-top:18px;
            margin-right:12px;
        }
        
		.header-container .logo .desktop-social-icon {
			margin-top: 37px;
			margin-left: 5px;
		}
		
        .header-container .banner-ad {
            float:left;
            width:728px;
            height:90px;
            margin-top:10px;
            margin-bottom:10px;
        }
        
        #nav-menu .row > ul {
            margin-left:10px;
        }
        

        .index-top .col-lg-8 {
            width:710px;
            padding:10px;
        }

        .index-top .col-lg-4 {
            width: 450px;
            padding-top:10px;
            padding-right:10px;
            padding-bottom:10px;
        }
        
        .main > .row > .col-lg-8 {
            width:850px;
        }
        
        .main > .row > .col-lg-4 {
            width:300px;
            margin-left:10px;
        }
        
        .favour-video .mejs-container {
            height:55px;
        }
        
        #block8 .row {
            margin-left:-5px;
            margin-right:-5px;
        }

        #block8 .col-lg-4 {
            padding-left:5px;
            padding-right:5px;
        }
        
        .column-item {
            height:240px;
            margin:-1px;
            border:3px solid #b8b3a0;
            padding:10px;
        }
        
        .flex-control-nav {
			width: auto;
			position:absolute;
			padding-right: 10px;
			z-index: 1000;
			bottom: 0;
			right: 0;
        }
        
		.top-banner .caption {
			font-size:26px;
		}
		
        .listview .listview-grid {
            height:230px;
        }
        
        .video .listview-grid {
            height:300px;
        }
        
        .eblog-page .listview-grid {
            height:260px;
        }
        
        .pet-extra-border .col-lg-4 {
            padding-left:5px;
        }
        
        .pet-extra-border .list {
            height:220px;
        }
        
        .numerology {
            height: 506px;
            background-color: #440928;
        }
        
        .social-album-iframe {
            width:100%;
            height:700px;
        }

        .style-header-video video {
            position: absolute;
            bottom: 18px;
            right: 28px;
            width:480px;
        }

        #style-owen-fashion-box .owen_article_box {
            position:absolute;
            width:270px;
            left:270px;
            top: 5px;
        }

        #style-michael-box .michael_share_box {
            position:absolute;
            width:270px;
            left:550px;
            top: 45px;
        }

        #style-donald-box .donald_share_box {
            position:absolute;
            width:270px;
            left:538px;
            top: 20px;
        }

        #style-gary-box .gary_share_box {
            position:absolute;
            width:270px;
            left:298px;
            top: 16px;
        }

        #style-maxwell-box .maxwell_share_box {
            position:absolute;
            width:270px;
            left:508px;
            top: 30px;
        }

        #style-owen-fashion-box .owen_gift {
            position: absolute;
            right:10px;
            top:5px;
        }
		
		.facebook-like-box {
			background: #ab0202;
			width: 304px;
			height: 66px;
			padding: 2px;
			margin-top: 20px;
		}
		
        .share-btn {
            float:right;
        }

        .animal-textarea-avg {
            color:#730808;
            line-height:1.6;
            margin:5px 10px 32px;
			font-size: 17px;
			text-align: justify;
        }

        .animal-textarea-bad,.animal-textarea-good {
            color:#ffffff;
            line-height:1.6;
            margin:0;
			padding: 12px;
			font-size: 17px;
			text-align: justify;
        }

        .video-grid {
            height:83px;
        }
        .video .mejs-container, .mejs-container video {
			max-width: 100%;
			max-height: 100%;
		}
		
	
		.swf-video{
			width: 533px;
			height: 300px;
		}
    }
        
    @media (min-width: 992px) and (max-width:1199px) {

        .col-md-15 {
            width:20%;
            float:left;
        }

        #tablet_menu , #mobile_menu , #mobile-menu-detail {
            display:none;    
        }

        #nav-desktop-menu ul li a {
            padding:11px 6px;
            font-size:15px;
        }

        #portalMenu #menuItemRight .searchBox {
            width:70px;
        }
        
        #portalMenu #menuItemRight .searchBox .searchBoxText {
            width:55px;
        }
       
        
        .header-container {
            width:100%;
            background-color:#AB0202;
        }
        
        .header-container .logo {
            float:left;
            margin-top:10px;
            margin-bottom:10px;
            width:264px;
        }

        .header-container .logo img {
            max-width: 100%;
        }

        
        .header-container .banner-ad {
            background-color:grey;
            width:728px;
            height:90px;
            float:left;
            margin-top:5px;
            margin-bottom:5px;
        }
        
        #nav-menu ul li {
            padding:11px 7px;
        }
        
        #nav-menu ul li a , #nav-mobile-menu ul li a {
            font-size:13px;
        }
        
        .index-top .col-lg-8 {
            width:640px;
            padding:10px;
        }

        .index-top .col-lg-4 {
            width: 352px;
            padding-top:10px;
            padding-right:10px;
            padding-bottom:10px;
        }
        
        .main > .row > .col-lg-8 {
            width:682px;
        }
        
        .main > .row > .col-lg-4 {
            width:300px;
            margin-left:10px;
        }
        
        .favour-video {
            height:212px;
        }
        
        .mystery-subnav ul li.first {
            padding:3px 10px;
        }
        
        .mystery-subnav ul li a {
            padding:0;
        }
        
        #block8 .row {
            margin-left:-5px;
            margin-right:-5px;
        }
        
        #block8 .col-lg-4 {
            padding-left:5px;
            padding-right:5px;
        }
        
        .column-item {
            height:260px;
            margin:-1px;
            border:3px solid #b8b3a0;
            padding:5px;
        }
        
        .flex-control-nav {
            display:none;
        }
        
        .listview .listview-grid {
            height:200px;
        }
        
        .video .listview-grid {
            height:250px;
        }
        
        .eblog-page .listview-grid {
            height:230px;
        }
        
        .pet-extra-border .col-md-4 {
            padding-left:5px;
        }
        
        .pet-extra-border .list {
            height:190px;
        }
        
        .numerology {
            height: 458px;
            background-color: #440928;
        }

        .style-header-video video {
            position: absolute;
            bottom: 15px;
            right: 23px;
            width:412px;
        }

        #style-owen-fashion-box .owen_article_box {
            position:absolute;
            width:240px;
            left:200px;
            top: 5px;
        }

        #style-michael-box .michael_share_box {
            position:absolute;
            width:240px;
            left:430px;
            top: 45px;
        }

        #style-donald-box .donald_share_box {
            position:absolute;
            width:240px;
            left:430px;
            top: 25px;
        }

        #style-gary-box .gary_share_box {
            position:absolute;
            width:240px;
            left:430px;
            top: 25px;
        }

        #style-maxwell-box .maxwell_share_box {
            position:absolute;
            width:240px;
            left:430px;
            top: 25px;
        }

        #style-owen-fashion-box .owen_gift {
            position: absolute;
            right:10px;
            top:5px;
        }

        #style-owen-fashion-box .owen_gift img {
            width:220px;
        }

        .social-album-iframe {
            width:100%;
            height:700px;
        }

        .share-btn {
            float:right;
        }

        .magazine .book-a-title1 , .magazine .book-b-title1 {
            font-size:20px;
        }

        .magazine .book-a-title2 , .magazine .book-b-title2 {
            font-size:30px;
        }

        .magazine .catalog .item2 {
            width:320px;
        }

        .animal-textarea-avg {
            color:#730808;
            line-height:1.6;
            margin:5px 10px 32px;
			font-size: 17px;
			text-align: justify;
        }

        .animal-textarea-bad,.animal-textarea-good {
            color:#ffffff;
            line-height:1.6;
            margin:0;
			padding: 12px;
			font-size: 17px;
			text-align: justify;
        }

        .video-grid {
            height:65px;
        }
		
        .video .mejs-container, .mejs-container video {
			max-width: 100%;
			max-height: 100%;
		}
	
		.swf-video{
			width: 533px;
			height: 300px;
		}
    }

    @media (min-width: 768px) and (max-width:991px) {

        .col-sm-15 {
            width:20%;
            float:left;
        }

        #portalMenu , #mobile_menu , #mobile-menu-detail {
            display:none;    
        }
        
        #tablet_menu{
            width: 100%;
            height: 25px;
            position: fixed;
            top: 0;
            z-index: 10000;
            background-color: #EEE;
        }
        
        .header-container {
            width:100%;
            background-color:#AB0202;
        }
        
        .header-container .logo {
            text-align:center;
            margin-top:10px;
            margin-bottom:10px;
        }
        
        .header-container .banner-ad {
            background-color:grey;
            width:728px;
            height:90px;
            margin:auto;
        }
        
        #nav-menu {
            height:84px;
        }
        
        #nav-menu ul li {
            padding:11px 18px;
        }

        #nav-desktop-menu ul li a {
            padding: 12px 2px;
            display: block;
            font-size: 13px;
        }
        
        .column-item {
            height:240px;
            margin:-1px;
            border:3px solid #b8b3a0;
            padding:10px;
        }
        
        .flex-control-nav {
            display:none;
        }
		
        .video-grid-list {
            margin-right:0;
        }

        .favour-video {
            margin-top:10px;
        }
        
        .favour-video .mejs-container {
            height:240px;    
        }
        
        #block8 .col-lg-4 {
            padding-left: 5px;
            padding-right: 5px;
        }
        
        .listview .listview-grid {
            height:200px;
        }
        
        .video .listview-grid {
            height:280px;
        }
        
        .eblog-page .listview-grid {
            height:240px;
        }
        
        .pet-extra-border .col-sm-4 {
            padding-left:5px;
        }
        
        .pet-extra-border .list {
            height:200px;
        }
        
        .numerology {
            height: 476px;
            background-color: #440928;
        }
        
        #search-form {
            top:43px;
        }

        .style-header-video video {
            position: absolute;
            bottom: 12px;
            right: 18px;
            width:318px;
        }

        #style-owen-fashion-box .owen_article_box {
            position:absolute;
            width:270px;
            left:215px;
            top: 5px;
        }

        #style-michael-box .michael_share_box {
            position:absolute;
            width:270px;
            left:485px;
            top: 36px;
        }

        #style-donald-box .donald_share_box {
            position:absolute;
            width:270px;
            left:485px;
            top: 18px;
        }

        #style-gary-box .gary_share_box {
            position:absolute;
            width:270px;
            left:295px;
            top: 18px;
        }

        #style-maxwell-box .maxwell_share_box {
            position:absolute;
            width:270px;
            left:460px;
            top: 30px;
        }

        #style-owen-fashion-box .owen_gift {
            position: absolute;
            right:20px;
            top:5px;
        }

        .social-album-iframe {
            width:100%;
            height:700px;
        }

        .share-btn {
            float:right;
        }

        .magazine .catalog .item1, .magazine .catalog .item2 {
            width:50%;
        }

        .animal-textarea-avg {
            color:#730808;
            line-height:1.6;
            margin:5px 10px 32px;
			font-size: 17px;
			text-align: justify;
        }

        .animal-textarea-bad,.animal-textarea-good {
            color:#ffffff;
            line-height:1.6;
            margin:0;
			padding: 12px;
			font-size: 17px;
			text-align: justify;
        }

        .video-grid {
            height:145px;
        }

        .ad1, .ad2, .ad_psb_a {
            text-align: center;
        }
        .video .mejs-container, .mejs-container video {
			max-width: 100%;
			max-height: 100%;
		}
	
		.swf-video{
			width: 533px;
			height: 300px;
		}
    }

    @media (max-width:767px) {

        .col-xs-15 {
            width:20%;
            float:left;
        }

        iframe , object, video {
            max-width:100%;
        }

        #portalMenu, #tablet_menu {
            display:none;
        }
        
        #mobile_menu {
            width:100%;
            height:52px;
            background-color:#AB0202;
            position:fixed;
            text-align:center;
            z-index:999;
        }
        
        #mobile_menu.left {
            left:70%;
            z-index:1000;
        }
        
        .mobile_menu_button {
            position:absolute;
            top:17px;
            left:14px;
            cursor:pointer;
        }
    
        .mobile_menu_button span {
            background: #fff;
            display: block;
            width: 25px;
            height: 2px;
            margin-bottom: 7px;
            -webkit-transition: all 0.5s linear;
            transition: all 0.3s linear;
        }

        .mobile_menu_button.open span:nth-child(1)  {
            transform: translate(0px, 8px) rotate(-45deg) scalex(1.3);
            -webkit-transform: translate(0px, 8px) rotate(-45deg) scalex(1.3);
            -ms-transform: translate(0px, 8px) rotate(-45deg) scalex(1.3);
            margin: 0;
        }

        .mobile_menu_button.open span:nth-child(3) {
            transform: translate(0px, 7px) rotate(45deg) scalex(1.3);
            -webkit-transform: translate(0px, 7px) rotate(45deg) scalex(1.3);
            -ms-transform: translate(0px, 7px) rotate(45deg) scalex(1.3);
            margin: 0;
        }

        .mobile_menu_button.open span:nth-child(2) {
            display:none;
        }
        
        .mobile-logo {
            height:42px;
            margin:5px auto;
        }
		
		#nav-desktop-menu ul li a, #nav-mobile-menu ul li a {
			padding: 15px 12px 15px;
		}
		
		
		#mobile-menu-detail {
            width:100%;
            height:100%;
            position:fixed;
            z-index:999;
            background-color:rgba(0, 0, 0, 0.6);
            display:none;
        }
        
        #mobile-nav-menu {
            width:70%;
            height:100%;
            background-color:#eeeeee;
            overflow-y:auto;
        }
        
        #mobile-nav-menu li {
            border-bottom:1px solid #dddddd;
        }
        
        #mobile-nav-menu li:nth-child(3) {
            border-left:3px solid #4E0FC2;
        }
        
        #mobile-nav-menu li:nth-child(4) {
            border-left:3px solid #184175;
        }

        #mobile-nav-menu li:nth-child(5) {
            border-left:3px solid #279CB1;
        }

        #mobile-nav-menu li:nth-child(6) {
            border-left:3px solid #AB0202;
        }

        #mobile-nav-menu li:nth-child(7) {
            border-left:3px solid #166147;
        }

        #mobile-nav-menu li:nth-child(8) {
            border-left:3px solid #EB237C;
        }

        #mobile-nav-menu li:nth-child(9) {
            border-left:3px solid #614327;
        }

        #mobile-nav-menu li:nth-child(10) {
            border-left:3px solid #B80C0A;
        }

        #mobile-nav-menu li:nth-child(11) {
            border-left:3px solid red;
        }

        #mobile-nav-menu li:nth-child(12) {
            border-left:3px solid #EFBD08;
        }

        #mobile-nav-menu li:nth-child(13) {
            border-left:3px solid #8C4E4F;
        }

        #mobile-nav-menu li:nth-child(14) {
            border-left:3px solid green;
        }

        #mobile-nav-menu li:nth-child(15) {
            border-left:3px solid lightgreen;
        }
        
        #mobile-nav-menu .mobile-search {
            background-color:black;
            padding:5px;
            height:40px;
        }
        
        .mobile-search-box {
            width:100%;
            border-radius:10px;
            border:0;
            font-size:20px;
            height:30px;
            line-height:30px;
            outline:0;
            padding-left:10px;
        }
        
        .social-icon {
            height:28px;
            margin-right:8px;
            margin-top:4px;
            margin-bottom:4px;
        }
        
        #mobile-nav-menu .item a{
            color:black;
            font-size:22px;
            display:block;
            text-indent:15px;
            height:36px;
            line-height:36px;
        }
        
        #portalMenuSpace {
            height:52px;
        }

        .top-banner .flex-direction-nav {
            display:none;
        }
        
        .entertainment-img , .online-img , .mystery-img , .news-img {
            width:100%;
        }
        
        .hot-nav {
            overflow-x:auto;
        }
        
        .hot-nav ul {
            width:576px;
        }
        
        .hot-nav li{
            float:left;
        }
        
        .entertainment-list , .news-list , .pretty-list {
            padding:0;
            text-indent:5px;
        }
        
        .entertainment-list li:first-child , .news-list li:first-child , .pretty-list li:first-child {
            display:none;
        }
        
        .entertainment-tag {
            position:absolute;
            top:0;
            left:0;
            border-left:10px solid #9e1102;
            background-color:#aa3527;
            color:white;
            font-size:18px;
            padding:3px 30px;
        }
        
        .entertainment-caption {
            width:100%;
            position:absolute;
            bottom:0;
            font-size:20px;
            color:pink;
            background-color:rgba(0,0,0,0.6);
            font-weight:bold;
            padding:5px;
        }
        
        a.entertainment-more {
            color:#aa3527;
            border-bottom: 1px solid #aa3527;
        }

        .pretty_section-tag {
            position:absolute;
            top:0;
            left:0;
            border-left:10px solid rgb(195,1,90);
            background-color:rgb(235,35,124);
            color:white;
            font-size:18px;
            padding:3px 30px;
        }

        .pretty-caption {
            width:100%;
            position:absolute;
            bottom:0;
            font-size:20px;
            color:pink;
            background-color:rgba(0,0,0,0.6);
            font-weight:bold;
            padding:5px;
        }

        a.pretty-more {
            color:rgb(235,35,124);
            border-bottom: 1px solid rgb(235,35,124);
        }

        
        
        .online-list {
            padding:0;
        }
        
        .online-list li , .mystery-list li {
            padding:5px;
            border-bottom:1px solid #d9d9d9;
        }
        
        .online-tag {
            position:absolute;
            top:0;
            left:0;
            background-color: #279caa;
            border-left: 10px solid #028e9e;
            color: white;
            padding: 3px 15px;
            font-size: 18px;
        }
        
        .online-caption {
            width: 100%;
            position: absolute;
            bottom: 0;
            font-size: 20px;
            color: lightblue;
            background-color: rgba(0,0,0,0.6);
            font-weight: bold;
            padding: 5px;
        }
        
        a.online-more {
            color:#279caa;
            border-bottom:1px solid #279caa;
        }
        
        .mystery-tag {
            position:absolute;
            top:0;
            left:0;
            background-color: #166147;
            border-left: 10px solid #015a3b;
            color: white;
            padding: 3px 20px;
            font-size: 18px; 
        }
        
        .mystery-caption {
            width: 100%;
            position: absolute;
            bottom: 0;
            font-size: 20px;
            color:mintcream;
            background-color: rgba(0,0,0,0.6);
            font-weight: bold;
            padding: 5px;
        }
        
        a.mystery-more {
            color:#166147;
            border-bottom:1px solid #166147;
        }
        
        .news-caption {
            width: 100%;
            position: absolute;
            bottom: 0;
            font-size: 20px;
            color: lightsteelblue;
            background-color: rgba(0,0,0,0.6);
            font-weight: bold;
            padding: 5px;
        }
        
        .news-tag {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #26508c;
            border-left: 10px solid #00337a;
            color: white;
            padding: 3px 20px;
            font-size: 18px;
        }
        
        a.news-more {
            color:#26508c;
            border-bottom:1px solid #26508c;
        }
        
        .column-item {
            height:240px;
            border:1px solid #b8b3a0;
            padding:5px;
        }
        
        .index-top {
            background-color:#fff;
        }
        .favour-video {
		margin-top: 8px;
		}
        .favour-video .title {
            background-color:#AB0202;
        }
        
        .online-list , .mystery-list {
            padding:0;
        }
        
        #nav-desktop-menu {
            display:none;
        }
        
        #nav-mobile-menu {
            overflow-x:auto;
            width:88%;
        }
        
        
        #nav-mobile-menu  ul {
            min-width:1150px;
        }
        
        .popup-menu {
            position: absolute;
            right: 0;
            top: 44px;
            width:12%;
            height: 52px;
            cursor: pointer;
        }
        
        .popup-menu img {
            height: 16px;
            display: block;
            margin: 20px auto;
        }
        
        .menu-popup-detail {
            width:100%;
            position:absolute;
            top:0;
            left:0;
            z-index:999;
            background-color: #3f3f3f;
            display:none;
        }
        
        .menu-popup-detail li {
            width:25%;
            float:left;
        }

        .menu-popup-detail li:nth-child(3) {
            width:50%;
        }

        .menu-popup-detail li:nth-child(3) a {
            text-align: left;
            text-indent: 10px;
        }
        
        .menu-popup-detail li a {
            display:block;
            padding: 11px 0;
            color:white;
			font-size: 16px;
            text-align: center;
        }
        
        .collapse-btn {
            display: none;
            position: absolute;
            right: 30px;
            height: 30px;
            top: 10px;
            cursor: pointer;
            z-index:1000;
        }        
        
        .hot .mobile .list {
            background-color: RGB(11,168,241);
            position: relative;
            padding:5px;
            height:105px;
        }
        
        .column-slide .column-1 {
            padding-right:5px;
            padding-bottom:0;
        }
        
        .column-slide .column-2 {
            padding-left:5px;
            padding-bottom:0;
        }
        
        .column-slide .column-left .author-photo {
            border-radius:40px;
            height:55px;
        }
        
        .column-right .title {
            border-bottom:0;
        }    

        .column-right .author {
            padding-left:10px;
        }    
        
        .column-slide .clearfix {
            padding-top:10px;
            background-color:white;
        }
        
        .eblog-slide .eblog-left .eblogger-photo {
            border-radius:40px;
        }
        
        .eblog-right .title {
            border-bottom:0;
        }
        
        .eblog-slide .eblog-1 {
            background-color:white;
            padding-right:5px;
        }
        
        .eblog-slide .eblog-2 {
            background-color:white;
            padding-left:5px;
        }
        
        .eblog-slide .eblog-right .author {
            padding-left:10px;
        }
        
        .nav-tab {
            background-color:#333;
        }
        
        .nav-tab li {
            float:left;
        }
        
        .nav-tab .active {
            background-color:#f79c3c;
        }
        
        .nav-tab li a {
            color:white;
            display:block;
            padding:6px;
            text-align:center;
            cursor:pointer;
        }
        
        .family, .beauty-class , .fame , .health , .travel {
            display:none;
        }
        
        .listview .list-group-description, .eblog-page .list-group-description {
            display:block;
        }     

        .listview .block , .video .block , .eblog-page .block {
            padding-left:0;
        }    
        
        .listview .block img , .video .block img {
            width:180px;
            float:left;
            padding-right:5px;
        }    
        
        .lofughost img , .ghoststory img {
            padding-right:0;
        }
        
        .eblog-page .listview-grid {
            margin-bottom:15px;
        }
        
        .health-page .left-item {
            width:100%;
        }
        
        .health-page .left-item img , .health-page .right-item img {
            width:50%;
            float:left;
            padding-right:10px;
        }

        .health-page .right-item {
            width:100%;
            padding-left:0;
        } 
        
        .nearby .clearfix {
            margin-top:10px;
        }
        
        .recommend .list {
            width:100%;
            margin-right:0;
            margin-bottom:10px;
        }
        
        .recommend .list img {
            float:left;
            width:50%;
        }
        
        .recommend .list .title {
            float:left;
            padding-left:10px;
            width:50%
        }

        .beauty-container {
            background:url('../image/beauty_mobile_bg.jpg') no-repeat;
        }
        
        .tutorial-container  {
            background:url('../image/tutorial_mobile_bg.jpg') no-repeat;
        }

        .fashion-container {
            background:url('../image/fashion_mobile_bg.jpg') no-repeat;
        }

        #style-owen-fashion-box {
            background: url('../image/owen_mobile_bg.jpg') no-repeat;
        }

        #style-michael-box {
            background: url('../image/michael_mobile_bg.jpg') no-repeat;
        }

        #style-donald-box {
            background: url('../image/donald_mobile_bg.jpg') no-repeat;
        }

        #style-gary-box {
            background: url('../image/gary_mobile_bg.jpg') no-repeat;
        }

        #style-maxwell-box {
            background: url('../image/maxwell_mobile_bg.jpg') no-repeat;
        }
        

        .beauty-container li , .tutorial-container li , .fashion-container li {
            margin-top:10px;
        }

        .beauty-container li img , .tutorial-container li img , .fashion-container li img {
            float:left;
            width:50%;
        }

        .beauty-container li .title , .tutorial-container li .title , .fashion-container li .title {
            float:left;
            width:50%;
            padding-left:10px;
        }

        #style-owen-fashion-box {
            height:360px;
        }

        #style-michael-box {
            height:240px;
        }

        #style-donald-box {
            height:240px;
        }

        #style-gary-box {
            height:360px;
        }

        #style-maxwell-box {
            height:330px;
        }

        #style-owen-fashion-box .owen_article_box img {
            float:left;
            width:50%;
        }

        #style-michael-box .michael_share_box img {
            float:left;
            width:50%;
        }

        #style-donald-box .donald_share_box img {
            float:left;
            width:50%;
        }

        #style-gary-box .gary_share_box img {
            float:left;
            width:50%;
        }

        #style-maxwell-box .maxwell_share_box img {
            float:left;
            width:50%;
        }

        #style-owen-fashion-box .owen_article_box .title {
            float:left;
            width:50%;
            padding-left: 10px;
            padding-right:10px;
        }

        #style-michael-box .michael_share_box .title {
            float:left;
            width:50%;
            padding-left: 10px;
            padding-right:10px;
        }

        #style-donald-box .donald_share_box .title {
            float:left;
            width:50%;
            padding-left: 10px;
            padding-right:10px;
        }

        #style-gary-box .gary_share_box .title {
            float:left;
            width:50%;
            padding-left: 10px;
            padding-right:10px;
        }

        #style-maxwell-box .maxwell_share_box .title {
            float:left;
            width:50%;
            padding-left: 10px;
            padding-right:10px;
        }

        #style-owen-fashion-box .owen_article_box {
            padding-top:60px;
            padding-left: 10px;
        }

        #style-michael-box .michael_share_box {
            padding-top:60px;
            padding-left: 10px;
        }

        #style-donald-box .donald_share_box {
            padding-top:60px;
            padding-left: 10px;
        }

        #style-gary-box .gary_share_box {
            padding-top:140px;
            padding-left: 13px;
        }

        #style-maxwell-box .maxwell_share_box {
            padding-top:195px;
            padding-left: 23px;
        }

        #style-owen-fashion-box .owen_gift {
            padding-top:10px;
            padding-left:10px;
            padding-bottom:10px;
        }

		.eblog-content p  {
			margin:15px 12px 30px 12px;
		}
		
		.view-content p  {
			margin:15px 12px 30px 12px;
		}
		
		.view-content .paragraph h3 {
			margin: 5px 8px 30px;
		}

        .search-result img {
            width:150px;
        }

        .search-textarea {
            padding-left: 160px;
        }

        .social-album-iframe {
            width:100%;
            height:500px;
        }

        .mobile-submenu {
            background-color: #211B38;
        }

        .mobile-submenu li {
            float:left;
            padding:9px;
        }

        .mobile-submenu li.active {
            background-color: #AB0202;
        }

        .mobile-submenu li a {
            color:white;
        }

        .listview .top img {
            width:100%;
        }

        .share-btn {
            float:left;
            margin-top:10px;
            margin-bottom:10px;
        }

        #back_to_top {
            position:fixed;
            right:15px;
            bottom:15px;
            cursor:pointer;
            z-index:1001;
            display:none;
        }

        .magazine .catalog {
            display:flex;
            flex-direction: column;
        }

        .magazine .catalog .item1 {
            order:2;
            padding:0;
        } 

        .magazine .catalog .item1 p {
            font-size:26px;
            text-align: center;
            font-weight: 500;
        }

        .magazine .catalog .item2 {
            order:1;
            padding:0;
        } 

        .magazine .catalog .item2 img {
            margin:auto;
        }

        .magazine .catalog .item3 {
            order:3;
            padding:0;
            margin-top:10px;
        }

		.magazine .book-a-title1 , .magazine .book-b-title1 {
            font-size:20px;
        }

        .magazine .book-a-title2 , .magazine .book-b-title2 {
            font-size:23px;
        }
		
        .magazine .magazine-list {
            margin:10px;
        }

        .magazine .magazine-list .article {
            background-color: transparent;
        }

        .magazine .magazine-list .article li {
            padding:0;
            margin-bottom: 10px;
        }

        .magazine .magazine-list .article .title {
            padding-left: 10px;
            color:black;
        }

        .magazine .magazine-list .more {
            position:absolute;
            font-size: 18px;
            top:12px;
            right:10px;
            color:#666666;
            text-decoration: underline;
        }

        .magazine .magazine-list .first img {
            width:100%;
        }

        .magazine .magazine-list .first .title {
            position: absolute;
            color: white;
            width: 100%;
            background-color: rgba(0,0,0,0.6);
            bottom: 0;
            padding: 10px;

        }
    
        .magazine .magazine-list .first .tag {
            position: absolute;    
            top:10px;
            left:10px;
            color:white;
            font-size:17px;
            padding: 0 5px;
            border-radius: 4px;
        }

        .magazine .magazine-list .article .tag {
            color:white;
            font-size:17px;
            padding: 0 5px;
            border-radius: 4px;
            display:table;
        }

        .magazine .magazine-entertainment .first .tag , .magazine .magazine-entertainment .article .tag {
            background-color: rgb(78,15,194);
        }
            
        .magazine .magazine-fame .first .tag , .magazine .magazine-fame .article .tag {
            background-color: rgb(140,112,28);
        }    

        .magazine .magazine-news .first .tag , .magazine .magazine-news .article .tag {
            background-color: rgb(24,65,117);
        } 

        .magazine .magazine-family .first .tag , .magazine .magazine-family .article .tag {
            background-color: rgb(239,189,8);
        }

        .magazine .magazine-life .first .tag , .magazine .magazine-life .article .tag {
            background-color: rgb(28,199,146);
        }

        .magazine .magazine-health .first .tag , .magazine .magazine-health .article .tag {
            background-color: rgb(97,67,39);
        }

        .magazine .magazine-finance .first .tag , .magazine .magazine-finance .article .tag {
            background-color: rgb(128,124,24);
        }

        .magazine .magazine-pet .first .tag , .magazine .magazine-pet .article .tag {
            background-color: rgb(191,116,219);
        }

        .listview .top .item2 , .listview .top .item3 {
            margin-top: 10px;
        }

        .animal-textarea-avg {
            color:#730808;
            line-height:1.6;
            margin:5px 10px 32px;
			font-size: 17px;
			text-align: justify;
        }

        .animal-textarea-bad,.animal-textarea-good {
            color:#ffffff;
            line-height:1.6;
            margin:0;
			padding: 12px;
			font-size: 17px;
			text-align: justify;
        }


        .numerology {
            background-color: #440928;
        }

        .default-group {
            background-color:#AB0202;
        }

        .ad1, .ad2 , .mobile-banner-ad, .ad_psb_a {
            text-align: center;
        }
        
        .mobile-banner-ad img{
            width:100%!important;
            max-width:100%!important;            
        }
        
        .catfish_banner{
            position:fixed;
            bottom:0;
            left:0;
            z-index:100;
            width:100%;
            /* width: 320px;
            margin: 0 auto; */
        }
        .catfish_banner img{
            width:100%!important;
            max-width:100%!important;
        }

        .member-login {
            font-size: 26px;
            color: white;
            position: absolute;
            right: 10px;
            top: 15px;
            cursor:pointer;
        }

    }
	
	
	

.dog-fortune img {
	width: 100%;
	opacity: 0.8;
	background: #000000;
}	
.dog-fortune img:hover {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
.app_download{
	height:80px;
}
.app_download_fixed{
	position:fixed;
	z-index:999;
    width:100%;
    height:80px;
	background:#e6e6e6;
	text-align:center;
}
.app_download_icon{
	position:relative;
	left:5px;
	top:5px;
	float:left;
	width:20%;
}
.app_download_icon img{
	width:70px;
}
.app_download_content{
	position: absolute;
	width: 79%;
	right: 0px;
}
.app_download_link, .app_download_hidden{
	position:relative;
	font-size:18px;
	margin:5px;
	line-height: 35px;
}
.app_download_link{
	color:white;
	background:#7f7f7f;
}
.app_download_link  a, .app_download_hidden  a{
	text-decoration: none;
	color: inherit;
}