body{background: #ffffff /**url(//creative.mingpao.com/image/201704/M70241skinner.jpg) no-repeat center top**/; font-family: Arial, "Microsoft JhengHei"; font-size: 14px !important;}
ul{padding:0; margin:0; list-style:none}
a{text-decoration:none; color:#2f2f2f}
a:hover{color:#188073; text-decoration:none}
a:focus{outline:none; text-decoration:none}
h1, h2, h3, h4, h5, h6{font-family:Arial, "Microsoft JhengHei"}
h2{line-height:30px; margin:0;} 
img{border:none}
img:hover{opacity:0.75}
.img-center{display:block; margin-left:auto; margin-right:auto; text-align:center}
.img-right{display:block; margin-left:auto}
.img-left{display:block; margin-right:auto}
.yellow_bg{background-color:#ffd62c}
.btn-yellow{background-color:#ffd62c; color:#fff}
.btn-yellow:hover{background-color:#e1b70b; color:#fff}
.limeblue_bg{background-color:#7dc34d}
.blue_bg{background-color:#09c}
.btn{border-radius:0; margin-bottom:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.btn:hover{}
.btn-red{background-color:red; color:#fff}
.btn-red:hover{background-color:#c40505; color:#fff}
.btn-green{background-color:green; color:#fff}
.btn-green:hover{background-color:#0ab20a; color:#fff}
.btn-black{background-color:black; color:#fff}
.btn-black:hover{background-color:#413a3a; color:#fff}
.btn-orange{background-color:orange; color:#fff}
.btn-orange:hover{background-color:#f09d05; color:#fff}
.btn-blue{background-color:blue; color:#fff}
.btn-blue:hover{background-color:#0707a2; color:#fff}
.btn-lime{background-color:lime; color:#fff}
.btn-lime:hover{background-color:#05ae05; color:#fff}
.default-btn{background-color:#12a3df; color:#fff}
.default-btn:hover{background-color:#0a8ec4; color:#fff}
.btn-theme{background-color:#d083cf; color:#fff}
.btn-theme:hover{background-color:#ce39cc; color:#fff}
.transition{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
#preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999}
#status{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../image/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}
.scrollToTop{bottom:105px; display:none; font-size:25px; font-weight:bold; height:35px; position:fixed; right:35px; text-align:center; text-decoration:none; width:35px; z-index:9; border:1px solid; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.scrollToTop:hover, .scrollToTop:focus{text-decoration:none; outline:none}
#header{display:inline; float:left; width:100%}
.header_top{background-color:#535362; display:inline; float:left; /**padding:0 5px;**/ width:100%}
.header_top_left{float:left; display:inline; width:80%}
.top_nav{text-align:left}
.top_nav li{/**display:inline-block**/ margin: 0 0.5em; padding: 0.5em 0; float: left; color:#EDEDED; height:35px;}
.top_nav li a{color: #EDEDED}
.top_nav li i {margin: 0 0.7em 0 0; vertical-align: middle}
/**.top_nav li a{display:inline-block; border-right:1px solid #333; color:#fff; font-size:11px; font-weight:bold; padding:10px 15px; text-transform:uppercase; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}**/
/**.top_nav li a:hover{background-color:#d083cf}**/
.header_top_right{float:right; display:inline; width:120px; text-align:right; position:relative; background-color: #2d2d2d;}
.header_top_right > p{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; padding-bottom:20px; padding-right:8px; padding-top:20px}
.header_top_right li{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; /**padding-right:10px; width:80px; padding-top:10px; height:35px**/}
.header_top_right_login{float:right; display:inline; text-align:right}
.header_top_right_login > p{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; padding-bottom:20px; padding-right:8px; padding-top:20px}
.header_top_right_login li{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; padding-right:10px; width:100%; padding-top:10px; height:35px}
.header_top_right_login li a{color:#fff}
.header_bottom{background-color:#EEEEEE; display:inline; float:left; padding:0; width:100%}
.logo_area{display:inline; float:left; width:45%}
.banner{font-size:45px; font-weight:bold; color:#000; font-family:'Varela',sans-serif}
.banner img{max-width:100%; display:block; margin:0 auto}
.banner img:hover{opacity:1}
.banner > span{ margin-left:-14px}
.add_banner{float:right; width:55%; height:90px}
.add_banner img{width:100%; height:100%}
.add_banner li{float: left; display: inline-block; padding-top:65px; font-size:12px; text-align:center; margin-left:5px}
.add_banner_health {background: url(../image/svg/ui-health.svg) no-repeat center; background-size: 60%; width: 80px; height: 48px}
.add_banner_social {background: url(../image/svg/ui-social.svg) no-repeat center; background-size: 60%; width: 80px; height: 48px}
.add_banner_edu {background: url(../image/svg/ui-edu.svg) no-repeat center; background-size: 60%; width: 80px; height: 48px}
.add_banner_admin {background: url(../image/svg/ui-admin.svg) no-repeat center; background-size: 60%; width: 80px; height: 48px}
.add_banner_tech {background: url(../image/svg/ui-it.svg) no-repeat center; background-size: 60%; width: 80px; height: 48px}
.add_banner_other {background: url(../image/svg/ui-other.svg) no-repeat center; background-size: 60%; width: 80px; height: 48px}
.weather {width: 230px;position: relative;clear: left;}
.weather .alert_icon {top: -10px;z-index: 99;left: 15%;}
.weather .alert_icon img {float: left;height: 20px; margin-right: 0.5em;}
.weather span.tem {float: left;display: inline;width: 22%;text-align: left;}
/*** Container ***/
/**.container {padding-right:0 !important; padding-left:0 !important; width:998px !important;}**/

/*** Top Nav ***/
#navArea{float:left; display:inline; width:100%; padding:0; background-color:#fff; border-bottom:1px solid #b1afaf;}
.navbar{border:medium none; border-radius:0}
.navbar-inverse .navbar-nav > li > a{color:#000; font-family:Arial, "Microsoft JhengHei", sans-serif; display:inline-block; height:50px; line-height:50px; padding:0 14px; /**text-shadow:0 1px 1px #000;**/ text-transform:uppercase; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
/**.navbar-inverse .navbar-nav > li:first-child a{border:none}**/
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{color:#fff}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff}
.main-nav ul li a{}
.navbar-collapse{ padding-left:0}
.mobile-show{display:none}
.desktop-home{display:block; font-size:30px; margin-top:10px}
.dropdown-menu{background-color:#eeeeee}
.dropdown-menu > li > a{clear:both; color:#ddd; background-color:#eeeeee; padding:10px 20px; font-family:'Oswald',sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#fff}
.menu_btn {width:60px; margin:10px 10px 10px 35%; display:inline-block}
.menu_btn img {width:100%}
.logos {text-align:center; border-bottom:2px solid #b1afaf; margin:0 auto 10px;}
.logo1 {width:60px; margin:10px 1%; display:inline-block}
.logo2 {width:110px; margin:10px 1%; display:inline-block}
.top_menu {display:block; margin:0 auto 10px auto; width:925px;position:relative;z-index:1;}
.top_menu li {display:inline-block; padding:0 13px; border-right: 1px solid #999999}
.top_menu li:last-child {display:inline-block; padding:0 0 0 14px; border-right:0}
.top_submenu {display:block; margin:0 auto 10px auto; width:900px;}
.top_submenu li {display:inline-block; padding:0 16px; border-right: 1px solid #999999}
.top_submenu li:last-child {display:inline-block; padding:0 18px; border-right:0}
.hot_key { /*white-space:nowrap; overflow:hidden;*/ /*border-top: 1px solid #dad8d8;*/ background-color: #FFF; padding: 5px 0; }
.hot_key li {display:inline-block; margin: 0 5px;}
.hot_key li:first-child{color:#FF3F00}

/*** Content ***/
#newsSection{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff; padding-bottom:20px}
.latest_newsarea{float:left; display:inline; width:100%; background-color:#000; position:relative}
.latest_newsarea span{ color:#fff; font-family:Oswald,sans-serif; font-size:15px; left:0; line-height:1.8em; margin-right:20px; overflow:hidden; padding:2px 18px 1px 19px; position:absolute; z-index:15}
.social_area{ position:absolute; right:0; top:0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:31px}
.social_nav{ text-align:right}
.social_nav li{ display:block; float:left}
.social_nav li a{ display:block; float:left; height:30px; text-indent:-9999px; width:30px; border-left:1px solid #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;  -o-transition:all 0.5s; transition:all 0.5s}
.social_nav li.facebook a{ background-image:url("../image/socials.png"); background-position:0 -30px; background-size:270px 60px}
.social_nav li.facebook a:hover{ background-position:0 0px; background-size:270px 60px; background-color:#436eac}
.social_nav li.twitter a{ background-image:url("../image/socials.png"); background-position:-30px -30px; background-size:270px 60px}
.social_nav li.twitter a:hover{ background-position:-30px 0px; background-size:270px 60px; background-color:#0598c9}
.social_nav li.flickr a{ background-image:url("../image/socials.png"); background-position:-60px -30px; background-size:270px 60px}
.social_nav li.flickr a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:#e33b7e}
.social_nav li.pinterest a{ background-image:url("../image/socials.png"); background-position:-90px -30px; background-size:270px 60px}
.social_nav li.pinterest a:hover{ background-position:-90px 0px; background-size:270px 60px; background-color:#cb2027}
.social_nav li.googleplus a{ background-image:url("../image/socials.png"); background-position:-120px -30px; background-size:270px 60px}
.social_nav li.googleplus a:hover{ background-position:-120px 0px; background-size:270px 60px; background-color:#d64b2e}
.social_nav li.vimeo a{ background-image:url("../image/socials.png"); background-position:-150px -30px; background-size:270px 60px}
.social_nav li.vimeo a:hover{ background-position:-150px 0px; background-size:270px 60px; background-color:#86ae24}
.social_nav li.youtube a{ background-image:url("../image/socials.png"); background-position:-180px -30px; background-size:270px 60px; width:60px}
.social_nav li.youtube a:hover{ background-position:-180px 0px; background-size:270px 60px; background-color:#e32114}
.social_nav li.mail a{ background-image:url("../image/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px}
.social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#bc75d6}
#sliderSection{background-color:#fff; display:inline; float:left; width:100%; padding-bottom:5px;}
.single_iteam{display:inline; float:left; position:relative; width:100%; height:448px}
.single_iteam img{width:100%; height:100%}
.single_iteam img:hover{opacity:1}
.slider_article{ bottom:20px; left:0; position:absolute; right:0; padding:10px 15px}
.slider_article > h2 a{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; font-size:25px; padding:20px; display:inline-block; font-weight: bold}
.slider_article > p{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; padding:3px; display:inline-block}
.slick-prev:before{ content:""}
.slick-prev{ background-image:url(../image/slider_prev.png); background-repeat:no-repeat; background-position:center; left:10px}
.slick-next:before{ content:""}
.slick-next{ background-image:url(../image/slider_next.png); background-repeat:no-repeat; background-position:center; right:10px}
.slick-prev, .slick-next{background-color:#000; top:50%; width:40px; height:40px}
.slick-prev:hover, .slick-next:hover{opacity:0.5}
.latest_post{float:left; display:inline; width:100%; margin-top:20px; margin-bottom:20px}
.latest_post > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:'Oswald',sans-serif; font-size:18px; margin-top:5px; font-weight:400; margin-bottom:10px; margin-left:0; padding:0; position:relative; text-align:center; text-transform:uppercase}
.latest_post > h2 span{padding:4px 10px; font-family:Arial, "Microsoft JhengHei"}
.latest_postnav{height:auto !important; margin-top:20px}
.latest_postnav li{margin-bottom:10px; float:left; width:100%}
.latest_post_container{display:inline; float:left; height:180px; position:relative; width:100%; margin-top: 20px; margin-bottom:20px; overflow:hidden;}
.latest_post_container:hover #prev-button, .latest_post_container:hover #next-button{display:block}
#prev-button{cursor:pointer; font-size:20px; left:0; position:absolute; text-align:center; top:-10px; width:100%; /**display:none**/}
#next-button{cursor:pointer; /**display:none;**/ font-size:20px; left:0; position:absolute; text-align:center; bottom:0; width:100%}
#contentSection{float:left; display:inline; width:100%; background-color:#fff; padding:0}
.left_content{float:left; display:inline; width:100%}
.single_post_content{float:left; display:inline; width:100%; margin-top:15px}
.single_post_content > h2{/**background:none repeat scroll 0 0 #151515; color:#fff;**/ font-family:Arial, "Microsoft JhengHei"; font-size:18px; font-weight:400; /**margin-bottom:15px;**/ margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase; float:left}
.single_post_content > h2 span{padding:8px 10px}
.single_post_content_left{float:left; display:inline; width:49%}
.business_catgnav{}
.business_catgnav li{float:left; display:block; width:100%}
.imgLiquid img{visibility:hidden;}
.imgLiquid1 img{visibility:hidden;}
.play_thumb {position:relative; height: 100%;}
.play_thumb:after { content: ''; background: url('../image/play_btn.png') no-repeat center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.single_post_content_right{float:right; display:inline; width:48%}
.right_content{float:left; display:inline; width:100%; min-height:300px}

/*** TAB BROWSING ***/
.tab-content{/*margin-top:10px*/}
.nav-tabs{/**background:none repeat scroll 0 0 #333;**/ border-bottom:none; text-align:center; margin-top:30px; margin-bottom:10px}
.section_title .nav-tabs{margin-top:5px!important; margin-bottom:0px!important}
.nav-tabs > li{display:inline-block; float:left; /**width:32.55%**/ margin-bottom:0;margin-right:10px;border-right:3px solid #188073}
.nav-tabs > li:last-child{border-right:none;}
.nav-tabs > li > a{padding-left:0 !important; margin-right:0; color:#969696; font-size:18px; border-radius:0; border:none; /**font-family:"Oswald",sans-serif;**/ -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.nav-tabs > li > a:last-child{padding-right:15px !important; margin-right:0; color:#969696; font-size:18px; border-radius:0; border:none; /**font-family:"Oswald",sans-serif;**/ -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color:#188073 !important; border:none; font-weight:bold}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:0; border-color:#ddd #ddd transparent; color:#188073; /**font-weight:bold**/}
.spost_nav{font-family:Arial, "Microsoft JhengHei"}
.spost_nav li{float:left; display:block; width:100%; height:100px; margin-bottom:0px; border-bottom:1px solid #DADADA;}
.spost_nav li:last-child{float:left; display:block; width:100%; height:30px; margin-bottom:0px; border-bottom:0}
/**.spost_nav li:nth-child(even) {float:left; display:block; width:100%; height:35px; margin-bottom:0px; background-color:#FFF}**/
.spost_nav .tab_content li {display:inline-block; width:50%}
.spost_nav2 li{float:left; display:block; width:100%; /**height:35px;**/ margin-bottom:5px; border-bottom:1px solid #DADADA; padding-top:10px; font-size:15px;}
.spost_nav2 li:last-child {float:left; display:block; width:100%; height:35px; margin-bottom:0px; border-bottom:0; margin-top:15px}
.spost_nav2 li:hover:not(:last-child){background-color:#f2f2f2}
/**.spost_nav .media-left{width:100px; height:80px}**/
.media-left .imgLiquid{width:150px; height:79.4px; /**background-color:black;**/}
/**.media-left > img{height:23px; width:25px}**/
.spost_nav .media-body > a{/**font-family:"Oswald",sans-serif;**/ margin-right:5px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; height:60px; position:relative; word-break:break-all;}
.spost_nav .media-body > a:hover{color:#188073 !important}
.headline_wrap li{margin-bottom:13px;}
.headline_text .head_title > a{/**font-family:"Oswald",sans-serif;**/ overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; height:16px; position:relative; line-height:16px; word-break:break-all;}
.media-headline {float: left;width: 75%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;height: 25px;position: relative;word-break: break-all;padding-right: 5px;}
.spost_nav3{font-family:Arial, "Microsoft JhengHei";height:380px; overflow-x:hidden; overflow-y:auto;margin-bottom:5px;}
.spost_nav3 li{float:left; display:block; width:100%; height:65px; margin-bottom:0px; border-bottom:1px solid #DADADA;}
.spost_nav3 li:last-child{float:left; display:block; width:100%; height:65px; margin-bottom:0px; border-bottom:0}
.spost_nav3 .media-body > a{margin-right:6px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; height:40px; position:relative; word-break:break-all; line-height: 1.5;}
.spost_nav3 .media-body > a:hover{color:#188073 !important}
.media_video .imgLiquid{width:90px; height:50.3px; /**background-color:black;**/}
.featured_img{position:relative}
.overlay:hover{ background:none repeat scroll 0 0 rgba(0,0,0,0.4)}
.overlay{ bottom:0; display:block; left:0; position:absolute; width:100%; z-index:2; height:100%; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.news_area{display:inline; float:left; width:100%; margin-bottom:30px}
.news_area > h2 {font-family:Arial, "Microsoft JhengHei"; /*margin-bottom:30px*/}
.news_area > h2 li{display:inline-block}
.news_area > h2 li:not(:first-child):before {padding: 0 5px; color: #ccc; content: "/\00a0"; font-size: 18px;}
.news_area > h2 a{font-size: 15px; color:#D90000}
.news_area > h2 span a{font-size: 15px;  color:#D90000; font-weight:bold}
.fashion{float:left; display:inline; width:48%}
.technology{float:right; display:inline; width:48%}
.photo_grid{position:relative; margin:0 auto; max-width:1000px; list-style:none; text-align:center}
.photograph_nav{margin-left:-11px}
.photograph_nav li{display:block; float:left; margin-left:9px; width:32%}
.photo_grid figure{position:relative; float:left; overflow:hidden; margin:10px 1%; margin-top:0; height:150px; width:100%; background:#3085a3; text-align:center; cursor:pointer}
.photo_grid figure img{position:relative; display:block; min-height:100%; max-width:100%; width:100%; height:100% opacity:0.8}
.photo_grid figure figcaption{padding:2em; color:#fff; text-transform:uppercase; font-size:1.25em; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.photo_grid figure figcaption::before, .photo_grid figure figcaption::after{pointer-events:none}
.photo_grid figure figcaption{position:absolute; bottom:0; left:0; width:100%; height:100%}
.photo_grid figure h2{word-spacing:-0.15em; font-weight:300}
.photo_grid figure h2 span{font-weight:800}
.photo_grid figure h2, .photo_grid figure a{margin:0}
.photo_grid figcaption a{color:#fff; font-size:68.5%; letter-spacing:1px; display:block; margin-top:7px}
figure.effect-layla img{height:390px}
figure.effect-layla figcaption{padding:1.5em}
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{position:absolute; content:''; opacity:0}
figure.effect-layla figcaption::before{top:20px; right:15px; bottom:20px; left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0}
figure.effect-layla figcaption::after{top:9px; right:25px; bottom:9px; left:25px; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0}
figure.effect-layla h2{font-size:18px; padding-top:33%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s}
figure.effect-layla a{ text-transform:none; -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
figure.effect-layla img, figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla a{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s}
figure.effect-layla:hover img{opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{opacity:1; -webkit-transform:scale(1); transform:scale(1)}
figure.effect-layla:hover h2{padding-top:26%}
figure.effect-layla:hover h2, figure.effect-layla:hover a{opacity:1; -webkit-transform:translate3d(0,-35px,0); transform:translate3d(0,-35px,0)}
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover a, figure.effect-layla:hover img{-webkit-transition-delay:0.15s; transition-delay:0.15s}
.single_sidebar{float:left; display:inline; width:100%; margin-bottom:10px;text-align:center;}
.single_sidebar2{float:left; display:inline; width:100%; margin-bottom:10px}
.single_sidebar_eletter{float:left; display:inline; width:100%; margin-bottom:10px}
.single_sidebar > h2{background:none repeat scroll 0 0 #151515; color:#000; font-family:"Oswald",sans-serif; font-size:18px; font-weight:400; margin-bottom:30px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase}
.single_sidebar_eletter > h2{background:none repeat scroll 0 0 #151515; color:#000; font-family:"Oswald",sans-serif; font-size:18px; font-weight:400; margin-bottom:30px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase}
.single_sidebar > h2 span{padding:4px 10px; font-family:Arial, "Microsoft JhengHei"}
.single_sidebar_eletter > h2 span{padding:4px 10px; font-family:Arial, "Microsoft JhengHei"}
.single_sidebar img,.single_sidebar div{display: block; margin: 0 auto; width: 300px; margin-bottom: 10px;}
.single_sidebar_eletter img,.single_sidebar div{display: block; margin: 0 auto; width: 300px; margin-bottom: 10px}
/*.single_sidebar img {margin: 0 auto; width:300px}*/
.cat-item a{background:none repeat scroll 0 0 #e4e4e4; color:#888; display:block; float:left; border-bottom:none !important; font-size:13px; line-height:12px; margin:0 2px 2px 0; padding:12px 17px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.cat-item a:hover{color:#fff; text-decoration:none !important}
.vide_area{float:left; display:inline; width:100%}
.sideAdd{display:block; float:left; height:250px; width:100%; margin-top:10px}
.sideAdd > img{width:100%; height:100%}
.single_sidebar ul li a{border-bottom:1px solid #333; display:block}
.single_sidebar .spost_nav li a{border-bottom:none; float:left; padding:5px 10px; display: -webkit-box; overflow: hidden; text-overflow:ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1}
.tag_nav{}
.tag_nav li{}
.tag_nav li a{border-bottom:1px solid #ddd; color:#ccc; display:block; padding:6px 6px 6px 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.tag_nav li a:hover{padding-left:10px}
.footer_bottom{float:left; display:inline; width:100%; /*padding:10px 20px 0px 20px;*/ background-color:#535362; color:#FFF}
.copyright{float:left; width:50%; padding-top:5px; text-align:left}
.copyright a{color:#ccc}
.developer{float:right; width:50%; text-align:right; padding-top:5px; color:#222}
.developer a{color:#222}
.catgArchive{border:1px solid #737373; color:#737373; display:inline; float:left; font-weight:bold; padding:8px 15px; width:100%; margin-bottom:20px}
.catgArchive option{background-color:#fff; font-weight:normal; padding:10px; color:#737373;}

.single_page{float:left; display:inline; width:100%}
.single_page > h1{color:#333; font-family:Oswald,arial,Georgia,serif; font-size:30px; line-height:1.4em; margin:10px 0 -10px; padding:0 0 4px; text-transform:uppercase}
.post_commentbox{display:inline; float:left; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:20px; padding:5px 0px}
.post_commentbox a, .post_commentbox span{color:#798992; font-size:11px; margin-right:5px}
.post_commentbox a > i, .post_commentbox span > i{margin-right:5px}
.breadcrumb{background-color:#303030; border-radius:0}
.breadcrumb li a{color:#fff}
.single_page_content{display:inline; float:left; padding-top:20px; width:100%; border-bottom:1px solid #ddd; padding-bottom:20px}
.single_page_content > img{max-width:100%; width:320px; height:213px; margin-bottom:15px}
.single_page_content ul{position:relative; padding-left:25px}
.single_page_content ul li{line-height:25px}
.single_page_content ul li:before{content:""; height:5px; left:5px; position:absolute; width:9px; margin-top:8px}
.single_page_content ul li:hover{opacity:0.75}
.single_page_content h2{line-height:35px}
.single_page_content h3{line-height:30px}
.single_page_content h4{line-height:25px}
.single_page_content h4{line-height:20px}
.social_link{display:inline; float:left; margin-bottom:25px; margin-top:20px; width:100%}
.sociallink_nav{text-align:center}
.sociallink_nav li{display:inline-block}
.sociallink_nav li a{color:#fff; display:inline-block; font-size:17px; padding:8px 12px; margin:0 3px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.sociallink_nav li a:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
.sociallink_nav li a:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}
.sociallink_nav li:nth-child(1) > a{background:none repeat scroll 0 0 #3b5998; padding:8px 15px}
.sociallink_nav li:nth-child(2) > a{background:none repeat scroll 0 0 #00acee}
.sociallink_nav li:nth-child(3) > a{background:none repeat scroll 0 0 #dd4b39}
.sociallink_nav li:nth-child(4) > a{background:none repeat scroll 0 0 #0e76a8}
.sociallink_nav li:nth-child(5) > a{background:none repeat scroll 0 0 #c92228}
.related_post{display:inline; float:left; margin-top:0; width:100%; margin-bottom:20px}
.related_post > h2{border-bottom:1px solid #e3e3e3; padding-bottom:5px}
.related_post > h2 i{font-size:25px}
.related_post .spost_nav li{width:32%; margin-right:10px}
.related_post .spost_nav li:last-child{margin-right:0}
.nav-slit a{position:fixed; top:50%; display:block; outline:none; text-align:left; z-index:1000; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.nav-slit a.prev{left:0}
.nav-slit a.next{right:0}
.nav-slit .icon-wrap{position:relative; display:block; padding:45px 5px}
.nav-slit .icon-wrap i{color:#fff; font-size:40px; display:inline-block}
.nav-slit div{position:absolute; top:0; width:200px; height:100%; background-color:#939a9f; -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}
.nav-slit a.prev div{left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%)}
.nav-slit a.next div{right:0; text-align:right; -webkit-transform:translateX(100%); transform:translateX(100%)}
.nav-slit h3{position:absolute; top:100%; margin:0; padding:0 20px; height:30%; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:500; font-size:0.75em; line-height:2.75; width:200px; text-align:left; overflow:hidden; padding-top:4px; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webki-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.nav-slit img{left:0; position:absolute; top:0; width:100%; width:200px; height:130px}
.nav-slit a:hover div{-webkit-transform:translateX(0); transform:translateX(0)}
.nav-slit a:hover h3{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotateX(0deg); transform:rotateX(0deg)}
.error_page{float:left; display:inline; width:100%; text-align:center}
.error_page > h3{text-transform:uppercase}
.error_page > h1{font-size:110px}
.error_page > p{font-size:15px; margin:0 auto; width:80%; margin-bottom:40px}
.error_page > span{display:inline-block; height:2px; text-align:center; width:100px}
.error_page > a{color:#fff; display:inline-block; padding:5px 10px}
.error_page > a:hover{opacity:0.75}
.contact_area{float:left; display:inline; width:100%; margin-bottom:30px}
.contact_area > h2{color:#fff; display:inline-block; font-size:20px; padding:7px 10px 5px; text-transform:uppercase; margin-bottom:30px}
.contact_area > p{margin-bottom:20px}
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea{border-radius:0; margin-bottom:30px}
.contact_form input[type="submit"]{border:medium none; color:#fff; height:35px; padding:5px 10px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.contact_form input[type="submit"]:hover{border:1px solid #d083cf}

/*prissy*/
.media-left {padding-right:0.4em;}
ul li.media { padding:0.5em 0; border-top:#EEE 1px solid; margin-top:0px;}
ul li.media:hover {background-color:#f2f2f2}
ul li.media:first-child { border-top:0;}
.media-body {display: table-cell; vertical-align: top;}
.margintop1em{margin-top:1em;}
.media-left .img_wrap {width: 120px; height: 90px;}
.img_wrap img{width:120px;}
.news_banner{float: left; display: inline; width: 100%;}

.pagination { display: block;  padding-left: 0;  margin: 2em auto;  border-radius: 4px; text-align:center;  }
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination > li { display: inline-block; margin-right:5px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2; color: #fff; cursor: default; background-color: #D90000; border-color: #D90000;}

/*prissy*/
/* Finance Slider */
.fin_img_wraper{text-align: center; width: 100%; margin:10px 0 0 0}
.fin_img{height: 50px; padding: 0 1em 0.5em 0; }

/*prissy slider*/
.slider_article{ top:1px; left:0; position:absolute; right:0; padding:0px;}/*prissy*/
.slider_article2{ bottom:1px; left:0; position:absolute; right:0; padding:0px;} /*prissy*/
.slider_article2 > p{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; padding:3px; display:inline-block} /*prissy*/
.slider_article > h2 a{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; font-size:25px; padding:20px; display:inline-block; font-weight: bold} /*prissy*/
.slick-prev{ background-image:url(../image/slider_prev.png); background-repeat:no-repeat; background-position:center; left:1px} /*prissy*/
.slick-next:before{ content:""}
.slick-next{ background-image:url(../image/slider_next.png); background-repeat:no-repeat; background-position:center; right:1px}/*prissy*/
.slick-prev, .slick-next{background-color:#000; top:50%; width:40px; height:40px; opacity:0.5} /*prissy*/

.jump_login {
    
	background-color: #D80000;
    /**background-size: 18%;
    width: 12px;
    height: 18px;**/}	

.app li {float:left; display:inline-block; margin-right:20px}
	
.android_app {background: url(../image/svg/ui-google_app.svg) no-repeat;
	background-size: contain;
    background-position: 100% 0;
    width: 130px;
    height: 43px;
    margin-right: 0.5em;
    margin-bottom: 1em;}

.ios_app {background: url(../image/svg/ui-ios_app.svg) no-repeat;
	background-size: contain;
    background-position: 100% 0;
    width: 130px;
    height: 43px;
    margin-right: 0.5em;
    margin-bottom: 1em;}

.facebook {background: url(../image/svg/ui-facebook.svg) no-repeat;
	background-size: contain;
    background-position: 100% 0;
    width: 30px;
    height: 30px;
    margin-right: 0.5em;}
	
.linkedin {background: url(../image/svg/ui-in.svg) no-repeat;
	background-size: contain;
    background-position: 100% 0;
    width: 30px;
    height: 30px;
    margin-right: 0.5em;}

.googleplus {background: url(../image/svg/ui-googleplus.svg) no-repeat;
	background-size: contain;
    background-position: 100% 0;
    width: 30px;
    height: 30px;
    margin-right: 0.5em;}
	
.top_date {background: url(../image/svg/ui-calendar.svg) no-repeat left bottom;
    background-size: contain;
    margin-right: 5px;

    color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;}
	
	
.top_time {background: url(../image/svg/ui-clock.svg) no-repeat left bottom;
    background-size: contain;
    margin-right: 5px;

    color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;}

	
.top_tel {background: url(../image/svg/ui-phone.svg) no-repeat left bottom;
    background-size: contain;
    margin-right: 5px;

    color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;}	

	
.top_mail {background: url(../image/svg/ui-email2.svg) no-repeat left bottom;
    background-size: contain;
    margin-right: 5px;

    color: #EDEDED;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;}	

.top_date span, .top_time span, .top_tel span, .top_mail span {margin-left: 10px}

.marquee {
    width: 100%;
	height: 45px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 30s linear infinite;
}

.marquee:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { text-indent: 0}
    100% { text-indent: -5230px }
}

/* Make it pretty */
.bottom_logo {
    padding-left: 1.5em;
    position: relative;
    font: 16px 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

/* ::before was :before before ::before was ::before - kthx */
.bottom_logo:before, .bottom_logo::before {
    z-index: 2;
    content: '';
    position: absolute;
    top: -1em; left: -1em;
    width: .5em; height: .5em;
}

/*** SVG ICON ***/
.mp_ui {
    display: inline-block;
    font-style: inherit;
}

.mp_ui.ui-size20 {
    background-size: contain;
    background-position: 100% 0;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.mp_ui.ui-size25 {
    background-size: contain;
    background-position: 100% 0;
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.mp_ui.ui-logo {
    background: url(//creative.mingpao.com/image/mplogos/logo.svg) no-repeat;
}

.mp_ui.ui-weather {
    background: url(../image/svg/lights.svg) no-repeat;
}

.accordion dl,
.accordion-list {
   /**border:1px solid #ddd;**/
   /*&:after {
       content: "";
       display:block;
       height:1em;
       width:100%;
       background-color:darken(#38cc70, 10%);
     }*/
}
.accordion dd,
.accordion__panel {
   /**background-color:#eee;**/
   font-size:1em;
   line-height:1.5em; 
}
.accordion p {
  padding:1em 2em 0em 2em;
  margin :0 !important;
}

.accordion ａ im {
  height: 100px !important;
}

.accordion {
    position: relative;
    top: -30px;
    left: 6px;
	margin-bottom: -20px;
    /**background-color:#eee;**/
}

.accordionTitle,
.accordion__Heading {
 /**background-color:#38cc70;**/
   background: url(../image/menu.png) no-repeat;
   background-size: 62%;
   text-align:center;
     font-weight:700; 
	 display: block;
         /** padding:2em;
          display:block; **/
          text-decoration:none;
          color:#999999;
          transition:background-color 0.5s ease-in-out;
  /*border-bottom:1px solid darken(#38cc70, 5%);*/
  /*&:before {
   content: "+";
   font-size:1.5em;
   line-height:0.5em;
   float:left; 
   transition: transform 0.3s ease-in-out;
  }*/
  /*&:hover {
    background-color:darken(#38cc70, 10%);
  }*/
}
.accordionTitleActive, 
.accordionTitle.is-expanded {
   background-color:darken(#38cc70, 10%);
    &:before {
     
      transform:rotate(-225deg);
    }
}
.accordionItem {
    height:auto;
    overflow:hidden; 
    //SHAME: magic number to allow the accordion to animate
    
     max-height:50em;
    transition:max-height 1s;   
 
    
  /**  @media screen and (min-width:48em) {
         max-height:15em;
        transition:max-height 0.5s
        
    }**/
    
   
}
 
.accordionItem.is-collapsed {
    max-height:0;
}
.no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.animateIn {
     animation: accordionIn 0.45s normal ease-in-out both 1; 
}
.animateOut {
     animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9) rotateX(-60deg);
       }
}

.section_title { width:100%; border-top: 2px solid #188073; display: inline-block; }
.section_title h2 { color: #188073; font-size: 18px; /**font-weight: bold;**/ }

.footer_nav { position: relative; }
/*.global_footer_title_color { color: #188073!important; font-size: 18px; }*/
.footer_menu .title { width:100%; /**border-top: 2px solid #188073;**/ display: inline-block; color: #188073; font-weight: bold; font-size: 15px; }
/*@media only screen and (max-width: 767px){
	.footer_menu .title { display : none }
}*/
   
.tile{
    /*background-color: #EEEEEE;*/
	height: inherit;
}

.tile:hover {
    /**background-color: #CCCCCC;**/
}

.tile img {
    width: 100%;
    height: auto;
}

.tile h2 {
	font-weight: bold;
	font-size: 14px;
	padding: 0 5px;
}


.desc {  
  padding: 0 5px;
  display: block; 
  display: -webkit-box;
  max-width: 400px;
  height: 45px; 
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}



* {
    box-sizing: border-box;
}

.columnist:first-child {
	margin-left: 0;
}

.columnist {
    /**padding: 0 6px;**/
    float: left;
    width: 11%;
	margin: 0.7% 0.75% 0.7% 0.75%;
	height: 180px;
	background-color: #f3f3f3;
	overflow: hidden;
}
.columnist .imgLiquid{width:114px; height:95px; /**background-color:black;**/}
/*
@media only screen and (max-width: 767px){
    .columnist{
        width: 48%;
		height: auto;
        margin: 6px 2px;
    }
	.columnist .imgLiquid{width:192px; height:160px; background-color:black;margin: 0 auto;}
}

@media only screen and (max-width: 500px){
    .columnist {
        width: 100%;
		height: auto;
		margin: 10px 0;
    }
}
*/

.pop {
    /**padding: 0 6px;**/
    float: left;
    width: 228px;
	margin: 8px 1.1% 8px 1.0%;
	height: 270px;
	background-color: #f3f3f3;
}
.pop .imgLiquid{width:228px; height:190px; /**background-color:black;**/}
/*
@media only screen and (max-width: 767px){
    .pop{
        width: 48%;
        margin: 6px 2px;
		height: auto;
    }
	.pop .imgLiquid{width:192px; height:160px; background-color:black;margin: 0 auto;}
}

@media only screen and (max-width: 500px){
    .pop {
        width: 100%;
		height: auto;
    }
}
*/
.life_large {
    /**padding: 0 6px;**/
    float: left;
    width: 477px;
	margin: 8px 1.1% 8px 1.0%;
	height: 270px;
	background-color: #f3f3f3;
}
.life_large .imgLiquid{width:324px; height:270px; /**background-color:black;**/}

.life_large h2 {
	font-weight: bold;
	/*font-size: 12px;*/
	padding: 0 10px;
	color: #188073;
	border-left: 3px solid #188073;
	float: left;
}

.life_large_tile{
    background-color: #f3f3f3;
	height: auto;
}

.life_large_tile:hover {
    /**background-color: #CCCCCC;**/
}

.life_large_tile_img {
	float: left;
	width: 324px;
	margin-right: 5px;
}

.life_large_tile_img img{
    width: auto;
    height: 300px;
}

.life_large_tile h2 {
	font-weight: bold;
	font-size: 14px;
	padding: 0 5px;
}

.life_large_desc {  
  padding: 0 5px;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: 14px*1.4*3; /* Fallback for non-webkit */
  margin: 0 auto;
  /*font-size: 12px;*/
  line-height: 1.6;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.life_large_desc2 {  
  padding: 0 5px;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: 14px*1.4*6; /* Fallback for non-webkit */
  margin: 10px auto;
  /*font-size: 12px;*/
  line-height: 1.6;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#health { display:none!important; margin: 10px; height: 300px; 	background-color: #EEEEEE; } /*for health layout in mobile*/

.life {
	float: left;
    width: 228px;
	margin: 8px 1.1% 8px 1.0%;
	height: 270px;
	background-color: #f3f3f3;
}
.life .imgLiquid{width:228px; height:190px; background-color:#f3f3f3;}

.life h2 {
	font-weight: bold;
	font-size: 14px;
	padding: 0 4px;
	/**margin: 0 5px;**/
	color: #188073;
	border-left: 3px solid #188073;
}
/*
@media only screen and (max-width: 767px){
    .life{
        width: 48%;
        margin: 6px 2px;
		height: auto;
    }
	.life .imgLiquid{width:192px; height:160px; background-color:black;margin: 0 auto;}
	
	.life_large {
		width: 96.5%;
		margin-left: 2px;
	}
}

@media only screen and (max-width: 500px){
    .life {
        width: 100%;
		height: auto;
    }
	}
	
	#health { display: block!important; width: 100%; height: auto; margin-left: 2px; }
	
	.life_large{
		display: none;
	}
}
*/

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/** Collapse Menu **/

.collapse_menu{display:none;}

#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	background: url(../image/menu2.png) no-repeat center;

}

/*@media only screen and (max-width : 767px) {

.logo2 {margin: 10px 10% 10px auto;} */

/*Style for the first level menu bar*/

/*
.top_menu {display:none;}
	
.accordion {display:none;}
	
.collapse_menu {display:inline-block; float:left;}
}
*/

ul#c_menu{
  /**position:fixed;**/
  top:0;
  width:100%;
  height:3em;
  margin:0;
  padding:0 10px;
  /**background:#333;
  color:#eee;
  box-shadow:0 -1px rgba(0,0,0,.5) inset;**/
}

ul#c_menu > li{
  float:left;
  list-style-type:none;
  position:relative;
}

label{
  position:relative;
  display:block;
  padding:0 18px 0 12px;
  line-height:3em;
  transition:background 0.3s;
  cursor:pointer;
}

label:after{
  content:"";
  position:absolute;
  display:block;
  top:50%;
  right:5px;
  width:0;
  height:0;
 /** border-top:4px solid rgba(255,255,255,.5);
  border-bottom:0 solid rgba(255,255,255,.5);
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  transition:border-bottom .1s, border-top .1s .1s;**/
  }

label:hover,
input:checked ~ label{/**background:rgba(0,0,0,.3);**/}

input:checked ~ label:after{
  /**border-top:0 solid rgba(255,255,255,.5);
  border-bottom:4px solid rgba(255,255,255,.5);
  transition:border-top .1s, border-bottom .1s .1s;**/
}

/*hide the inputs*/
input{display:none}

/*show the second levele menu of the selected voice*/
input:checked ~ ul.submenu{
  max-height:800px;
  transition:max-height 0.5s ease-in;
}

/*style for the second level menu*/
ul.submenu{
  max-height:0;
  padding:0;
  overflow:hidden;
  list-style-type:none;
  background:#444;
  box-shadow:0 0 1px rgba(0,0,0,.3);
  transition:max-height 0.5s ease-out;
  position:absolute;
  min-width:100%;
  z-index: 999;
}

ul.submenu li a{
  display:block;
  padding:12px 100px;
  color:#ddd;
  text-decoration:none;
  box-shadow:0 -1px rgba(0,0,0,.5) inset;
  transition:background .3s;
  white-space:nowrap;
  font-size: 18px;
}

ul.submenu li a:hover{
  background:rgba(0,0,0,.3);
}

.album_cover{
  width: 100%;
  margin: 0 0 10px 0;
}

ul#right_nav{
  /**position:fixed;**/
  top:0;
  /**width:100%;
  height:3em;**/
  margin:0;
  /**padding-left:38%;**/
  color:#eee;
  /**box-shadow:0 -1px rgba(0,0,0,.5) inset;**/
  z-index:9999;
}

ul#right_nav > li{
  float:left;
  list-style-type:none;
  position:relative;
  margin:0 0 0 5px;
}

label{
  position:relative;
  display:block;
  padding:0 15px 0 12px;
  line-height:3em;
  transition:background 0.3s;
  cursor:pointer;
  margin-bottom:0 !important;
}

label:after{
  content:"";
  position:absolute;
  display:block;
  top:50%;
  right:5px;
  width:0;
  height:0;
  border-top:4px solid rgba(255,255,255,.5);
  border-bottom:0 solid rgba(255,255,255,.5);
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  transition:border-bottom .1s, border-top .1s .1s;
  }

/**label:hover,
input:checked ~ label{background:rgba(0,0,0,.3);}**/

input:checked ~ label:after{
  border-top:0 solid rgba(255,255,255,.5);
  border-bottom:4px solid rgba(255,255,255,.5);
  transition:border-top .1s, border-bottom .1s .1s;
}

/*hide the inputs*/
input{display:none}

/*show the second levele menu of the selected voice*/
input:checked ~ ul.right_submenu{
  max-height:300px;
  transition:max-height 0.5s ease-in;
}

/*style for the second level menu*/
ul.right_submenu{
  max-height:0;
  padding:0;
  overflow:hidden;
  list-style-type:none;
  background:rgba(68, 68, 68, 0.9);
  /**box-shadow:0 0 1px rgba(0,0,0,.3);**/
  transition:max-height 0.5s ease-out;
  position:absolute;
  min-width:100%;
  z-index:9999;
  right:0;
}

ul.right_submenu li{
  border-bottom:1px solid #000;
  width:100%;
}

ul.right_submenu li a{
  display:block;
  padding:12px;
  color:#ddd;
  text-decoration:none;
  /**box-shadow:0 -1px rgba(0,0,0,.5) inset;**/
  transition:background .3s;
  white-space:nowrap;
}

ul.right_submenu li a:hover{
  background:rgba(0,0,0,.3);
}

::-webkit-scrollbar {
    width: 8px;
}
 
/* Top Right Menu */
.dropbtn {
    
    padding: 0px 10px;
    border: none;
    cursor: pointer;
	background: none;
	height: 35px;
}

.dropdown_menu {
    /**position: relative;**/
    display: inline-block;
}

.dropdown_menu i {
 width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #ffffff transparent transparent transparent;
position: absolute;
top: 16px;
right: -4px;
-webkit-transform:rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(84, 84, 84, 0.9);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.9);
    z-index: 1;
	top: 35px;
	right: 9px;
}

.dropdown-content a {
    color: #FFF;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}

.dropdown-content a:last-child {
	border-bottom: 0;
}

.dropdown-content a:hover {background-color: #000}

.dropdown_menu:hover .dropdown-content {
    display: block;
} 

.dropdown-content2 {
    display: none;
    position: absolute;
    background-color: rgba(84, 84, 84, 0.9);
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	top: 35px;
	right: 9px;
}

.dropdown-content2 a {
    color: #FFF;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}

.dropdown-content2 a:last-child {
	border-bottom: 0;
}

.dropdown-content2 a:hover {background-color: #000}

.dropdown_menu:hover .dropdown-content2 {
    display: block;
}  
 
/* Track */
::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(153,153,153,0.8); 
    /** -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); **/ 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(153,153,153,0.4); 
}

/* indie TV */

#videoPlaylistPlugId {
	background: none !important;
    border: 0 !important;

}

#videoPlaylistPlugId.videoPlaylistPlugClass-carousel {
	background: none !important;
    border: 0 !important;
}

/*@media (min-width: 1360px) {
    .header_bottom {background-color: #ffffff;}
    .container {width: 1280px;}
    section {padding: 0 10px !important;}
    .col-lg-8 {width: 75%;}
    .col-lg-4 {width: 25%;}
    .fotorama {margin-bottom: 25px !important;}
    ul.spost_nav3 {height: initial !important;}
    .spost_nav li {margin-bottom: 5px !important;}
    .spost_nav3 li {margin-bottom: 5px !important; height:70px;}
    #indieTV {margin: 0 auto; width: 98.5%;}
    .imgLiquid {width: 100% !important;}
    .pop {width: 23.5%; margin: 8px !important;}
    .life_large {width: 48.3%; margin: 8px !important;}
    .life {width: 23.5%; margin: 8px !important;}
	ul#right_nav > li {margin: 0 0 0 15px;}
}*/
@media(max-width:1199px ){.logo_area{width:45%}.add_banner{width:55%}.nav-tabs > li{/**width:18.3%**/}.photograph_nav li{width:31.5%}.latest_post_container{height:180px;overflow:hidden}#next-button{bottom:-2px}}