@font-face{    
font-family:'bpreplayregular';     
src:url('../../../styles/fonts/bpreplay-webfont.eot');     
src:url('../../../styles/fonts/bpreplay-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../../../styles/fonts/bpreplay-webfont.woff') format('woff'), url('../../../styles/fonts/bpreplay-webfont.ttf') format('truetype'), url('../../../styles/fonts/bpreplay-webfont.svg#webfontIhiDai48') format('svg')}
*{    text-shadow:none;     box-shadow:none;     -moz-box-shadow:none;     -webkit-box-shadow:none}

body{background:#f4f4f4 url("../images/bg.jpg") center top no-repeat; font-family:'bpreplayregular',serif; font-size:12px; padding:0; margin:0;  background-size:100%; /*text-rendering:auto*/}
img{border:none}
a{color:inherit; text-decoration:none}
.clearboth{display:block; clear:both}
.MobileView, .MobileBlack, .menumobile{display:none}
.wd-def{width:950px; margin:0 auto; position:relative}
.wd-def-slider{width:950px; margin:0 auto; width:96.5%;}
.wd-def:after{clear:both; content:""; display:table}
.headerDiv{}
.headerDiv .middle{height:100px; /*background:url('/_LAYOUTS/mci/new/en/styles/images/header_bg.png') no-repeat center bottom*/}
.headerDiv .middle .logo{margin:14px 0 0 12px; float:left;}
.headerDiv .middle .logo img{height:81px}
.headerDiv .hicons{float:right; position:relative; top:40px}
.headerDiv .hicons ul{position:relative; list-style:none; padding:0; margin:0}
.headerDiv .hicons ul>li{float:right; margin-left:4px; position:relative; width:40px; height:40px}
.headerDiv .hicons ul>li>a{right: 0; float: right;color:#FFF !important; background-image:url('../images/hicons3860.png?v=1');font-size:0px !important; display:inline-block; height:40px; width:40px; background-color:#1787B2; -webkit-transition:background-color 0.5s ease-in-out; -moz-transition:background-color 0.5s ease-in-out; -o-transition:background-color 0.5s ease-in-out; -ms-transition:background-color 0.5s ease-in-out; transition:background-color 0.5s ease-in-out; -webkit-transition:background-position 0.2s ease-in-out; -moz-transition:background-position 0.2s ease-in-out; -o-transition:background-position 0.2s ease-in-out; -ms-transition:background-position 0.2s ease-in-out; transition:background-position 0.2s ease-in-out; position:absolute; z-index:2}
.headerDiv .hicons ul>li>a:hover{background-color:#1787B2}
.headerDiv .hicons ul>li.langswitch>a{background-position:0px -40px}
.headerDiv .hicons ul>li.settings>a{background-position:-40px -40px}
.headerDiv .hicons ul>li.apps>a{background-position:-80px -40px}
.headerDiv .hicons ul>li.apps a{font-size:0px}
.headerDiv .hicons ul>li.sitemap>a{background-position: -160px -40px;}
.headerDiv .hicons ul>li.sitemap>a:hover{background-position: -160px 0px;}
.headerDiv .hicons ul>li.search>a{background-position:-120px -40px}

.headerDiv .hicons ul>li.search.active{width:200px;-webkit-transition:width 0.4s ease-in-out; -moz-transition:width 0.4s ease-in-out; -o-transition:width 0.4s ease-in-out; -ms-transition:width 0.4s ease-in-out; transition:width 0.4s ease-in-out;}
.headerDiv .hicons ul>li.search>div{position:absolute;height:40px;width:160px;background-color:#ffffff;background-color:rgba(255,255,255,0.8)}
.headerDiv .hicons ul>li.search.active>div{}
.headerDiv .hicons ul>li.search>div input{background:none;border:none;outline:none;color:#a5a5a5;height:40px;font: normal 14px 'bpreplayregular';line-height: 30px;margin:0 10px;width:140px;}
.headerDiv .hicons ul>li.search>div>form>.search_submit{display:none;}

.headerDiv .hicons ul>li.langswitch>a:hover{background-position:0px 0px}
.headerDiv .hicons ul>li.settings>a:hover{background-position:-40px 0px}
.headerDiv .hicons ul>li.apps>a:hover{background-position:-80px 0px}
.headerDiv .hicons ul>li.search>a:hover{background-position:-120px 0px}
.headerDiv .hicons ul>li.settings>div{position:absolute; height:124px; padding:15px 10px; width:152px; background:#f5f5f5 url('../images/ts_bg.png') repeat-x bottom; top:50px; right:-45px; z-index:100; display:none}
.headerDiv .hicons ul>li.settings>span.arrowtop{width:17px; height:10px; position:absolute; background:url('../images/ts_arrow.png') no-repeat; bottom:0px; left:11px}
.headerDiv .hicons ul>li.settings.active>span.arrowtop{bottom:-10px}
.headerDiv .hicons ul>li.settings:hover>span.arrowtop{background-image:url('../images/ts_arrowh.png')}
.headerDiv .hicons ul>li.settings:hover>a{background-color:#1787B2; background-position:-40px 0px}
.headerDiv .hicons ul>li.settings>div .ts_title{background: url('../images/ts_colors.png') no-repeat left 0px; padding: 0 0 5px 25px; color:#1787B2; font-size: 16px; text-align: left;font-weight:normal; line-height:20px; font-family:'bpreplayregular'}
.headerDiv .hicons ul>li.settings>div .topsettings{border-bottom:1px solid #cecece; padding:0 0 10px 0}
.headerDiv .hicons ul>li.settings>div div.controls{padding: 3px 0 3px 25px;}
.headerDiv .hicons ul>li.settings>div .topsettings .controls a{display:inline-block; color:#6e6e6e; font-size: 12px; line-height:16px; padding: 0 5px 0 20px;}
.headerDiv .hicons ul>li.settings>div div.controls .ts_m{background: url('../images/ts_green.png') no-repeat left 1px;}
.headerDiv .hicons ul>li.settings>div div.controls .ts_g{background: url('../images/ts_grey.png') no-repeat left 1px;}
.headerDiv .hicons ul>li.settings>div div.bottomsettings{padding:10px 0 0 0}
.headerDiv .hicons ul>li.settings>div div.bottomsettings .tsx_title{background: url('../images/ts_text.png') no-repeat left 0px; padding: 0 0 5px 25px; color:#1787B2; font-size:14px; font-weight:normal; line-height:20px; font-family:'bpreplayregular'}
.headerDiv .hicons ul>li.settings>div div.bottomsettings .controls a{display:inline-block; color:#6e6e6e; font-size: 12px; line-height:24px; padding: 0 5px 0 25px;}
.headerDiv .hicons ul>li.settings>div div.bottomsettings .ts_inc{background: url('../images/ts_text_inc.png') no-repeat left 0;}
.headerDiv .hicons ul>li.settings>div div.bottomsettings .ts_dec{background: url('../images/ts_text_dec.png') no-repeat left 0;}
.headerDiv .hicons ul>li.apps{overflow:hidden; -webkit-transition:width 0.4s ease-in-out; -moz-transition:width 0.4s ease-in-out; -o-transition:width 0.4s ease-in-out; -ms-transition:width 0.4s ease-in-out; transition:width 0.4s ease-in-out; width:40px}
.headerDiv .hicons ul>li.apps.active{width:200px; -webkit-transition:width 0.4s ease-in-out; -moz-transition:width 0.4s ease-in-out; -o-transition:width 0.4s ease-in-out; -ms-transition:width 0.4s ease-in-out; transition:width 0.4s ease-in-out}

.headerDiv .hicons ul>li.apps>div{position:absolute; margin:0; padding:0; float:left; height:40px; width:160px; direction:ltr; z-index:1}
.headerDiv .hicons ul>li.apps.active>div{display:block}
.headerDiv .hicons ul>li.apps>div>a{display:inline-block; width:30px; height:30px; margin:5px; background-image:url('../images/apps_icons.png'); transition:background-color 0.5s ease-in-out; -webkit-transition:background-position 0.2s ease-in-out; -moz-transition:background-position 0.2s ease-in-out; -o-transition:background-position 0.2s ease-in-out; -ms-transition:background-position 0.2s ease-in-out; transition:background-position 0.2s ease-in-out}
.headerDiv .hicons ul>li.apps>div>a.wphone{background-position:0px 0px}
.headerDiv .hicons ul>li.apps>div>a.bb{background-position:-30px 0px}
.headerDiv .hicons ul>li.apps>div>a.android{background-position:-60px 0}
.headerDiv .hicons ul>li.apps>div>a.ios{background-position:-90px 0}
.headerDiv .hicons ul>li.apps>div>a.wphone:hover{background-position:0px -30px}
.headerDiv .hicons ul>li.apps>div>a.bb:hover{background-position:-30px -30px}
.headerDiv .hicons ul>li.apps>div>a.android:hover{background-position:-60px -30px}
.headerDiv .hicons ul>li.apps>div>a.ios:hover{background-position:-90px -30px}
.headerDiv .hicons ul>li.search{width:40px; overflow:hidden; -webkit-transition:width 0.4s ease-in-out; -moz-transition:width 0.4s ease-in-out; -o-transition:width 0.4s ease-in-out; -ms-transition:width 0.4s ease-in-out; transition:width 0.4s ease-in-out}
.headerDiv .hicons ul>li.search.active{width:200px; -webkit-transition:width 0.4s ease-in-out; -moz-transition:width 0.4s ease-in-out; -o-transition:width 0.4s ease-in-out; -ms-transition:width 0.4s ease-in-out; transition:width 0.4s ease-in-out}
.headerDiv .hicons ul>li.search>div{position:absolute; height:40px; width:160px; background-color:#fff; background-color:rgba(255,255,255,0.8)}
.headerDiv .hicons ul>li.search.active>div{}
.headerDiv .hicons ul>li.search>div>form input{background:none; border:none; outline:none; color:#a5a5a5; height:40px; font: normal 11px 'bpreplayregular'; line-height:30px; margin:0 10px; width:140px}
.headerDiv .hicons ul>li.search>div>form>.search_submit{display:none}
.headerDiv .bottom{position:relative}
.headerDiv .bottom .mobilemenu{display:none; width:37px; height:37px; background:#1787B2; cursor:pointer}
.headerDiv .bottom .mobilemenu span{display:block; height:6px; margin:0 0 6px 0; background-color:#dedede}
.headerDiv .bottom .wd-def{background:#1787B2; position:relative}
.headerDiv .bottom .menu{list-style:none; padding:0; margin:0; z-index:10}
.headerDiv .bottom .menu:after{clear:both; content:""; display:table}
.headerDiv .bottom .menuFixed{width:950px; position:fixed; top:0; background:#1787B2}
.headerDiv .bottom .menuFixedLogo{width:950px; position:fixed; top:0; z-index:9999; background:#1787B2}
.headerDiv .bottom .menuFixedLogoF{width:950px; position:fixed; top:0; z-index:9999; background:#1787B2}
.headerDiv .bottom .menuFixedLogoFW{width:100%; position:fixed; top:0; right:0; z-index:9999; text-align:center; background:#1787B2}
.headerDiv .bottom .menu .logo{background:url("../images/logo-white.png") center no-repeat; background-size:32px; border-left:0px solid #1787B2; width:0px; height:42px; margin-left:-4px; display:inline-block; vertical-align:middle; -webkit-transition:width 0.5s ease-in-out; -moz-transition:width 0.5s ease-in-out; -o-transition:width 0.5s ease-in-out; -ms-transition:width 0.5s ease-in-out; transition:width 0.5s ease-in-out}
.headerDiv .bottom .menuFixedLogo .logo{border-left:0px solid #1787B2; width:52px}
.headerDiv .bottom .menuFixedLogoF .logo{border-left:0px solid #1787B2; width:52px}
.headerDiv .bottom .menuFixedLogoFW .logo{border-left:0px solid #1787B2; width:52px}
.headerDiv .bottom .menu .home{background:url("../images/menu-home.png") center no-repeat; border-left:1px solid #1787B2; width:52px; height:52px; display:inline-block; vertical-align:middle}
.headerDiv .bottom .menu .home a{display:block;width:45px;height:45px;font-size:0px !important;color:#FFF !important;}
.headerDiv .bottom .menuFixed .home{height:53px}
.headerDiv .bottom .menuFixedLogo .home{height:42px}
.headerDiv .bottom .menuFixedLogoF .home{height:42px}
.headerDiv .bottom .menuFixedLogoFW .home{height:42px}
.headerDiv .bottom .menu>li{float: left; z-index:101}
.headerDiv .bottom .menu .sub{border-right: 1px solid #1787B2; font-size: 14px; color:#fff; display:inline-block; vertical-align:middle; -webkit-transition:background-color 0.5s ease-in-out; -moz-transition:background-color 0.5s ease-in-out; -o-transition:background-color 0.5s ease-in-out; -ms-transition:background-color 0.5s ease-in-out; transition:background-color 0.5s ease-in-out}
.headerDiv .bottom .menu .sub:last-of-type{border-right: 0;}
.headerDiv .bottom .menu .sub:hover, .headerDiv .bottom .menu.menuFixed .sub:hover{background:#1787B2}
.headerDiv .bottom .menu .active{background-color:#1787B2}
.headerDiv .bottom .menu .sub>a{text-transform:capitalize !important;color:#fff; padding: 0 17px; line-height:53px; display:block; -webkit-transition:line-height 0.5s ease-in-out; -moz-transition:line-height 0.5s ease-in-out; -o-transition:line-height 0.5s ease-in-out; -ms-transition:line-height 0.5s ease-in-out; transition:line-height 0.5s ease-in-out; -moz-box-sizing:content-box; box-sizing:content-box; white-space:nowrap}
.headerDiv .bottom .menu .sub:last-of-type>a{}
.headerDiv .bottom .menu .sub .sub-menu{background:#1787B2; width:950px; padding:0; margin:0; list-style:none; position:absolute; right:0; display:none; z-index:9999}
.headerDiv .bottom .menu .sub:hover .sub-menu{-webkit-animation:opmuhdr 0.5s ease-in-out; -moz-animation:opmuhdr 0.5s ease-in-out; -o-animation:opmuhdr 0.5s ease-in-out; animation:opmuhdr 0.5s ease-in-out}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub{width:25%; margin-right:-4px; display:inline-block; vertical-align:top;}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list{list-style:none; padding:7px 10px; margin:0}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list li{border-left:3px solid #1787B2;-webkit-transition:border-color 0.5s ease-in-out,background-color 0.5s ease-in-out,color 0.5s ease-in-out; -moz-transition:border-color 0.5s ease-in-out,background-color 0.5s ease-in-out,color 0.5s ease-in-out; -o-transition:border-color 0.5s ease-in-out,background-color 0.5s ease-in-out,color 0.5s ease-in-out; -ms-transition:border-color 0.5s ease-in-out,background-color 0.5s ease-in-out,color 0.5s ease-in-out; transition:border-color 0.5s ease-in-out,background-color 0.5s ease-in-out,color 0.5s ease-in-out}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list li:hover{background:#0c7a76; border-left:3px solid #aad9d7; color:#1787B2}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list a{text-transform:capitalize !important;padding:6px 17px 6px 20px; display:block; color:#fff;font-size:12px;}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list a:hover{color:#FFF}

.about{}
.mediacenter{color: #FFF;background:rgba(118,39,87,1)!important;}
.contactus{color: #FFF;background:#bb2b7d !important;}
.servecies_directory{color: #FFF;background:rgba(202,52,91,1)!important;}


.topmenu_more{float:right;margin:5px}
.section{margin-top:10px}
.section.if-mF{margin-top:64px}
.section:after{clear:both; content:""; display:table}
.section .sliced{height:266px; margin-bottom:10px; position:relative; overflow:hidden}
.box-panel{opacity:0; position:relative; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-transform: translateX(2500px); transform: translateX(2500px);}
.animated2{-webkit-transition-fill-mode:both; -moz-transition-fill-mode:both; -ms-transition-fill-mode:both; -o-transition-fill-mode:both; -webkit-transition-duration:2s; -moz-transition-duration:2s; -ms-transition-duration:2s; -o-transition-duration:2s; transition-duration:2s}
.box-panel.animated{opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}
.box-panel .mini-box>div>span{display:none; bottom:10px; position:absolute; font: normal 16px 'bpreplayregular'; width:96%; padding:0 2% 0 0; line-height:22px; text-align:center; -webkit-transition:all 1.5s ease-in-out; -moz-transition:all 1.5s ease-in-out; -o-transition:all 1.5s ease-in-out; -ms-transition:all 1.5s ease-in-out; transition:all 1.5s ease-in-out; opacity:0}
.mini-box:hover>div>span, .box-panel .mini-box>div.parentbox>span{display:block; opacity:1}
.box-panel .mini-box>div>div>span{color:#FFF !important; bottom:10px; position:absolute; font: normal 16px 'bpreplayregular'; width:96%; padding:0 2% 0 0; line-height:22px; text-align:center; right:0}
.box-panel .mini-box>div>div>div.grey{position:absolute; width:100%; height:100%; background:url('../images/bg_trans.png') repeat-x bottom}
.hidenbox{display:none; opacity:0; -webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; -o-transition:all 0.20s ease-in-out; -ms-transition:all 0.20s ease-in-out; transition:all 0.20s ease-in-out}
.section .sliced .s-srvelc{background-image:url("../images/sliced-ico-1.jpg"); background-repeat:no-repeat; background-position:center center; background-size:100% 100%; width:264px; height:266px; margin-right: 10px; position:absolute; float: left; cursor:pointer; z-index:7; transition:background-size 0.5s ease-in-out,background-position 0.5s ease-in-out; -moz-transition:background-size 0.5s ease-in-out,background-position 0.5s ease-in-out; -ms-transition:background-size 0.5s ease-in-out,background-position 0.5s ease-in-out; -o-transition:background-size 0.5s ease-in-out,background-position 0.5s ease-in-out; -webkit-transition:background-size 0.5s ease-in-out,background-position 0.5s ease-in-out}
.section .sliced .s-srvelc:hover{background-position:center; background-size:150% 150%}
.section .sliced .s-srvelc span{text-align:center; display:block; position:absolute; bottom:56px; right: 31px;background:#0380ac !important; color:#fff !important; font-size: 16px; line-height:22px; font-weight:normal; font-family:'bpreplayregular'}
.section .sliced .s-srvelc .s-srvelc-sub{background-image:url("../images/sliced-ico-1-color5e1f.png?v=2"); background-repeat:no-repeat; width:133px; height:266px; float: right;}
.section .sliced .s-srvelc-menu{background:#dedede; width:767px; height:246px; padding: 20px  0 0 40px; position:absolute; top:0; left: 143px; display:none; z-index:8}
.section .sliced .s-srvelc .clearboth{display:none}
.section .sliced .s-srvelc-menu .ssm-clm{width:225px; margin-right: 20px; display:inline-block; float: left;}
.section .sliced .s-srvelc-menu .ssm-clm .title{background: url("../images/arrow-blue.jpg") 7px 8px no-repeat; border-bottom:4px solid #1a96c5; font: normal 16px 'bpreplayregular'; color:#575757; padding-left: 35px; line-height:28px}
.section .sliced .s-srvelc-menu .ssm-clm ul{list-style:none; padding:7px 0; margin:0}
.section .sliced .s-srvelc-menu .ssm-clm ul li{background: url("../images/arrow-gray.jpg") 7px 8px no-repeat; color:#8d8d8d; list-style:none; padding:2px 20px; margin:0; -webkit-transition:color 0.5s ease-in-out; -moz-transition:color 0.5s ease-in-out; -o-transition:color 0.5s ease-in-out; -ms-transition:color 0.5s ease-in-out; transition:color 0.5s ease-in-out}
.section .sliced .s-srvelc-menu .ssm-clm ul li:hover{color:#1a96c5}
.section .sliced .s-srvelc-menu .ssm-clm ul li a{font: normal 13px 'bpreplayregular'; color:#8d8d8d}
.section .sliced .s-srvelc-menu .ssm-clm ul li a:hover{color:#1a96c5}
.section .sliced .s-social{display:block !important;background-color:#f68a00; background-repeat:no-repeat; background-position:center top; width:264px; height:128px; margin-right: 10px; margin-bottom:10px; float:right; position:absolute; -webkit-transition:background-color 0.5s ease-in-out; -moz-transition:background-color 0.5s ease-in-out; -o-transition:background-color 0.5s ease-in-out; -ms-transition:background-color 0.5s ease-in-out; transition:background-color 0.5s ease-in-out; left: 274px;}
.section .sliced .s-social span{white-space:nowrap; color:#fff; position:absolute; top:29px; left: 13px; font-weight:normal; font-family:'bpreplayregular'; font-size: 16px; -webkit-transition:color 0.5s ease-in-out; -moz-transition:color 0.5s ease-in-out; -o-transition:color 0.5s ease-in-out; -ms-transition:color 0.5s ease-in-out; transition:color 0.5s ease-in-out}
.section .sliced .s-social .s-s-link{padding:70px 0 0; text-align:center;font-size:0px !important;color:#fff !important;}
.section .sliced .s-social .s-s-link .s-s-ico{background-image:url("../images/sliced-ico-2-social.png"); background-repeat:no-repeat; height:44px; width:44px; display:inline-block; vertical-align:middle; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; -webkit-transition:background-image 0.5s ease-in-out,box-shadow 0.2s ease-in-out,background-color 1s ease-in-out,border-radius 0.5s ease-in-out; -moz-transition:background-image 0.5s ease-in-out,box-shadow 0.2s ease-in-out,background-color 1s ease-in-out,border-radius 0.5s ease-in-out; -o-transition:background-image 0.5s ease-in-out,box-shadow 0.2s ease-in-out,background-color 1s ease-in-out,border-radius 0.5s ease-in-out; -ms-transition:background-image 0.5s ease-in-out,box-shadow 0.2s ease-in-out,background-color 1s ease-in-out,border-radius 0.5s ease-in-out; transition:background-image 0.5s ease-in-out,box-shadow 0.2s ease-in-out,background-color 1s ease-in-out,border-radius 0.5s ease-in-out; margin:0 2px}
.section .sliced .s-social .s-s-link .s-s-ico:hover{background-color:#fff;  background-image:url("../images/sliced-ico-2-social-h3860.png?v=1")}
.section .sliced .s-social .s-s-link .s-s-gp{background-position:-191px 0}
.section .sliced .s-social .s-s-link .s-s-rss{background-position:-144px 0}
.section .sliced .s-social .s-s-link .s-s-ut{background-position:-92px 0}
.section .sliced .s-social .s-s-link .s-s-tw{background-position:-42px 0}
.section .sliced .s-social .s-s-link .s-s-fb{background-position:7px 0}
.section .sliced .s-social .s-s-link-white{padding:70px 0 0; text-align:center; color:#fff !important;}
.section .sliced .s-social .s-s-link-white .s-s-ico{background-image:url("../images/sliced-ico-2-social.png"); background-repeat:no-repeat; padding:22px; display:inline-block; vertical-align:middle; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; -webkit-transition:background-image 0.5s ease-in-out,box-shadow 0.2s ease-in-out,background-color 1s ease-in-out,border-radius 0.5s ease-in-out; -moz-transition:background-image 0.5s ease-in-out,box-shadow 0.2s ease-in-out,background-color 1s ease-in-out,border-radius 0.5s ease-in-out; -o-transition:background-image 0.5s ease-in-out,box-shadow 0.2s ease-in-out,background-color 1s ease-in-out,border-radius 0.5s ease-in-out; -ms-transition:background-image 0.5s ease-in-out,box-shadow 0.2s ease-in-out,background-color 1s ease-in-out,border-radius 0.5s ease-in-out; transition:background-image 0.5s ease-in-out,box-shadow 0.2s ease-in-out,background-color 1s ease-in-out,border-radius 0.5s ease-in-out}
.section .sliced .s-social .s-s-link-white .s-s-ico:hover{background-color:#f68a00; box-shadow:0 0 0 3px #f68a00}
.section .sliced .s-social:hover .s-s-link-white .s-s-ico{background-image:url("../images/sliced-ico-2-social-h.png")}
.section .sliced .s-social .s-s-link-white .s-s-gp{background-position:-191px 0}
.section .sliced .s-social .s-s-link-white .s-s-gp:hover{background-image:url("../images/sliced-ico-2-social.png")}
.section .sliced .s-social .s-s-link-white .s-s-rss{background-position:-142px 0}
.section .sliced .s-social .s-s-link-white .s-s-rss:hover{background-image:url("../images/sliced-ico-2-social.png")}
.section .sliced .s-social .s-s-link-white .s-s-ut{background-position:-92px 0}
.section .sliced .s-social .s-s-link-white .s-s-ut:hover{background-image:url("../images/sliced-ico-2-social.png")}
.section .sliced .s-social .s-s-link-white .s-s-tw{background-position:-42px 0}
.section .sliced .s-social .s-s-link-white .s-s-tw:hover{background-image:url("../images/sliced-ico-2-social.png")}
.section .sliced .s-social .s-s-link-white .s-s-fb{background-position:7px 0}
.section .sliced .s-social .s-s-link-white .s-s-fb:hover{background-image:url("../images/sliced-ico-2-social.png")}
.section .sliced .s-mdictr{color:#fff; width:128px; height:128px; margin-right: 10px; margin-bottom:10px; float:right; position:absolute; overflow:hidden; background-position:-20px bottom; -webkit-transition:background 1s ease-in-out; -moz-transition:background 1s ease-in-out; -o-transition:background 1s ease-in-out; -ms-transition:background 1s ease-in-out; transition:background 1s ease-in-out; left: 548px;}
.section .sliced .s-mdictr:hover, .s-mdictrmobile, .section .sliced .s-mdictr.parentbox{background:#762757 url("../images/sliced-ico-5-ico.png") no-repeat center center; color:#fff}

.section .sliced .s-cococo{background-image:url("../images/sliced-ico-6.jpg"); background-repeat:no-repeat; background-position:center top; width:264px; height:128px; margin-bottom:10px; float:right; position:absolute; -webkit-transition:background-position 0.5s ease-in-out; -moz-transition:background-position 0.5s ease-in-out; -o-transition:background-position 0.5s ease-in-out; -ms-transition:background-position 0.5s ease-in-out; transition:background-position 0.5s ease-in-out; left: 686px; overflow:hidden}
.section .sliced .s-cococo:hover .text{bottom:0}
.section .sliced .s-cococo .text{color:#fff; width:92%; font-size: 13px; min-width:244px; height:128px; padding:0 4%; bottom:-89px; position:relative; overflow:hidden; background-color:#3aa21d; -webkit-transition:bottom 0.5s ease-in-out; -moz-transition:bottom 0.5s ease-in-out; -o-transition:bottom 0.5s ease-in-out; -ms-transition:bottom 0.5s ease-in-out; transition:bottom 0.5s ease-in-out}
.section .sliced .s-cococo .text span{background: url('../images/sliced-ico-6-ico.png') no-repeat left center; padding: 0 0 0 37px; font: normal 16px 'bpreplayregular'; display:block; line-height:38px}
.section .sliced .s-abtmns{color:#fff;background-color:#44731f; width:127px; height:128px; margin-right: 10px; float:right; position:absolute; overflow:hidden; background-position:-20px bottom; -webkit-transition:background 1s ease-in-out; -moz-transition:background 1s ease-in-out; -o-transition:background 1s ease-in-out; -ms-transition:background 1s ease-in-out; transition:background 1s ease-in-out; left: 274px; top:138px}
.section .sliced .s-abtmns:hover, .section .sliced .s-abtmns.parentbox{background:#44731f url("../images/sliced-ico-3-ico.png") no-repeat center center; color:#fff}
.section .sliced .s-srvdir{color:#fff; width:127px; height:128px; margin-right: 10px; /* float:right; */ position:absolute; overflow:hidden; background-position:-20px bottom; -webkit-transition:background 1s ease-in-out; -moz-transition:background 1s ease-in-out; -o-transition:background 1s ease-in-out; -ms-transition:background 1s ease-in-out; transition:background 1s ease-in-out; left: 411px; top:138px}
.section .sliced .s-srvdir:hover, .section .sliced .s-srvdir.parentbox{background:#ca345b url("../images/s-srvdir-mobile.png") no-repeat center center; color:#fff}
.section .sliced .s-ruanre{background-image:url("../images/sliced-ico-7.jpg"); background-repeat:no-repeat; background-size:100% 100%; background-position: -264px 0; width:264px; height:128px; margin-right: 10px; float:right; position:absolute; overflow:hidden; left: 548px; top:138px; -webkit-transition:background-position 0.5s ease-in-out; -moz-transition:background-position 0.5s ease-in-out; -o-transition:background-position 0.5s ease-in-out; -ms-transition:background-position 0.5s ease-in-out; transition:background-position 0.5s ease-in-out}
.section .sliced .s-ruanre:hover{background-position:0 0}
.section .sliced .s-ruanre .s-ruanre-blue{background: #1ac5d5 url("../images/sliced-ico-7-ico.png") no-repeat right 20px; position:absolute; width:94%; height:90%; padding:3%; color:#fff; right: 0; -webkit-transition: right 0.5s ease-in-out; -moz-transition: right 0.5s ease-in-out; -o-transition: right 0.5s ease-in-out; -ms-transition: right 0.5s ease-in-out; transition: right 0.5s ease-in-out;}
.section .sliced .s-ruanre:hover .s-ruanre-blue{right: -101%;}
.section .sliced .s-ruanre .s-ruanre-blue .s-ruanre-title{font: normal 16px 'bpreplayregular'; margin:5px 0 12px 0;padding:0 0 0 5px}
.section .sliced .s-ruanre .s-ruanre-blue .s-ruanre-bullets{display:block; background: url("../images/sliced-ico-7-bullet.png") no-repeat left 3px; padding: 0 0 0 16px; margin:5px 0 0 0; font: normal 13px 'bpreplayregular'; color:#fff;font-size:12px;}
.section .sliced .s-cnctus{color:#fff; width:128px; height:128px; float:right; position:absolute; overflow:hidden; background-position:-20px bottom; -webkit-transition:background 1s ease-in-out; -moz-transition:background 1s ease-in-out; -o-transition:background 1s ease-in-out; -ms-transition:background 1s ease-in-out; transition:background 1s ease-in-out; left: 822px; top:138px}
.section .sliced .s-cnctus:hover, .section .sliced .s-cnctus.parentbox{background:#dc3193 url("../images/sliced-ico-8-ico.png") no-repeat center center; color:#fff}
.s-bs-img img{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; background-size:cover}
.s-bs-img.s-bs-img-1 img.face1{background-image:url('../images/sliced-img-1-b.jpg')}
.s-bs-img.s-bs-img-2 img.face1{background-image:url('../images/sliced-img-2-b.jpg')}

.s-bs-img.s-bs-img-3 img.face1{background-image:url('../images/sliced-img-3-b.jpg')}
.s-bs-img.s-bs-img-4 img.slidefront{background-image:url('../images/sliced-img-4-b.jpg')}
.s-bs-img.s-bs-img-1 img.face2{background-image:url('../images/sliced-img-1.jpg')}
.s-bs-img.s-bs-img-2 img.face2{background-image:url('../images/sliced-img-2.jpg')}
.s-bs-img.s-bs-img-3 img.face2{background-image:url('../images/sliced-img-3.jpg')}
.s-bs-img.s-bs-img-4 img.slideback{background-image:url('../images/sliced-img-4.jpg')}
.section .sliced .s-bs-img{width:128px; height:128px; position:absolute; top:0; right:0; left:0; bottom:0; -webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -o-transform:rotateX(0deg); transform:rotateX(0deg); -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out}
.section .sliced .totop{top:-135px; bottom:auto}
.section .sliced .backtop{-webkit-animation:backtop 1s ease-in-out; -moz-animation:backtop 1s ease-in-out; -o-animation:backtop 1s ease-in-out; animation:backtop 1s ease-in-out}
.section .sliced .tobottom{top:auto; bottom:-135px}
.section .sliced .backbottom{-webkit-animation:backbottom 1s ease-in-out; -moz-animation:backbottom 1s ease-in-out; -o-animation:backbottom 1s ease-in-out; animation:backbottom 1s ease-in-out}
.section .sliced .toleft{right:auto; left:-135px}
.section .sliced .backleft{-webkit-animation:backleft 1s ease-in-out; -moz-animation:backleft 1s ease-in-out; -o-animation:backleft 1s ease-in-out; animation:backleft 1s ease-in-out}
.section .sliced .toright{right:-135px; left:auto}
.section .sliced .backright{-webkit-animation:backright 1s ease-in-out; -moz-animation:backright 1s ease-in-out; -o-animation:backright 1s ease-in-out; animation:backright 1s ease-in-out}
.section .sliced .torotate{-webkit-transform:rotateX(90deg); -moz-transform:rotateX(90deg); -ms-transform:rotateX(90deg); -o-transform:rotateX(90deg); transform:rotateX(90deg); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
.section .sliced .torotateflipped{-webkit-transform:rotateX(-90deg); -moz-transform:rotateX(-90deg); -ms-transform:rotateX(-90deg); -o-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
.section .sliced .backrotate{-webkit-animation:backrotate 1s ease-in-out; -moz-animation:backrotate 1s ease-in-out; -o-animation:backrotate 1s ease-in-out; animation:backrotate 1s ease-in-out}
.section .bg-gray{background:#dedede; padding:21px 0 16px}
.section .content{width:970px;  position:relative}
.section .content-menu{position:absolute}
.section .content .news{background:#dedede; padding:10px 17px 10px 15px; margin-bottom:10px; position:relative; height:381px}
.section .content .news .header{height:30px; margin-bottom:10px}
.section .content .news .header h3{white-space:nowrap; font-size: 18px; color:#626262; padding:0; margin:0; float: left; line-height:31px}
.section .content .news .header a{font-size: 15px; color:#818181; padding:0; line-height:31px; float: right; -webkit-transition:color 0.5s ease-in-out; -moz-transition:color 0.5s ease-in-out; -o-transition:color 0.5s ease-in-out; -ms-transition:color 0.5s ease-in-out; transition:color 0.5s ease-in-out}
.section .content .news .header a:hover{color:#1787B2}
.section .content .news .nws-cnt{margin-bottom: 5px; position:relative}
.section .content .news .nws-cnt .ns-ct-box{}
.section .content .news .nws-cnt .ns-ct-box .post{display:inline-block; vertical-align:top; float: left;}
.section .content .news .nws-cnt .ns-ct-box .post.plast{padding: 0 0 0 1.8%;}
.section .content .news .nws-cnt .ns-ct-box .post .pst-title{background:#1787B2; color:#fff; font-size: 14px; padding:5px 10px; margin-bottom:10px; line-height: 18px;}
.section .content .news .nws-cnt .ns-ct-box .post .text{color:#878787}
.section .content .news .nws-cnt .ns-ct-box .post .text p{font-size: 13px; line-height: 19px; text-align: justify;}
.section .content .news .nws-cnt .ns-ct-box .post .text>div{background:#fff; padding:2px; line-height:0; overflow:hidden}
.section .content .news .nws-cnt .ns-ct-box .post .text>div img{width:100%; height:230px;}
.section .content .news .nws-cnt .ns-ct-box .post .text a{color:#1787B2; -webkit-transition:color 0.5s ease-in-out; -moz-transition:color 0.5s ease-in-out; -o-transition:color 0.5s ease-in-out; -ms-transition:color 0.5s ease-in-out; transition:color 0.5s ease-in-out}
.section .content .news .nws-cnt .ns-ct-box .post .text a:hover{color:#878787}
.as-next-arrow, .as-prev-arrow{display:none}
.section .content .news .as-nav{ text-align: right; position: relative; bottom: 5px;}
.section .content .news .as-nav a{background:#fff; color:#fff; font-size:0; line-height:6px; width:27px; height:6px; display:inline-block; cursor:pointer; -webkit-transition:background-color 0.5s ease-in-out; -moz-transition:background-color 0.5s ease-in-out; -o-transition:background-color 0.5s ease-in-out; -ms-transition:background-color 0.5s ease-in-out; transition:background-color 0.5s ease-in-out; margin:0 2px}
.section .content .news .as-nav a:hover{background:#1787B2; color:#1787B2}
.section .content .news .as-nav a.as-active{background:#1787B2; color:#1787B2}
.section .content .ad-lo .clearboth{display:none}
.section .content .ad-lo .al-ads{background:#f4f4f4; border:1px solid #d4d4d4; width:342px; padding:18px; float: left;height:112px;overflow:hidden;}
.section .content .ad-lo .al-ads .header{background:#1787B2; color:#fff; height:45px}
.section .content .ad-lo .al-ads .header h3{font: normal 16px 'bpreplayregular'; padding:0 20px; margin:0; line-height:45px; float: left;}
.section .content .ad-lo .al-ads .header .prev{background:url("../images/ads-arrow.png") left center no-repeat; width:23px; height:23px; margin-top:11px; margin-right: 2px; float: right; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; -ms-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out; cursor:pointer}
.section .content .ad-lo .al-ads .header .prev:hover{opacity:0.5}
.section .content .ad-lo .al-ads .header .next{background:url("../images/ads-arrow.png") right center no-repeat; width:23px; height:23px; margin-top:12px; margin-right: 10px; float: right; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; -ms-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out; cursor:pointer}
.section .content .ad-lo .al-ads .header .next:hover{opacity:0.5}
.section .content .ad-lo .al-ads .al-ads-cnt{margin-top:15px; display:none}
.section .content .ad-lo .al-ads .al-ads-cnt img{border:1px solid #fff; display:block; height:156px;width:100%;}
.section .content .ad-lo .al-ads .al-ads-cnt h3{font-size: 14px; color:#575757; margin:2px 0 6px 0; line-height: 22px;}
.section .content .ad-lo .al-ads .al-ads-cnt p{font-size: 13px; color:#878787; margin:0 0 6px 0; line-height: 19px;height: 56px; overflow: hidden;}
.section .content .ad-lo .al-liof{width:482px; float: right;}
.section .content .ad-lo .al-liof-menu{width:275px;}
.section .content .ad-lo .al-liof .allo-link{height:158px}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico{ width:44%; height:182px; margin-bottom:10px; float:right; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;background-position: center center;}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico-menu{ width:44%; height:100px; margin-bottom:10px; float:left; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;background-position: center center;}

.section .content .ad-lo .al-liof .allo-link>a{position:relative}
.section .content .ad-lo .al-liof .allo-link>a>span{position:absolute;bottom: 15px;left:0;width: 100%;text-align: center;color: #d3d3d3;font-size: 13px;}
.section .content .ad-lo .al-liof .allo-link>a:hover>span{color:#1787B2}
.section .content .ad-lo .al-liof .allo-link .alloli-idea{margin-left:0; float:left}
.section .content .ad-lo .al-liof .allo-link .alloli-note{float:left; margin-left:0}
/*.section .content .ad-lo .al-liof .allo-link .alloli-decision{background: #1787B2 url('/_LAYOUTS/mci/new/styles/images/alloli-decision-icon-ipad.png') no-repeat center 30px;}
.section .content .ad-lo .al-liof .allo-link .alloli-decision:hover{background: #d3d3d3 url('/_LAYOUTS/mci/new/styles/images/alloli-decision-icon-ipad-h.png') no-repeat center 30px }
.section .content .ad-lo .al-liof .allo-link .alloli-idea{background: #1787B2 url('/_LAYOUTS/mci/new/styles/images/alloli-idea-icon-ipad.png') no-repeat center 30px}
.section .content .ad-lo .al-liof .allo-link .alloli-idea:hover{background: #d3d3d3 url('/_LAYOUTS/mci/new/styles/images/alloli-idea-icon-ipad-h.png') no-repeat center 30px}
.section .content .ad-lo .al-liof .allo-link .alloli-note{background: #1787B2 url('/_LAYOUTS/mci/new/styles/images/alloli-note-icon-ipad.png') no-repeat center 30px}
.section .content .ad-lo .al-liof .allo-link .alloli-note:hover{background: #d3d3d3 url('/_LAYOUTS/mci/new/styles/images/alloli-note-icon-ipad-h.png') no-repeat center 30px }
.section .content .ad-lo .al-liof .allo-link .alloli-map{background: #1787B2 url('/_LAYOUTS/mci/new/styles/images/alloli-map-icon-ipad.png') no-repeat center 30px }
.section .content .ad-lo .al-liof .allo-link .alloli-map:hover{background: #d3d3d3 url('/_LAYOUTS/mci/new/styles/images/alloli-map-icon-ipad-h.png') no-repeat center 30px}*/
.section .content .ad-lo .al-liof .allo-link .allo-link-ico{float:right;background-color:#1787B2;text-align:center;padding:3%; margin:3px;}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico:nth-child(odd){width:42%;}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico:nth-child(even){width:42%;margin-left:0;}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico:hover{background-color:#d3d3d3;}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico img{margin:10px auto;}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico img:nth-child(3){display:none;}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico:hover img:nth-child(3){display:block;}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico img:nth-child(2){display:block;}
.section .content .ad-lo .al-liof .allo-link .allo-link-ico:hover img:nth-child(2){display:none;}.section .content .ad-lo .al-liof .allo-enquire{background:#ececec url('../images/enquire-border.png') repeat-x bottom; border:1px solid #d0d0d0; border-bottom:none; margin:10px 0 0 0; padding: 31px 20px 30px; height:51px}
.section .content .ad-lo .al-liof .allo-enquire:hover a{background-position:right 0px}
.section .content .ad-lo .al-liof .allo-enquire a{color:#1787B2; font: normal 17px 'bpreplayregular'; display:block; background:url('../images/enquire-ico.png') no-repeat; background-position:right -44px; -webkit-transition:background-position 0.5s ease-in-out; -moz-transition:background-position 0.5s ease-in-out; -o-transition:background-position 0.5s ease-in-out; -ms-transition:background-position 0.5s ease-in-out; transition:background-position 0.5s ease-in-out; padding:0 70px 0 0; line-height:22px}
.section .sidebar{width:280px; float: right;}
.cvideo_title{margin:0 0 15px 0; background:#1787B2; padding:5px 15px; color:#fff; font: normal 16px 'bpreplayregular'; line-height:27px}
.cvideo_player{margin:10px auto 0; width:260px; height:143px; background:url('../images/vimage.png')}
.cvideo_controls{width:260px; height:22px; background:url('../images/v_controls.png'); margin:12px auto 0}
.videoWrapper a{display:block; position:relative}
.videoWrapper a img{width:100%; max-height:170px}
.videoWrapper a span{display:block; position:absolute; width:90px; height:90px; top:25%; right:30%; background:url('../images/vplay.png') no-repeat}
.comm-item{min-height:700px;}
.comm-item iframe{border:none}
.comm-item{background:#dedede; padding:10px;}
.comm-item .ci-title{background:#1787B2; font-size:14px; color:#fff; padding:5px 10px; line-height:27px}
.comm-item .ci-items{height:136px; padding:10px 0}
.comm-item .ci-items .cii-item-2{display:none}
.comm-item .ci-items .ciii-item{background:#ededed; padding:5px; margin-bottom:4px}
.comm-item .ci-items .ciii-item:after{clear:both; content:""; display:table}
.comm-item .ci-items .ciii-item .ciii-i-title{font-size:14px; color:#878787; width:140px; float:right; line-height:24px}
.comm-item .ci-items .ciii-item .ciii-i-info{background:#1787B2; padding:4px 7px; float:left}
.comm-item .ci-items .ciii-item .ciii-i-info .ciii-i-i-arrow{margin-bottom:-6px; text-align:center; line-height:22px}
.comm-item .ci-items .ciii-item .ciii-i-info .ciii-i-i-num{font-family:"Comic Sans MS",cursive; font-size:22px; color:#dedede; line-height:30px}
.comm-item .ci-cities{text-align:left; margin-bottom:5px; position:relative; line-height:20px}
.comm-item .ci-cities .ci-c-select{background:#dedede url("../images/arrow-green.png") 10px 10px no-repeat; border:1px solid #cecece; font-size:10px; color:#1787B2; width:80px; padding:2px 10px 2px 20px; display:inline-block; text-align:right; cursor:pointer}
.comm-item .ci-cities .ci-c-s-menu{background:#dedede; border:1px solid #cecece; font-size:10px; color:#1787B2; width:110px; padding:3px 0; position:absolute; top:28px; left:0px; display:none}
.comm-item .ci-cities .ci-c-s-menu span{background:#1787B2; color:#dedede; padding:2px 10px; display:block; text-align:right; -webkit-transition:color 0.5s ease-in-out; -moz-transition:color 0.5s ease-in-out; -o-transition:color 0.5s ease-in-out; -ms-transition:color 0.5s ease-in-out; transition:color 0.5s ease-in-out; cursor:pointer}
.comm-item .ci-cities .ci-c-s-menu span:hover{color:#dedede; background:#075E5C}
.section .sidebar .twt-tw, .ad-lo .twt-tw.second{background: #dedede url("../images/tw-bg.jpg") right bottom no-repeat; padding:10px; margin-bottom:10px}
.ad-lo .twt-tw.second{display:none}
.ad-lo .twt-tw.second .tt-header{position:relative}
.section .sidebar .twt-tw .tt-header, .ad-lo .twt-tw.second .tt-header{height:37px; margin-bottom:10px}
.section .sidebar .twt-tw .tt-header .tt-title, .ad-lo .twt-tw.second .tt-header .tt-title{background:#1787B2; font-size: 16px; color:#fff; font-weight:normal; font-family:'bpreplayregular'; width:195px; padding:5px 10px; float: left; line-height:26px}
.section .sidebar .twt-tw .tt-header .tt-logo, .ad-lo .twt-tw.second .tt-header .tt-logo{background:url("../images/logo-t.jpg") center no-repeat; width:37px; height:37px; float: right;}
.section .sidebar .twt-tw .tt-cnt{height:78px}
.ad-lo .twt-tw.second .tt-cnt{}
.section .sidebar .twt-tw .tt-cnt ul, .ad-lo .twt-tw.second .tt-cnt ul{margin:0; padding:0; list-style:none}
.section .sidebar .twt-tw .tt-cnt .tt-user, .ad-lo .twt-tw.second .tt-cnt .tt-user{color:#1787B2; font-size:12px; line-height:17px; float:left}
.section .sidebar .twt-tw .tt-cnt .tt-time, .ad-lo .twt-tw.second .tt-cnt .tt-time{color:#878787; font-size: 11px; line-height:17px; float:right; text-align:right}
.section .sidebar .twt-tw .tt-cnt .tt-content, .ad-lo .twt-tw.second .tt-cnt .tt-content{color:#575757; font-size: 11px; line-height: 16px;font-family: 'bpreplayregular',tahoma;}
.section .sidebar .twt-tw .tt-cnt .tt-content a, .ad-lo .twt-tw.second .tt-cnt .tt-content a{color:#1787B2}
.section .sidebar .fw{background:#f4f4f4 url("../images/fw-bg.png") right bottom no-repeat; border:1px solid #ccc; padding:10px 0 21px; margin-bottom:12px}
.section .sidebar .fw:after{clear:both; content:""; display:table}
.section .sidebar .fw .fw-title{font: normal 16px 'bpreplayregular'; color:#1787B2; padding-left: 20px; margin-top:7px; margin-bottom:13px; line-height:31px}
.section .sidebar .fw .next{background:#1787B2 url("../images/w-arrow-l.png") center no-repeat; width:10%; height:66px; float:left; cursor:pointer; position:relative; left:-1px; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; -ms-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out}
.section .sidebar .fw .next:hover{opacity:0.7}
.section .sidebar .fw .prev{background:#1787B2 url("../images/w-arrow-r.png") center no-repeat; height:66px; float:right; cursor:pointer; width:10%; position:relative; right:-1px; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; -ms-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out}
.section .sidebar .fw .prev:hover{opacity:0.7}
.section .sidebar .fw .fw-web{padding:0 8%; position:relative; float:right; width:70%}
.section .sidebar .fw .fw-web .fw-w-logo{display:none; text-align:center}
.section .sidebar .fw .fw-web .fw-w-logo a{    display:block;     height:81px;   position:absolute;     top:-10px}
.section .sidebar .fw .fw-web img{max-width:202px;  width:100%}
.section .sidebar .vote{background: #f4f4f4 url("../images/bg-vote.png") right bottom no-repeat; border:1px solid #ccc; border-bottom:none;min-height: 237px;}
.section .sidebar .vote .v-title{font-size: 16px; font-weight:normal; font-family:'bpreplayregular'; color:#1787B2; padding-left: 20px; line-height:41px}
.section .sidebar .vote .v-text{font-size: 13px; color:#575757; padding-left: 20px; margin-bottom: 12px; line-height: 20px;}
.section .sidebar .vote .opinion{padding: 4px 15px 4px; color:#878787; font: normal 13px 'bpreplayregular'; cursor:pointer; line-height: 21px;}
.section .sidebar .vote .opinion input, .section .sidebar .vote form{padding:0; margin:0}
.section .sidebar .vote .opinion label{cursor:pointer}
.section .sidebar .vote .v-footer{margin:0 5px 0px; background:#1787B2; color:#fff; padding:0 20px; text-align: right; line-height:39px}
.section .sidebar .vote .v-footer a{font: normal 13px 'bpreplayregular'; color:#fff}

.vote .title{font-size: 18px;font-weight: normal;font-family: 'bpreplayregular';color: #1787B2;padding-left: 20px;line-height: 35px;}
 .vote .ques{font-size: 14px;color: #575757;padding:0 20px;margin-bottom: 10px;line-height: 22px;}
 .vote .vb_table{width:100%;margin-top:5px;}
 .vote .vote_btn {margin: 0 5px 0px;background: #1787B2;color: #fff;padding: 0 20px;text-align: left;line-height: 39px;}
 .vote .vote_btn a{font-size:14px;}
 .options{font-size:12px;line-height:22px;padding:0 10px;color:#575757!important;}
 .vote .ques{margin-bottom:0;}
 .options input{position:relative;bottom:-3px;}
 .options img{display:none;}
 .vote_btn_l, .vote_btn_r{display:none;}
 .vb_table td:first-child{display:none;}
 .vote .des{min-height:192px}

.quicklinksbox{background: #f4f4f4 url('../images/quicklinks_bg3860.png?v=1') no-repeat right bottom; border:1px solid #d4d4d4; padding:25px 15px 20px 15px; margin:15px auto 0; width:920px; position:relative}
.quicklinksbox .qltitle{color:#1787B2; font:normal 18px 'bpreplayregular'; line-height:18px; margin:0 0 10px 0}
.quicklinksbox ul{padding:0; margin:0; list-style:none}
.quicklinksbox ul li{float:left; width:25%; padding:0 0 3px 0}
.quicklinksbox ul li.fourone{width:20%}
.quicklinksbox ul li a, .quicklinksbox ul li a:link, .quicklinksbox ul li a:visited{color:#878787; font-size: 12px; font-weight:normal; line-height: 18px; background: url('../images/ql_bullet.png') no-repeat left 4px; display:block; margin:0 0 0 1px; padding: 0 5px 0 15px; opacity:1; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; -ms-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out}
.quicklinksbox ul li a:hover{color:#1787B2}
/* new class */
.newblocks{margin: 15px auto 0;width: 950px;position: relative;}
.newblocks .calendar{background: #f4f4f4 url('../images/calendar_bg.png') no-repeat right bottom;box-sizing:border-box; float:left; border: 1px solid #d4d4d4;padding:15px 10px 10px 10px;margin: 0;width: 300px;min-height:230px; position: relative;}
   .newblocks .calendar .calendar-link a {
    display:block;
    float:right;
    position:absolute;
	right:5px;
	bottom:5px;
    color:#1787B2;
    font-size:13px !Important;
    
    }

.newblocks .tags{background: #f4f4f4 url('../images/tags_bg.png') no-repeat right bottom;box-sizing:border-box;float:left; border: 1px solid #d4d4d4;padding:25px 15px 20px 15px;margin:0 9px 0 0;width: 312px;min-height:230px;position: relative;}
.newblocks .tags .qltitle{color: #1787B2;font: normal 18px 'bpreplayregular';line-height: 18px;margin:0 0 10px 0}
/* Tag cloud */
	.tags ul{
		margin:0;
		padding:0;
		text-align:left;
		font-size:16px;	
		}
	.tags li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		line-height:26px;

		}
	.tags li a{
		text-decoration:none;
		
		padding:0 2px;	
		}
	.tags li a:hover{	
		color:#1787B2;
		}		
	
	.tag1{font-size:100%;color:#575757;}
	.tag2{font-size:120%;color:#878787;}
	.tag3{font-size:140%;color:#0a8883;}
	.tag4{font-size:160%;color:#3F3F3F;}
	.tag5{font-size:180%;color:#1787B2;}
	
	/* alternative layout */

	.tags .alt{
		text-align:left;
		padding:0;
		background:none;
		}
	.tags .alt li{
		padding:2px 10px;
		background:#efefef;
		display:block;
		}
	.tags .alt .tag1, 
	.tags .alt .tag2, 
	.tags .alt .tag3, 
	.tags .alt .tag4, 
	.tags .alt .tag5{font-size:100%;}
	.tags .alt .tag1{background:#7cc0f4;}
	.tags .alt .tag2{background:#67abe0;}
	.tags .alt .tag3{background:#4d92c7;}
	.tags .alt .tag4{background:#3277ad;}
	.tags .alt .tag5{background:#266ca2;}
/* // Tag cloud */
.newblocks .whatsnew{background: #f4f4f4 url('../images/whatsnew_bg.png') no-repeat right bottom;float:left;box-sizing:border-box; border: 1px solid #d4d4d4;padding:14px 15px 18px 15px;margin:0 9px 0 0;width: 320px;min-height:230px;position: relative; }
.newblocks .whatsnew .title {margin: 0 0 5px 0;background: #1787B2;padding: 5px 15px;color: #ffffff;font: normal 18px 'bpreplayregular';line-height: 27px;}
.whatsnew ul{padding:0;margin:0;list-style:none}
.whatsnew ul li{float:left;padding:5px 0 5px 0; border-bottom:1px dashed #cecece;width:100%}
.whatsnew ul li:nth-last-child(1){float:left;padding:5px 0 5px 0; border-bottom:none;}
.whatsnew ul li a,.whatsnew ul li a:link,.whatsnew ul li a:visited{color:#878787;font-size: 13px;font-weight:normal;line-height:20px;background:url('../images/ql_bullet.png') no-repeat left 6px;display:block;margin:0 1px 0 0;padding:0 5px 0 15px;opacity:1;-webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; -ms-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out}
.whatsnew ul li a:hover{opacity:0.75}
.whatsnew .whatsNew-link a{  display: block;float: right;position: absolute;right: 5px;bottom: 5px;color: #1787B2;font-size: 13px !Important;}


/* end new class */
.footerDiv.ft-top{background: #1787B2 url('../images/footer_bg.png') no-repeat right -33px; width:910px; height:65px; padding:10px 20px; margin:20px auto 10px; position:relative}
.footerDiv.ft-top .ft-cr{float: left; margin-top:0px}
.footerDiv.ft-top .ft-cr .text-1{font-size: 13px; color:#dedede; line-height:28px; padding:0 7px}
.footerDiv.ft-top .ft-cr .text-2{display:none; font-size: 13px; color:#dedede; opacity:0.62}
.footerDiv.ft-top .ft-cr .footerlinks{font-size:11px; color:#dedede;width:80%;line-height:20px;}
.footerDiv.ft-top .ft-cr .footerlinks a, .footerDiv.ft-top .ft-cr .footerlinks a:link, .footerDiv.ft-top .ft-cr .footerlinks a:visited{display:inline-block; padding:0 5px; font: normal 12px 'bpreplayregular'; border-right: 1px solid #d0d0d0; line-height:12px; color:#d0d0d0; white-space:nowrap}
.footerDiv.ft-top .ft-cr .footerlinks a:hover{color:#dedede}
.footerDiv.ft-top .ft-cr .footerlinks a.last{border:none}
.footerDiv.ft-top .ft-social{float: right; margin-top:6px; position:absolute; right: 18px; height:51px}
.footerDiv.ft-top .ft-social .ft-s-ico{background:url("../images/footer-ico.png") no-repeat;font-size:0px !important;color:#fff !important; width:38px; height:38px; display:inline-block; vertical-align:middle; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; -ms-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out}
.footerDiv.ft-top .ft-social .ft-s-ico:hover{opacity:0.5}
.footerDiv.ft-top .ft-social .ft-s-i-gp{background-position:-228px -6px}
.footerDiv.ft-top .ft-social .ft-s-i-rss{background-position:-189px -6px}
.footerDiv.ft-top .ft-social .ft-s-i-ut{background-position:-148px -6px}
.footerDiv.ft-top .ft-social .ft-s-i-tw{background-position:-108px -6px}
.footerDiv.ft-top .ft-social .ft-s-i-fb{background-position:-68px -6px}
.footerDiv.ft-top .ft-social .ft-s-i-qc, .footerDiv.ft-top .ft-social .ft-s-i-qc:hover{opacity:1; background-position:0 0; width:54px; height:50px}

.footerDiv.ft-top .ft-social-ar{float: right; margin-top:6px; position:absolute; left: 18px; height:51px}
.footerDiv.ft-top .ft-social-ar .ft-s-ico{background:url("../images/footer-ico.png") no-repeat;font-size:0px !important;color:#fff !important; width:38px; height:38px; display:inline-block; vertical-align:middle; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; -ms-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out}
.footerDiv.ft-top .ft-social-ar .ft-s-ico:hover{opacity:0.5}
.footerDiv.ft-top .ft-social-ar .ft-s-i-gp{background-position:-228px -6px}
.footerDiv.ft-top .ft-social-ar .ft-s-i-rss{background-position:-189px -6px}
.footerDiv.ft-top .ft-social-ar .ft-s-i-ut{background-position:-148px -6px}
.footerDiv.ft-top .ft-social-ar .ft-s-i-tw{background-position:-108px -6px}
.footerDiv.ft-top .ft-social-ar .ft-s-i-fb{background-position:-68px -6px}
.footerDiv.ft-top .ft-social-ar .ft-s-i-qc, .footerDiv.ft-top .ft-social-ar .ft-s-i-qc:hover{opacity:1; background-position:0 0; width:54px; height:50px}


.footerDiv.ft-bottom{display:none; width:940px; margin:0px auto; padding:0 0 20px 0; color:#4a4a4a; text-align:center}
.footerDiv.ft-bottom a{color:#4a4a4a; margin:0 10px; display:inline-block; -webkit-transition:color 0.5s ease-in-out; -moz-transition:color 0.5s ease-in-out; -o-transition:color 0.5s ease-in-out; -ms-transition:color 0.5s ease-in-out; transition:color 0.5s ease-in-out; font:normal 16px 'bpreplayregular'; white-space:nowrap}
.footer_w3c{width:950px; margin:15px auto}
.footer_w3c .w3c_right{float: left; background: url('../images/browsers.png') no-repeat left center; padding: 0 0 0 130px; color:#575757; font-size: 11px; width:380px; line-height: 18px;}
.footer_w3c .w3c_left{float: right;}
.footer_w3c .w3c_left a{display:inline-block; margin:5px}
.mci_sharepageMobile{display:none}
/* start calendar */

.TopCurrentMonthCssClass, .TopCurrentYearCssClass{color:#666; font:15px 'bpreplayregular'; text-decoration:none; line-height:15px;padding:0 2px 0 0}
.calender_days{width:100%; text-align:center;border-spacing:0px;}
.calender_days td{line-height:22px; width:20px; height:15px;padding:0}
.nextMonth a, .prevMonth a{width:26px; height:36px;display:block;}
.nextMonth a{background:url(../../../styles/images/prev3860.png?v=1) no-repeat center center;font-size:0;float:left;}
.prevMonth a{background:url(../../../styles/images/next3860.png?v=1) no-repeat center center; font-size:0;float:right;}
.dayName{color: #FFF;font: 13px/32px 'bpreplayregular';background: #1787B2;height: 32px;}
.day{color:#666; font:13px 'bpreplayregular'}
.event_day{}
.event_day>div>a{font:13px 'bpreplayregular'; color:#075654;background:#d8e5e5; text-decoration:none;display:block;cursor:default;}
.current_day{font:13px 'bpreplayregular' !important; background:#1787B2; color:#FFF;}
.cuurentDay{font:13px 'bpreplayregular' !important; background:#1787B2; color:#FFF;}


.event_day>div{position:relative;}
.event_day:hover .div_event_tooltip{display:block !important;position:absolute; bottom:25px;left:-80px; padding:10px; width:200px; background-color:#fefefe; border:1px solid #cbcbcb;z-index:9999;}
.div_event_tooltip ul{padding:0; margin:0; list-style:none}
.div_event_tooltip ul li{border-bottom:1px dotted #ccc; text-align:left}
.div_event_tooltip ul li a{color:#404040; text-decoration:none; display:block; padding:5px; font-size:12px; line-height:16px}
.div_event_tooltip ul li a:hover{color:#075654}
.even_tooltip_span{position:absolute; bottom:-7px; width:200px; height:7px; background:url(../../../styles/images/arrow_tooltip_tb_events.png) no-repeat center top; left:0;display:block;}

.divLoaderImageclass img{position:absolute;top:50%;left:50%;width:32px !important;height:32px !important;}

/* end calendar */

.gototop{cursor:pointer; position:fixed; width:51px; height:51px; background:url('../images/gototop.png') no-repeat; bottom:50px; left: 50px; display:block}
/* @media (min-width:769px) and (max-width:950px){.wd-def,.footerDiv.ft-top,.footerDiv.ft-bottom{width:96%; margin:2%}
.footerDiv.ft-top{padding:2% 0}
.section .sliced{overflow-x:scroll}
.headerDiv .bottom .menuFixed{}
.headerDiv .bottom .menu .sub .sub-menu{}
}
*/
.s-mdictrmobile, .section .sliced .s-mdictr:hover, .section .sliced .s-mdictr.parentbox{background:#762757 url("../images/sliced-ico-5-ico-mobile.png") no-repeat center center; color:#fff}
.s-abtmnsmobile, .section .sliced .s-abtmns:hover, .section .sliced .s-abtmns.parentbox{background:#94d067 url("../images/sliced-ico-3-ico.png") no-repeat center center; color:#fff}
.s-srvdirmobile, .section .sliced .s-srvdir:hover, .section .sliced .s-srvdir.parentbox{background:#ca345b url("../images/s-srvdir-mobile.png") no-repeat center center; color:#fff}
.s-cnctusmobile, .section .sliced .s-cnctus:hover, .section .sliced .s-cnctus.parentbox{background:#dc3193 url("../images/sliced-ico-8-ico-mobile.png") no-repeat center center; color:#fff}
.ui-radio{display:inline-block}
.ui-loader{display:none}
.home_aboutus{background-image:url('../images/sliced-img-2.jpg');background-size:100% 100%;}
.home_services{background-image:url('../images/sliced-img-3.jpg');background-size:100% 100%;}
.home_media{background-image:url('../images/sliced-img-1.jpg');background-size:100% 100%;}
.home_contactus{background-image:url('../images/sliced-img-4.jpg');background-size:100% 100%;}
.home_contactus_b{background-image:url('../images/sliced-img-4-b.jpg');background-size:100% 100%;}

@media (min-width:1200px){.gototop{display:block}
}
@media (min-width:768px) and (max-width:1024px){.gototop{display:none}
}
@media (max-width:950px){
/*@font-face{    font-family:'bpreplayregular';       src:url('/_LAYOUTS/mci/new/styles/fonts/bpreplay-webfont.ttf') format('truetype'), url('/_LAYOUTS/mci/new/styles/fonts/bpreplay-webfont.svg#webfontIhiDai48') format('svg');   }*/

.gototop{display:none}
.comm-item iframe{border:none; width:100%}
.wd-def{width:96%; margin:2%}
.headerDiv .top{display:none}
.headerDiv .middle .wd-def{margin:0 2%}
.headerDiv .middle .logo{}
.headerDiv .middle .logo img{margin:0; height:81px}
.headerDiv .middle .help{width:35%; text-align:center; margin:14px 0 0 0}
.headerDiv .hicons{top:50px}
.headerDiv .hicons ul>li.settings>div{z-index:1505}
.headerDiv .bottom{z-index:1500}
.headerDiv .bottom .wd-def{z-index:1501; width:96%; left:0; top:0; margin:0 2%}
.headerDiv .bottom .mobilemenu{display:block; z-index:1503}
.headerDiv .bottom .MobileMenuFixed{position:fixed; top:0; width: 96%;margin: 0 0%;}
ul.menu.MenuActive.MobileMenuFixed{top:53px; background-color:#1787B2}
.headerDiv .bottom .menu{display:none; z-index:1502; border-top:2px solid #1787B2}
.headerDiv .bottom .menu .home{display:none}
.headerDiv .bottom .menu>li{float:none}
.headerDiv .bottom .menu .sub{float:none; display:block}
.headerDiv .bottom .menu .sub .sub-menu{display:none; position:static; width:100%}
.headerDiv .bottom .menu .sub:hover .sub-menu{display:none}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub{width:100%; margin:0; padding:0; display:block}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list{padding:0}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list li{background:#fff; border-right:5px solid #1787B2; color:#1787B2}
.headerDiv .bottom .menu .sub .sub-menu .sm-sub .sm-list a{color:#1787B2;}
.menumobile{display:block; height:53px; background-color:#1787B2}
.menumobile>ul{padding:0; margin:0; list-style:none; height:53px}
.menumobile>ul>li{float: left; height:53px}
.menumobile>ul>li.menuicon>div{padding:12px 8px 4px}
.sliced.sliced-rtp{height:767px; width:100%; margin:0}
.section .sliced .s-bs-img{width:100%; height:100%}
.section .sliced .s-bs-img img{width:100%; height:100%;}
.box-panel.pfirst{position:absolute; width:49%; height:380px; top:0; left: 0; z-index:11; transform:none; opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px)}
.box-panel.psecond{position:absolute; height:380px; top:0; right: 0; width:49%; z-index:2; transform:none; opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px)}
.box-panel.pthird{position:absolute; width:100%; height:370px; top:380px; margin:2% 0 0 0; transform:none; opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px)}
.box-panel .mini-box>div>span{display:none; bottom:40px; width:31%; padding:0 8% 0 0; text-align:right; font-size:14px; line-height:26px}
.box-panel .mini-box>div>div>span, .box-panel .mini-box:hover>div>span, .box-panel .mini-box>div.parentbox>span{display:block; bottom:10%; position:absolute; width:94%; padding:0 3%; text-align:center; font-size:15px; line-height:26px; font-weight:normal; font-family:'bpreplayregular'}
.section .sliced .s-srvelc{width:100%; margin:0; height:380px; background-position: left center;}
.section .sliced .s-srvelc:hover{background-position: left center;}
.section .sliced .s-srvelc span{background-color:#0380ac; right: 39px; -webkit-transition:bottom 0.5s ease-in-out; -moz-transition:bottom 0.5s ease-in-out; -o-transition:bottom 0.5s ease-in-out; -ms-transition:bottom 0.5s ease-in-out; transition:bottom 0.5s ease-in-out; font-family:'bpreplayregular'}
.section .sliced .s-srvelc .clearboth{display:block}
.section .sliced .s-srvelc .s-srvelc-sub{height:380px; width:160px; background-image:url('../images/sliced-ico-1-mobile.png')}
.section .sliced .s-srvelc .s-srvelc-sub.opensub{background-position:bottom; background-color:#0380ac !important;}
.section .sliced .s-srvelc .s-srvelc-sub.opensub span{bottom:0; -webkit-transition:bottom 0.5s ease-in-out; -moz-transition:bottom 0.5s ease-in-out; -o-transition:bottom 0.5s ease-in-out; -ms-transition:bottom 0.5s ease-in-out; transition:bottom 0.5s ease-in-out}
.section .sliced .s-srvelc-menu{left: 0; top:0; width:100%; padding:10px; margin:0; height:auto}
.section .sliced .s-srvelc-menu .ssm-clm .title{padding-left: 20px; background-position: left;}
.section .sliced .s-srvelc-menu .ssm-clm{float:none; width:100%; margin:0}
.section .sliced .s-srvelc-menu .ssm-clm ul li{width:44%; float:right; padding:0.5% 3%; background-position: left 8px;}
.section .sliced .s-social{width:100%; left: 0; height:48.6%; margin:0}
.section .sliced .s-social span{width:100%; text-align:center; left:0; top:40px; font-size: 17px; font-family:'bpreplayregular'}
.section .sliced .s-social .s-s-link{padding:100px 0 0 0}
.section .sliced .s-social .s-s-link-white{}
.section .sliced .s-abtmns{left: 0; width:48.5%; bottom:0; top:51.5%; height:48.6%; max-height:184px; margin:0;background-size: cover!important;}
.section .sliced .s-srvdir{left: 52.2%; right: 0; width:48%; bottom:0; top:51.5%; height:48.6%; max-height:184px; margin:0;background-size: cover!important;}
.section .sliced .s-mdictr{height:48.5%;background-size: cover!important;}
.s-bs-img.s-bs-img-1>img.face1{background-image:url('../images/sliced-img-1.jpg')}
.s-bs-img.s-bs-img-2>img.face1{background-image:url('../images/sliced-img-2.jpg')}
.s-bs-img.s-bs-img-3>img.face1{background-image:url('../images/sliced-img-3.jpg')}
.s-bs-img.s-bs-img-4.slide>img.slidefront{background-image:url('../images/sliced-img-4-b.jpg')}

.s-bs-img.s-bs-img-1.flip-back div.grey, .s-bs-img.s-bs-img-2.flip-back div.grey, .s-bs-img.s-bs-img-3.flip-back div.grey, .s-bs-img.s-bs-img-4 div.grey.imageg{display:none}
.section .sliced .s-cococo{left: 26%; width:74%; height:48.5%; background-position:100% 50%; background-size:100% 100%; background-size:cover}
.section .sliced .s-cococo .text{bottom:-77%; height:100%}
.section .sliced .s-cococo .text span{font-family:'bpreplayregular'; line-height:42px}
.section .sliced .s-mdictr{left: 0; width:24.5%}
.section .sliced .s-ruanre{top:52%; left: -1px; height:48.5%; max-width:547px; width:74%; background-position:100% 50%; background-size:100% 100%; background-size:cover}
.section .sliced .s-ruanre .s-ruanre-blue{max-width:547px; width:95%}
.section .sliced .s-ruanre .s-ruanre-blue .s-ruanre-title{margin-bottom:25px; font-family:'bpreplayregular'}
.section .sliced .s-ruanre:hover{background-position:100% 50%}
.section .sliced .s-cnctus{top:52%; height:48.5%; width:24.5%; left: 75.7%;background-size: cover!important;}
.section .content{width:100%; float:none}
.section .content .news{padding:1% 2%; margin:0;height: auto;}
.section .content .news .nws-cnt .ns-ct-box .post{}
.section .content .news .nws-cnt .ns-ct-box .post:nth-child(2){margin:0}
.section .content .news .nws-cnt .ns-ct-box .post .pst-title{width:97%; padding:1.5%;min-height:36px;}
.section .content .news .nws-cnt .ns-ct-box .post .text{border:none}
.section .content .news .nws-cnt .ns-ct-box .post .text img{width:99%; max-height:138px}
.comm-item{width:45%; padding:8px 2%; float:right; height:223px; display:block}
.section .sidebar .twt-tw, .ad-lo .twt-tw.second{width:100%; padding:2%; float:left; display:none; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box}
.ad-lo .twt-tw.second{display:block; border:1px solid #d4d4d4; margin:2% 0; height:auto}
.ad-lo .twt-tw.second .tt-cnt{margin-bottom:10px}
.section .sidebar .twt-tw .tt-header{position:relative}
.section .sidebar .twt-tw .tt-header .tt-title, .ad-lo .twt-tw.second .tt-header .tt-title{width:96%; padding:1% 2%}
.section .sidebar .twt-tw .tt-header .tt-logo, .ad-lo .twt-tw.second .tt-header .tt-logo{background-position: right top; position:absolute; top:0; right: 0; height:37px; max-width:27px; width:100%; padding:5px 15px 5px 5px; background-color:#DEDEDE}
#twitter-widget-0, #twitter-widget-1{width:100%!important}
.section .sidebar .twt-tw .tt-cnt, .section .sidebar .twt-tw.second .tt-cnt{padding:0 2% 20px 2%; height:179px; width:96%}
.section .sidebar .twt-tw .tt-cnt .tt-content{clear:both; width:100%; height:auto}
.section .content .ad-lo .clearboth{display:block}
.section .content .ad-lo .al-liof{float:none; width:100%; height:365px; background:#fff}
.section .content .ad-lo .al-liof .allo-enquire{float:right; width:49%; margin:5px 0 0 0; padding:15px 2%; height:110px; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box}
.section .content .ad-lo .al-liof .allo-enquire a{margin:5% 0 0 0}
.section .content .ad-lo .al-liof .allo-link{position:relative; float:left; width:49%; height:365px}
.section .content .ad-lo .al-liof .allo-link .alloli-idea, .section .content .ad-lo .al-liof .allo-link .alloli-map{float:right!important}
.section .content .ad-lo .al-liof .allo-link .alloli-decision, .section .content .ad-lo .al-liof .allo-link .alloli-idea, .section .content .ad-lo .al-liof .allo-link .alloli-note, .section .content .ad-lo .al-liof .allo-link .alloli-map{margin:0% 0% 4%; float:left; width:48%; height:48%; background-position:center center}
.section .content .ad-lo .al-liof .allo-link .alloli-decision:hover, .section .content .ad-lo .al-liof .allo-link .alloli-idea:hover, .section .content .ad-lo .al-liof .allo-link .alloli-note:hover, .section .content .ad-lo .al-liof .allo-link .alloli-map:hover{background-position:center center}
/*
.section .content .ad-lo .al-liof .allo-link .alloli-note, .section .content .ad-lo .al-liof .allo-link .alloli-map, .section .content .ad-lo .al-liof .allo-link .alloli-idea, .section .content .ad-lo .al-liof .allo-link .alloli-decision{-webkit-transition:background 0.5s ease-in-out; -moz-transition:background 0.5s ease-in-out; -o-transition:background 0.5s ease-in-out; -ms-transition:background 0.5s ease-in-out; transition:background 0.5s ease-in-out}
*/
.section .bg-gray{padding:2% 0; margin:0; background:#fff}
.section .bg-gray .wd-def{margin:0 2%; padding:0}
.section .content .ad-lo .al-ads{float:none; width:100%; padding:10px 2%; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box}
.section .content .ad-lo .al-ads .header h3{font-size:14px}
.section .content .ad-lo .al-ads .al-ads-cnt img{width:100%; max-height:205px}
.section .sidebar{float:none; width:100%}
.bg-gray .sidebar{display:block; width:100%; padding:1% 0}
.section .sidebar .fw .fw-title{font-size:14px}
.section .sidebar .fw{float:right; width:48.7%; margin:0; min-height: 187px; position:relative}
.section .sidebar .fw .prev{position:absolute; right:0px; margin:0}
.section .sidebar .fw .next{position:absolute; left:0px; margin:0}
.section .sidebar .vote .v-title{font-size:14px}
.section .sidebar .fw .fw-web{width:75%; right:5%}
.section .sidebar .fw .fw-web .fw-w-logo a{ width:80%}
.section .sidebar .fw .fw-web .fw-w-logo a img{ height:100%;  max-height:250px}
.section .sidebar .vote{float:left; width:48.7%; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box;min-height: 220px;position: relative;}
.section .sidebar .vote .v-footer{position:absolute;width:96%;box-sizing:border-box;bottom:0;margin:0 2%}
.vote .des{min-height:182px}

.newblocks{width: 96%;position: relative;margin:15px auto}
.newblocks .calendar{float:right; margin: 0 0 0 5px;width: 48.7%;height:250px;position: relative;}
.newblocks .tags{float:left; margin:0 5px 0 0;width: 48.7%;height:250px; position: relative;}
.newblocks .whatsnew{float:left;margin:0 0 15px 0;width:100%;position: relative;}
.whatsnew ul li{float:left;padding:15px 0 15px 0; border-bottom:1px dashed #cecece;width:100%}

.footerDiv.ft-top, .footerDiv.ft-bottom{margin-bottom:0; width:96%; padding:1% 2%; font-size:9px; height:auto; background-position:left -20px}
.footerDiv.ft-top .ft-cr, .footerDiv.ft-top .ft-social{padding:10px 0; position:static; margin:0; height:auto}
.footerDiv.ft-bottom, .footerDiv.ft-top .ft-cr .text-2{display:block;white-space:normal;}
.footerlinks, .footer_w3c, .quicklinksbox{display:none}
}
@media (max-width:690px){
.section .content .news .nws-cnt .ns-ct-box .post .pst-title{min-height:54px;}
.quicklinksbox{width:47%;margin:0 5px 25px 5px;}
.pc_footer .pcf_social>div.mci_sharepage{display:none;}
.pc_footer .pcf_social>div.mci_sharepageMobile{display:inline-block;text-align:center;width:100%;}
.pc_footer .pcf_social>div.mci_sharepageMobile>a{display:inline-block;padding:0 10px 0 5px;font:17px 'Midan W23';color:#fff; text-align:right;margin:2px;line-height:22px}
.pc_footer .pcf_social>div.mci_sharepageMobile>a:hover{color:#fff}
.pc_footer .pcf_social>div.mci_sharepageMobile>a>span{display:block;padding: 0 30px 2px 5px;line-height:22px;background-size: 16px 16px;background-position: right center;background-repeat: no-repeat;}
.pc_footer .pcf_social>div.mci_sharepageMobile>a.wa_btn{background-color: #5cbe4a;display: inline-block !important;}
.pc_footer .pcf_social>div.mci_sharepageMobile>a.wa_btn>span {background-image: url('../../../Internal/images/whatsapp-share.svg')}
.pc_footer .pcf_social>div.mci_sharepageMobile>a.facebook{background-color: #2f6098;display: inline-block !important;}
.pc_footer .pcf_social>div.mci_sharepageMobile>a.facebook>span {background-image: url('../../../Internal/images/facebook-share.svg')}
.pc_footer .pcf_social>div.mci_sharepageMobile>a.twitter{background-color: #20c4f1;display: inline-block !important;}
.pc_footer .pcf_social>div.mci_sharepageMobile>a.twitter>span {background-image: url('../../../Internal/images/twitter-share.svg')}
.footerDiv.ft-top{height:auto}
.footerDiv.ft-top .ft-cr, .footerDiv.ft-top .ft-social{float:none; text-align:center; padding:10px 0; white-space:nowrap}
.footerDiv.ft-top, .footerDiv.ft-bottom{background-position: right bottom;}
.mci_sharepageMobile{display:inline-block}
}
@media (max-width:480px){.headerDiv .middle .logo img,.headerDiv .middle .help a img{/* width:100%; */margin:0}
.headerDiv .middle .help{width:45%; text-align:center; margin-top:14px}
.headerDiv .bottom .wd-def{width:96%; margin:0 2%}
.headerDiv .bottom .mobilemenu{width:20px; padding:8px; height:20px}
.headerDiv .bottom .mobilemenu span{height:4px; margin:0 0 4px 0}
.menumobile{height:36px}
.menumobile>ul>li{height:36px}
.menumobile>ul>li.searchmobile input[type="text"]{margin:5px; width:120px}
.menumobile>ul>li.searchmobile>a{width:36px; background-size:50%; height:36px}
.menumobile>ul>li.englishmobile{line-height:36px}
.box-panel.pfirst{z-index:100; width:100%}
.box-panel.psecond{top:390px; right:0; width:100%; height:219px}
.box-panel.pthird{top:619px; margin:0; height:219px}
.sliced.sliced-rtp{height:838px; overflow:visible; margin-bottom:2%}
.section .sliced .s-srvelc{width:100%; background-position:right center}
.section .sliced .s-srvelc:hover{background-position:right center}
.headerDiv .middle{height:auto; background:none; padding:0 0 2% 0}
.headerDiv .middle .logo{width:100%; text-align:center; float:none; margin:14px 0 0 0}
.headerDiv .middle .hicons{width:100%; float:none; top:0}
.headerDiv .middle .help{}
.headerDiv .hicons ul>li.apps.active, .headerDiv .hicons ul>li.search.active{width:170px}
.headerDiv .hicons ul>li.search>div, .headerDiv .hicons ul>li.apps>div{width:130px}
.headerDiv .hicons ul>li.search>div>input{width:110px}
.headerDiv .hicons ul>li.apps>div>a{margin:5px 0}
.section .sliced .s-srvelc-menu{height:auto; top:0; z-index:14}
.section .sliced .s-srvelc .s-srvelc-sub{width:160px; -webkit-transition:background-position 0.2s ease-in,width 0.2s ease-in; -moz-transition:background-position 0.2s ease-in,width 0.2s ease-in; -o-transition:background-position 0.2s ease-in,width 0.2s ease-in; -ms-transition:background-position 0.2s ease-in,width 0.2s ease-in; transition:background-position 0.2s ease-in,width 0.2s ease-in}
.section .sliced .s-srvelc .s-srvelc-sub.opensub{width:120px; -webkit-transition:background-position 0.2s ease-in,width 0.2s ease-in; -moz-transition:background-position 0.2s ease-in,width 0.2s ease-in; -o-transition:background-position 0.2s ease-in,width 0.2s ease-in; -ms-transition:background-position 0.2s ease-in,width 0.2s ease-in; transition:background-position 0.2s ease-in,width 0.2s ease-in; z-index:15}
.section .sliced .s-srvelc .s-srvelc-sub span{-webkit-transition: bottom 0.1s ease-in,right 0.1s ease-in; -moz-transition: bottom 0.1s ease-in,right 0.1s ease-in; -o-transition: bottom 0.1s ease-in,right 0.1s ease-in; -ms-transition: bottom 0.1s ease-in,right 0.1s ease-in; transition: bottom 0.1s ease-in,right 0.1s ease-in;}
.section .sliced .s-srvelc .s-srvelc-sub.opensub span{bottom:10%; right: 25px;}
.section .sliced .s-srvelc-menu .ssm-clm{float:none; margin:0 auto; display:block; width:100%}
.section .sliced .s-srvelc-menu .ssm-clm .title{padding-left: 20px; background-position: left; font-size:16px}
.section .sliced .s-srvelc-menu .ssm-clm ul li{background-position: left center; float:none; width: 93%;}
.section .content .news .nws-cnt .ns-ct-box .post{width:96%; float:none; padding:0 2%}
.section .content .news .nws-cnt .ns-ct-box .post.plast{padding:0 2%}
.comm-item, .section .sidebar .twt-tw, .section .content .ad-lo .al-liof .allo-link, .section .content .ad-lo .al-liof .allo-enquire, .section .sidebar .fw, .section .sidebar .vote{width:98%; float:none; margin:2% 0}
.comm-item{margin:20px 0 0 0; padding:10px 2%; width:96%}
.section .content .ad-lo .al-liof .allo-link{height:290px}
.ad-lo .twt-tw.second{padding:10px 2%; width:100%}
.ad-lo .twt-tw.second .tt-cnt{}
.section .sidebar .fw, .section .sidebar .vote, .section .content .ad-lo .al-liof .allo-link{width:100%}
.box-panel .mini-box>div>div>span{bottom:8%; font-size: 15px;}
/* .s-bs-img.s-bs-img-1.flip-front>img{background-image:url('../images/sliced-img-1-iphone.png')}
*/
/* .s-bs-img.s-bs-img-2.flip-front>img{background-image:url('../images/sliced-img-2-iphone.png')}
*/
/* .s-bs-img.s-bs-img-4.slide>img.slidefront{background-image:url('../images/sliced-img-4-iphone.png')}
*/
.section .sliced .s-social span{top:15px}
.section .sliced .s-social .s-s-link{padding:50px 0 0 0}
.section .sliced .s-srvdir{width:48.5%; left: initial; height:48%; top:52%;right: 0;}
.section .sliced .s-abtmns{width:48.5%; height:48%; top:52%}
.box-panel .mini-box>div.s-mdictr>span{font-size: 15px;}
.s-bs-img.s-bs-img-1.flip-back span{font-size:18px}
.section .sliced .s-cococo{left: 38.1%; width:62%; height:48%; background-position:100% 50%; right: -2px;}
.section .sliced .s-cococo .text{font-size: 13px; bottom:-74px; min-width:93%; max-width:180px; min-height:106px; width:93%}
.section .sliced .s-cococo .text span{font-size: 14px; line-height:28px; padding-top:2px; background-size:16px}
.section .sliced .s-mdictr{width:35%; height:48%}
.section .sliced .s-ruanre{left: 0; width:62%; height:48%; top:52%}
.section .sliced .s-ruanre .s-ruanre-blue{height:107px}
.section .sliced .s-ruanre .s-ruanre-blue .s-ruanre-title{font-size: 16px; margin:10px 0 5px}
.section .sliced .s-ruanre .s-ruanre-blue .s-ruanre-bullets{font-size: 13px; padding: 0 25px 0 16px;}
.section .sliced .s-cnctus{width:35%; height:48%; top:52%; left: 65.1%; right: -2px;}
.section .content .ad-lo .al-ads .al-ads-cnt h3{font-size: 14px;}
.section .content .ad-lo .al-liof{height:auto}
.section .content .ad-lo .al-liof .allo-enquire{padding:15px 2%; width:100%; height:auto; margin:10px 0 0 0; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box}
.section .content .ad-lo .al-liof .allo-enquire a{margin:0}
.section .content .ad-lo .al-liof .allo-link .alloli-decision, .section .content .ad-lo .al-liof .allo-link .alloli-idea, .section .content .ad-lo .al-liof .allo-link .alloli-note, .section .content .ad-lo .al-liof .allo-link .alloli-map{height:45%; background-position:center 30px}
.section .content .ad-lo .al-liof .allo-link .alloli-decision:hover, .section .content .ad-lo .al-liof .allo-link .alloli-idea:hover, .section .content .ad-lo .al-liof .allo-link .alloli-note:hover, .section .content .ad-lo .al-liof .allo-link .alloli-map:hover{background-position:center 30px}
.section .sidebar .fw{margin-bottom:10px;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box}


.newblocks{margin: 0 auto;position: relative;}
.newblocks .whatsnew{float:left;margin:0 auto 0;width:100%;position: relative;}
.newblocks .calendar{float:left; margin:10px auto 0;width: 100%;position: relative;}
.newblocks .tags{float:left; margin:10px auto 0;width: 100%; position: relative;}


.footerDiv.ft-top{height:auto; background-size:cover; background-position:-250px bottom}
.footerDiv.ft-top .ft-cr, .footerDiv.ft-top .ft-social{float:none; text-align:center; padding:10px 0}
.footerDiv.ft-bottom{color:#fff; line-height:0}
.footerDiv.ft-bottom a{display:block; line-height:26px; border-bottom:1px solid #E4E4E4; white-space:nowrap}
}
@media (max-width:870px){.section .content .ad-lo .al-liof .allo-link{margin-bottom:0}

}
@media (max-width:380px){.footerDiv.ft-top .ft-cr .text-1{font-size: 10px;white-space: normal;line-height: 14px;margin-bottom: 4px;}
.footerDiv.ft-top .ft-cr .text-2{font-size: 10px;}
}