p{padding:5px 0} a{text-decoration:none;color:#000;} a:hover{text-decoration:none;cursor:pointer;} *:focus,*:active{outline:none;} body{font-family:"Ubuntu",sans-serif;font-weight:normal;font-style:normal;font-size:13px;line-height:13px;color:#000;background:url(/imgs/main_bg.jpg) repeat;} #responsivejs{display:none;content:"XL"} #site_w{position:relative;z-index:1;} /*--------------------------------------------------------------*/ .cp{cursor:pointer;} .txtun{text-decoration:underline;} .txtno{text-decoration:none;} .dblock{display:block;} .dtable-cell{display:table-cell;} .dtable-row{display:table-row;} .pos_r{position:relative;} .pos_a{position:absolute} .margin_auto{margin:0 auto} .txta_center{text-align:center;} /*GENERAL*/ .cont{margin:0 auto;max-width:1000px;position:relative;} .dfp_unit{position:relative;margin:0 auto;background:#fff;overflow:hidden;} .adunit{margin:0 auto;overflow:hidden;text-align:center;} .fw_bold, .fw_black{font-family:"Ubuntu",sans-serif;font-weight:700;} h1{font-size:36px;line-height:44px;font-family:"Ubuntu",sans-serif;font-weight:700;} h2{font-size:25px;line-height:25px;} h3{font-size:24px;line-height:31px;} h4{font-size:20px;line-height:25px;} .h1{font-size:28px;line-height:23px;} .h2{font-size:25px;line-height:30px;} .h3{font-size:22px;line-height:24px;} .h4{font-size:14px;line-height:17px;} .h5{font-size:15px;line-height:23px;} .color2{color:#31353d;} .bg_h{border-color:#0244a3;} .border1{border-style:solid;border-width:1px;} .bg0{background:#000;border-color:#000;} .mr_20{margin-right:20px;} .all_arts2{position:relative;left:43px;top:16px;padding:0 6px 1px 6px;font-size:10px;} .strans{height:31px;background:url(/imgs/art_trans2.png) right top no-repeat} .row4{margin:20px 0;} .shadow2{margin:0 auto;width:666px;height:16px;background:url(/imgs/shadow2.png) left top no-repeat;} .box2{width:300px;} .box4{width:322px;} .box4 .image{width:320px;height:276px} .box4 .image .descript{position:absolute;left:0;bottom:0;} .box4 .image .descript .title{display:block;padding:6px 10px;width:202px;font-size:15px;line-height:17px;font-family:"Ubuntu", sans-serif;font-weight:700; font-style:normal;} .box4 .image .descript .desc{padding:3px 9px 7px;width:302px;line-height:15px;} .bg_trans6{background:url(/imgs/trans6.png) left top repeat;} .box4 .cf{margin:7px 0 0 0;} .box4 a.sm{display:block;margin:0 10px 6px 0;width:156px;height:137px;overflow:hidden;} .box4 a.sm:nth-child(even){margin-right:0;} .box4 a.sm .img{width:154px;} .box4 a.sm span.h4{font-size:13px;line-height:14px;font-family:"Ubuntu",sans-serif;font-weight:normal;} .box5{width:310px;} .box5 a{display:block;margin:0 10px 6px 0;width:150px;height:137px;overflow:hidden;} .box5 a.i2, .box5 a.i4, .box5 a.i6, .box5 a.i8, .box5 a.i10{margin-right:0;} .box5 a .img{width:148px;} .box5 span.h4{font-size:13px;line-height:14px;font-family:"Ubuntu",sans-serif;font-weight:normal;} .box2 .col{margin-bottom:40px;} .box2.lside{margin-right:0;} .box2 .big{margin-bottom:24px;} .box2 .big .desc{padding:3px 9px 7px 9px;line-height:15px;width:280px;} .box2 .big .image{width:298px;height:230px;} .box2 .big .image .descript{position:absolute;left:0;bottom:0;} .box2 .big .image .title{display:block;padding:6px 10px;width:202px;font-size:15px;line-height:17px;font-family:"Ubuntu", sans-serif;font-weight:700; font-style:normal;} .box2 .big.bg1 .image .title{background:url(/imgs/trans1.png) left top repeat;} .box2 .big.bg2 .image .title{background:url(/imgs/trans2.png) left top repeat;} .box2 .big.bg3 .image .title{background:url(/imgs/trans3.png) left top repeat;} .box2 .big.bg4 .image .title{background:url(/imgs/trans4.png) left top repeat;} .box2 .big.bg05 .image .title{background:url(/imgs/trans4.png) left top repeat;} .box2 .big.bg5 .image .title{background:url(/imgs/trans6.png) left top repeat;} .box2 .big.bg7 .image .title{background:url(/imgs/trans7.png) left top repeat;} .box2 .big.bg8 .image .title{background:url(/imgs/trans8.png) left top repeat;} .box4 .bg6 .image .title{background:url(/imgs/trans06.png) left top repeat;} .box4 .bg17 .image .title{background:url(/imgs/trans17.png) left top repeat;} .box4 .bg21 .image .title{background:url(/imgs/trans21.png) left top repeat;} .box4 .bg13 .image .title{background:url(/imgs/trans13.png) left top repeat;} .box2 .big.bg14 .image .title{background:url(/imgs/trans14.png) left top repeat;} .box2 .big.bg15 .image .title{background:url(/imgs/trans15.png) left top repeat;} .box2 .big.bg16 .image .title{background:url(/imgs/trans16.png) left top repeat;} .box2 .big.bg21 .image .title{background:url(/imgs/trans21.png) left top repeat;} .box2 .big .stitle{} .box2 .title-w{margin:0 0 28px 0;padding:0 9px 0 14px;} .box2 .title-w .title{position:relative} .box2 .title-w .title .h3{padding-right:10px;} .box2 .title-w .title .line{position:absolute;top:2px;right:-9px;margin-top:16px;width:140px;height:1px;background:#000;} .box2 .title-w .title .line .txt{position:absolute;right:5px;top:-7px;padding:0 6px 2px 6px;background:#000;color:#fff;font-size:10px;line-height:12px;} .box2 .title-w .title .line2{position:absolute;top:2px;right:-9px;margin-top:16px;width:155px;height:1px;background:#fa5f00;} .box2 .title-w .title .line2 .txt{position:absolute;right:2px;top:-7px;padding:0 6px 2px 6px;background:#fa5f00;color:#fff;font-size:10px;line-height:12px;} .box2 .title-w .corn1{width:21px;height:25px;top:18px;left:-21px;background:url(/imgs/crns_bg.png) left top no-repeat;} .box2 .title-w .corn2{width:21px;height:25px;top:18px;right:-18px;background:url(/imgs/crns_bg.png) right top no-repeat;} .box2 .medium2{margin-bottom:8px;padding-bottom:8px;width:300px;border-style:solid;border-width:0 0 1px 0;} .box2 .medium2 .img{width:92px;height:64px;margin-right:8px;} .box2 .medium2 .desc{padding:0 11px 0 0;width:175px;} .box2 .medium2 .desc .title{width:175px;margin-bottom:5px;} .box2 .medium2 .desc .stitle{line-height:15px;} .box2 .medium{margin-bottom:10px;padding-bottom:10px;width:300px;border-style:solid;border-width:0 0 1px 0;} .box2 .medium .img{margin:4px 0 0 0;width:139px;height:100px;margin-right:8px;} .box2 .medium .desc{width:150px;} .box2 .medium .desc .title{width:150px;margin-bottom:5px;} .box2 .medium .desc .stitle{line-height:16px;} .xsmall{width:129px} .xsmall .img{margin-bottom:12px;width:127px;height:92px} .col3{margin:55px 0;padding-top:50px;border-top:1px solid #d4d4d4;} .col3 .h3{margin-bottom:9px;text-align:center;} .col3 .underline{margin-bottom:16px;height:8px;border-width:1px 1px 0 1px;border-style:solid} .col3 .col{margin-right:15px;width:150px;} .col3 .col .small{margin-bottom:28px;height:165px;overflow:hidden;} .sep2{margin:0 41px 0 19px;width:11px;height:883px;background:url(/imgs/sep2.png) left top no-repeat #fff} .sep3{margin:0 30px 0 27px;width:12px;height:883px;background:url(/imgs/sep2.png) right top no-repeat #fff} .all_arts{display:block;text-align:center;} .all_arts.sm span{position:relative;padding:0 6px;color:#fff;font-size:10px;background:#31353d;z-index:0;} .all_arts.sm span:before{display:block;content:"";position:absolute;left:-41px;bottom:0;width:193px;height:27px;background:url(/imgs/sp1.png) -295px -30px no-repeat;z-index:-1;} .cont-w, .main-w, .footer-w{display:block;position:relative;z-index:1;margin:0 auto;max-width:1000px;width:100%;} /*OLD STOP*/ /*HEADER START*/ .header-w{margin:0 auto 10px;z-index:999;} .header-w .hd1{padding:20px 0;height:234px;overflow:hidden;box-sizing:border-box;} .header-w .hd1 .cont{max-width:1088px;width:100%;} .header-w .hd1 .logo{position:relative;display:block;margin:0 auto;width:331px;height:194px;} .header-w .hd2 .cont{width:100%;background:#31353d;} .search_w{position:relative;top:-25px;width:170px;height:27px;box-sizing:border-box;overflow:hidden;} #search_form{background:#dee5c5;border:1px solid #808a50;height:27px;box-sizing:border-box;} .search_w .search_txt{padding:5px 8px 0 8px;width:80%;background:#dee5c5;border:none;font-size:14px;color:#000;box-sizing:border-box;vertical-align:middle;text-align:left;line-height:14px;} .search_w .search_btn{margin:5px 5px 0 0;width:15px;height:15px;background:url(/imgs/sp1.png) 0 -47px no-repeat;border:none;vertical-align:middle;cursor:pointer;} /*MENU*/ .main-menu{position:relative;max-width:970px;box-sizing:border-box;z-index:5;text-transform:uppercase} .tnav{display:none;box-sizing:border-box;height:35px;padding:10px 15px 0 15px;font-size:15px;font-weight:500;color:#fff;text-align:center;cursor:pointer;} .tnav span{position:relative;padding:0 50px 0 20px;border-left:1px dotted #fff;border-right:1px dotted #fff;} .tnav span:after{display:block;content:"";position:absolute;top:4px;right:24px;width:16px;height:10px;background:url(/imgs/sp1.png) -7px 0 no-repeat;} .mnav{height:41px;overflow:hidden;} .enav{display:none;} .enav > .ecnav{display:none;visibility:hidden;} .enav > .ecnav > li{float:left;} .enav .slicknav_menu{background:none;padding:0;} .enav .slicknav_menu .slicknav_btn{background:none;padding-right:0;margin:7px 0 6px;float:none;} .enav .slicknav_menu .slicknav_nav{left:auto;right:0;} .nav{position:relative;width:100%;list-style:none; *zoom:1;background:none;} .nav > li{float:left;height:23px;background:none;box-sizing:border-box;margin:8px 0 10px;} .nav li{position:relative;} .nav li a{margin:0;padding:0 5px;color:#fff;font-family:"Ubuntu",sans-serif;font-size:14px;line-height:30px;text-decoration:none;white-space:nowrap;} .nav > li > a{display:block;line-height:23px} .nav li ul li a{display:block;position:relative;z-index:100;padding:0 15px 0 8px;} .nav li ul li a:hover{border-radius:0;color:#fff;background:none} .nav li ul li li a{z-index:200;} .nav li ul{position:absolute;left:-9999px;min-width:9em;display:block;margin:0;padding:0;} .nav li ul{padding:0 0 12px 4px;list-style:none;background:#31353d;} .nav li ul:before{display:block;content:"";position:absolute;top:0;left:1px;width:1px;height:100%;background:#31353d;} .nav li > ul{position:absolute;left:-9999px;} .nav li ul li.hover ul{left:100%;top:0;} .nav > li.hover > ul {left:0;} .nav > li.first li.parent img.darrow{position:absolute;width:4px;height:9px;background:url(/imgs/sp1.png) 0 -30px no-repeat;right:6px;top:13px;} .nav .dif ul{padding:10px 5px 10px;width:420px;background:#000102;} .nav .dif ul:before{background:none;border:none;} .nav .dif li.level3{float:left;width:50%;max-width:210px;padding:5px 0 5px 3px;border-right:1px solid;border-bottom:1px solid;box-sizing:border-box} .nav .dif li.level3 a{padding:17px 0 3px 57px;height:35px;line-height:18px;letter-spacing:-0.8px;} /*HEADER STOP*/ /*MAIN START*/ .main-w{} .main-w .cont{float:left;width:66.7%;max-width:100%;z-index:1;} .main_cont .header, .page-header{position:relative;} .main_cont .header .top-sec, .page-header .top-sec{min-height:6px;background:#31353d;} .main_cont .header .top-sec .path, .page-header .top-sec .path{padding:3px 20px 5px;} .main_cont .header .path *, .page-header .path *{font-size:12px;color:#fff;} .main_cont .header .title, .page-header .title{padding:7px 20px 10px;background:#6E7789;color:#fff;} .main_cont .header .title *, .page-header .title *{color:#fff;} /*INDEX START*/ .p-index{} .full_row .column.lside, .full_row .column.rside{width:49%;max-width:322px;} .row .head{margin:0 0 10px 0;width:100%;} .row .head .td{width:49%;vertical-align:bottom;} .row .head-title{font-size:20px;line-height:26px;text-align:left;} .row .all_arts{padding-right:20px;font-size:10px;line-height:13px;text-align:right;overflow:hidden;} .row .all_arts span{position:relative;z-index:2;padding:0 6px 2px;color:#fff;overflow:hidden;} .row .all_arts span:after{display:block;content:"";position:absolute;bottom:0;right:-27px;width:140px;height:31px;background:url(/imgs/trans/art_trans2.png) left top no-repeat;z-index:-1;} .row .article{margin:0 0 10px 0;box-sizing:border-box;} .article.big, .article.medium{display:block;width:100%;overflow:hidden;} .article.big{border:1px solid;margin-bottom:36px;} .article.medium{padding:5px;width:49%;max-width:317px;min-height:200px;box-sizing:border-box;overflow:hidden;background:url(/imgs/trans_ffffff.png) repeat;text-align:center;border-color:#e9ebee #dfe0e4 #d0d1d5;box-shadow:0 1px 2px rgba(0, 0, 0, 0.12);} .article.medium:nth-child(odd){float:left} .article.medium:nth-child(even){float:right;} .descript{min-height:160px;color:#31353d} .row .descript .title{display:block;padding:8px 4px;font-size:20px;line-height:22px;font-weight:700;} .row .descript .stitle{display:block;font-size:14px;line-height:19px;} .p-index .article a{display:block;} .article.medium .item_left{float:left;margin:0 6px 0 0;width:139px;max-width:139px;border:1px solid;} .p-index .article a img{max-width:100%;vertical-align:middle;} /*INDEX STOP*/ .page{position:relative;min-height:360px;} .page .section{position:relative;margin:0;padding:10px;} /*ARTICLES START*/ .p-articlelist{} .p-articlelist .article{position:relative;margin:0 auto 10px;padding:12px;box-sizing:border-box;} .p-articlelist .article .title{margin:0 0 6px 0;line-height:21px;} .p-articlelist .article .title a{color:#31353d;} .p-articlelist .item_left{margin:0 14px 4px 0;max-width:210px;width:210px;} .p-articlelist .item_left .img{display:block;max-width:100%;overflow:hidden;border:1px solid #000;box-sizing:border-box;} .p-articlelist .item_right{} .p-articlelist .item_right .stext{margin:8px 0;font-size:15px;line-height:20px;} .item_right .continue{padding:0 7px 2px 4px;color:#fff;background:#31353d;line-height:20px;} /*ARTICLES STOP*/ /*ARTICLE START*/ .article{position:relative;} .p-article .section{position:relative;margin:0;padding:10px;box-shadow:none;border:none;background:none;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;z-index:0;} .p-article .section h2{padding:0 0 15px 0;position:relative;z-index:1;font-size:22px;line-height:24px;} .article .h3.color2{position:relative;z-index:1;padding:15px 0 15px 20px;background:#f0f0f0;} .article .h5{position:relative;z-index:1;} hr{margin:14px auto;color:#31353d;} .p-article ul{padding:0 0 0 25px} .p-article ul li{list-style:outside;} .p-article .aside{position:relative;margin-left:12px;padding:14px;max-width:300px;width:46%;background:#6e7789;border-radius:0 0 8px 8px;-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;z-index:1;} .aside h4{margin-bottom:8px;} .gallery-w{overflow:hidden;} .p-article .gallery-w figure{position:relative;width:50%;padding-right:3px;padding-bottom:6px;box-sizing:border-box;text-align:left;} .p-article .gallery-w figure:after{display:block;content:"";position:absolute;right:10px;bottom:10px;width:20px;height:20px;background:url(/imgs/sp2.png) 0 0 no-repeat;} .p-article .gallery-w figure.first{padding:0 0 6px 0;width:100%;} .p-article .gallery-w figure:nth-child(2){padding-left:3px;padding-right:0;text-align:right;} .p-article .gallery-w figure figcaption{display:none;} .p-article .gallery-w .item img{width:100%;max-width:148px;overflow:hidden;word-break:break-all;} .p-article .gallery-w .img_gallery img{width:100%;max-width:300px;overflow:hidden;word-break:break-all;} .video_cont .video{position:relative;display:block;margin-bottom:20px;width:300px;height:230px;} /* .video_cont .video:after{display:block;content:"";width:49px;height:35px;position:absolute;top:96px;left:122px;background:url(/imgs/play2.png) left top no-repeat;}*/ .rel_arts{} .rel_arts *{color:#fff;} .rel_arts .item{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #000;} .rel_arts .item_left{margin-right:8px;max-width:92px;border:1px solid #000;} .photo_story{margin-top:18px;} .photo_story .title_w{margin-bottom:26px;height:1px;background-color:#282971;text-align:center} .photo_story .title_w .title{position:relative;top:-0.5em;padding:0 12px;background-color:#fff;} .photo_story .item{margin-bottom:20px} .photo_story .item .title, .caption{margin-top:5px;font-size:18px;line-height:21px;font-style:italic;} .photo_story .item .img_w{position:relative;text-align:center;z-index:1;} .photo_story .item .img_w .img{position:relative;display:block;width:100%;z-index:1;position:relative;} .photo_story .item .img_w .img:before, .photo_story .item .img_w .img:after{display:block;content:"";position:absolute;margin:0 auto;width:100%;height:34px;background:url(/imgs/shadow1.png) center center no-repeat;} .photo_story .item .img_w .img:before{top:-14px;} .photo_story .item .img_w .img:after{bottom:-14px;} .photo_story .item .img_w .img img{width:100%;} /*ARTICLE STOP*/ /*CONTACT START*/ .p-contact .intro{padding:0 20px 10px;font-size:15px;line-height:19px;} .contact{position:relative;} .contact fieldset{padding:10px 0;} .form dl{position:relative;width:48%;min-height:75px;} .form dl dt{margin:0 0 5px 0;padding:0 0 0 1px;font-size:14px;line-height:19px;font-family:"Ubuntu", sans-serif;;color:#415153;} .form dl dd{position:relative;} .form dl dd input{padding:0 5px;font:400 15px/17px "Ubuntu";border:1px solid;} .form dl dd input[type="text"], .form dl dd input[type="password"], .form dl dd input[type="email"]{padding:3px 5px;height:30px;width:100%;box-sizing:border-box;background:#fff !important;} .form dl dd select{margin:0 5px 5px 0;padding:3px 0 6px;width:auto;font:400 15px/17px "Ubuntu";border-radius:0;} .form dl.comment{width:100%;clear:both;} .form dl dd textarea{resize:none;padding:0 5px;width:100%;height:120px;border:1px solid;box-sizing:border-box;} .form .mantatory{margin:10px 0;font-size:12px;line-height:20px;text-align:center} .form .submit{float:right;position:relative;top:-1px;width:127px;height:28px;background:url(http://s3.aek365.com/imgs/sp2.png) -347px -63px no-repeat;} .form .btn{float:right;position:relative;margin:10px 0 0 0;padding:0 22px;min-height:27px;background:#ffd217;border:none;} .form .btn:before{display:block;content:"";position:absolute;left:-6px;bottom:-2px;width:10px;height:17px;background:url(http://s3.aek365.com/imgs/sp2.png) -642px 0 no-repeat;} .form .btn span{font-size:14px;line-height:20px;font-weight:700;text-align:center;vertical-align:top;} .form .explain{font-size:10px;line-height:13px;color:#999;} .form label.error{padding:2px 5px;width:100%;background:#f00;color:#fff;font-weight:700;} .form .captcha_w{width:100%;} .form .captcha_w td{vertical-align:top;} .form .captcha_w td input[type="text"]{margin:0;padding:2px;width:61px;height:26px;border:1px solid #6E6E6E;color:#464D91;background:#E0E1E1;font:17px/15px Verdana, Geneva, sans-serif;text-align:center;} .p-contact .sidebar *{font-size:15px;line-height:18px;} .p-contact .sidebar h3{font-size:24px !important; line-height:21px !important;} .p-contact .sidebar address{padding:20px 0;} .g-recaptcha{margin:10px auto;} .send_btn{padding:10px;background:#31353d;border-radius: 4px;box-shadow: 1px 1px 5px #6e7789;color:#ffffff;font-size:16px;font-weight: bold;} .main_btn{display:block;margin:22px auto 0;max-width:120px;height:34px;} .main_btn_inner{padding:10px;background:#31353d;border-radius: 4px;box-shadow: 1px 1px 5px #6e7789;color:#ffffff;font-size:16px;font-weight: bold;} /*CONTACT STOP*/ /*PAGINATION*/ .pagination_w{} .pagination_w .top{margin:0 auto;text-align:center;font-size:12px;line-height:25px;color:#000;} .pagination_w .pagination{position:relative;color:#000;} .pagination_w .pagination:before, .pagination_w .pagination:after{display:block;content:"";position:relative;max-width:640px;height:10px;background:url(/imgs/shadows.png) top center no-repeat;} .pagination_w .pagination:before{margin:4px auto 6px;top:0;background:url(/imgs/shadows.png) top center no-repeat;} .pagination_w .pagination:after{margin:10px 0 0 0;bottom:0;background:url(/imgs/shadows.png) top center no-repeat;} .pagination_w .pagination .main{margin:0;} .renderFirst{width:49px;text-align:center;vertical-align:middle;border-right:2px solid #d9d9d9;} .renderPrev{width:103px;text-align:center;vertical-align:middle;} .renderMain{text-align:center;vertical-align:middle;border-right:2px solid #AFAFAF;border-left:2px solid #d9d9d9} .renderNext{width:73px;text-align:center;vertical-align:middle;} .renderLast{width:53px;text-align:center;vertical-align:middle;border-left:2px solid #d9d9d9} .pagination_w .pagination span, .pagination_w .pagination a{font-size:16px;line-height:23px;} .pagination_w .pagination .pagination-nav a, .pagination_w .pagination .pagination-nav span{margin-right:10px;} .pagination_w .pagination a{color:#31353d} .pagination_w .pagination .first, .pagination_w .pagination a .first{display:block;margin:0 0 5px 10px;width:15px;height:12px;} .pagination_w .pagination .first{background:url(/imgs/arrows.png) left top no-repeat;} .pagination_w .pagination a .first{background:url(/imgs/arrows.png) left bottom no-repeat;} .pagination_w .pagination .prev, .pagination_w .pagination a .prev{display:inline-block;margin:0 0 5px 10px;width:12px;height:12px;} .pagination_w .pagination .prev{background:url(/imgs/arrows.png) -15px top no-repeat;} .pagination_w .pagination a .prev{background:url(/imgs/arrows.png) -15px bottom no-repeat;} .pagination_w .pagination .next, .pagination_w .pagination a .next{display:inline-block;margin:0 0 5px 13px;width:12px;height:12px;} .pagination_w .pagination .next{background:url(/imgs/arrows.png) -27px top no-repeat;} .pagination_w .pagination a .next{background:url(/imgs/arrows.png) -27px bottom no-repeat;} .pagination_w .pagination .last, .pagination_w .pagination a .last{display:block;margin:0 auto 5px;width:15px;height:12px;} .pagination_w .pagination .last{background:url(/imgs/arrows.png) right top no-repeat;} .pagination_w .pagination a .last{background:url(/imgs/arrows.png) right bottom no-repeat;} /*MAIN STOP*/ /*SIDEBAR START*/ .sidebar, .roi-sidebar{float:right;width:31%;max-width:300px;box-sizing:border-box;} .sidebar .row{padding:0} .sidebar > div, .sidebar > a{margin-bottom:22px;} .facebook{overflow:hidden;} .fb-page span{width:100% !important;} .sidebar .image{max-width:300px;overflow:hidden;} .sidebar .image img{width:100%;} /*SIDEBAR STOP*/ /*OLD MAIN START*/ .main-w .main{position:relative;z-index:1;} .main-w .main .header{position:relative;border-width:6px 0 0 0;border-style:solid;} .main-w .main .header .title{padding:8px 18px 34px;} .main-w .main .header .top{padding:0 20px 6px 20px;} .main-w .main .header .top a, .main-w .main .header .top span{color:#fff;font-size:12px;} .art_slider{height:144px;overflow:hidden;background:#034dac;} .art_slider span{display:block;float:left;} .main-w .main .webtv_w .main{padding:0;} /*OLD MAIN STOP*/ /*BANKS*/ .w{position:relative;margin:0 auto;max-width:800px;width:100%;} .w-main{font-family:"Ubuntu",sans-serif;font-size:13px;line-height:13px;} .w-main .w .box{position:relative;margin:0 auto 20px;padding:10px 20px;border:1px solid #666;box-sizing:border-box;} .w-main .w .box .table{width:100%;position:relative;} .w-main .w .box .table .td.left{text-align:left;} .w-main .w .box .table .td.left .inner-left{float:left;padding:6px;width:40%;max-width:150px;color:#999;border-bottom:1px solid #666;box-sizing:border-box;text-align:right;font-family:"Ubuntu",sans-serif;font-size:13px;line-height:13px;} .w-main .w .box .table .td.left .inner-right{float:left;padding:6px;width:60%;border-bottom:1px solid #666;font-weight:bold;box-sizing:border-box;font-family:"Ubuntu",sans-serif;font-size:13px;line-height:13px;} .w-main .w .box .table .td.right{text-align:right;vertical-align:middle;} .w-main .w .box .table .td.right img{padding:4px;background:#fff;border:1px solid #666;} .w-main .w p{margin-top:20px;text-align:center;line-height:20px;} /*FOOTER*/ .footer-w{margin-top:40px;} .ftop{background:url(/imgs/footer_bg.png) center center repeat-x;} .social{position:relative;float:left;padding:29px 0 0 0;width:210px;box-sizing:border-box} .social:after{display:block;content:"";position:absolute;left:0;bottom:0;width:300px;height:28px;background:url(/imgs/social_bg.png) left top no-repeat;z-index:0;} .fb, .tw, .yt, .rss{position:relative;z-index:1;float:left;display:block;width:52px;height:46px;} .fb{background:url(/imgs/sp1.png) -169px -244px no-repeat;} .tw{background:url(/imgs/sp1.png) -221px -244px no-repeat;} .yt{background:url(/imgs/sp1.png) -268px -244px no-repeat;} .rss{background:url(/imgs/sp1.png) -325px -244px no-repeat;} .flogo{display:block;position:relative;z-index:1;margin:0 175px 0 210px;text-align:center;} .validation{padding:29px 10px 0 0;width:165px;} .validation .css,.validation .html{display:block;width:80px;height:15px;} .validation .css{margin-right:5px;background:url(/imgs/w3c.gif) left top no-repeat} .validation .html{background:url(/imgs/w3c.gif) left top no-repeat} .footer-w .fbottom{position:relative;top:-27px;color:#31353d;} .footer-w .fbottom a, .footer-w .fbottom span{color:#31353d;} .footer-w .lside{padding:0 0 0 11px;width:274px;} .footer-w .lside span{padding:0 1px;} .footer-w .lside div{margin-bottom:3px;} .footer-w .rside{padding:0 17px 0 0;width:136px;} .webup{margin:5px 0 0 0;} /* <=742*/ @media only screen and (max-width:742px){ .header-w .hd1 .cont{} .header-w .hd1 .logo{padding:0 0 0 5px;} .header-w .hd1 .logo:before{background:none;} .header-w .hd1 .editorial{top:-9px;} .article.medium{float:none !important;width:100%;max-width:100%;min-height:100px;} .descript{min-height:50px} .main-w .cont{float:none;width:100%;} .p-articlelist .article{box-shadow:0 3px 3px #cecece} .p-articlelist .article::after{background:none;} .p-articlelist .item_right .continue{float:right;} .main-w .sidebar{margin-top:10px;} .sidebar, .roi-sidebar{float:none;width:100%;margin:0 auto;} .w-main .w .box .table .td.left{max-width:100%;padding-top:70px;} .w-main .w .box .table .td.left .inner-left{float:none;width:100%;border:none;text-align:left;} .w-main .w .box .table .td.left .inner-right{width:100%;} .w-main .w .box .table .td.right{display:block;margin:0 auto;position:absolute;top:0;left:0;right:0;text-align:center;} } /* <=640*/ @media only screen and (max-width:640px){ .ftop{background-position:center top;} .social:after{display:none;} .p-polls .polls-w .active-poll{float:none;margin:0 auto;width:100%;max-width:400px;} .main-w.p-live .page .section{padding:10px 0;} .live_header .tr.teams{font-size:28px;line-height:36px;} .footer-w .fbottom{top:0;padding:0 5px;} .webup{margin-top:15px;} } /* <=530*/ @media only screen and (max-width:530px){ .header-w .hd3{height:66px;} .search_w{top:0;margin-top:5px;width:100%;} #search_form{margin:0 auto;width:50%;} .footer-w .fbottom{margin-top:10px;} .flogo{display:none;} .p-frontpages .picker div{width:100%} .p-frontpages .picker div.fl{margin-bottom:5px;} .p-frontpages .picker .date{padding-right:2px;width:100px;text-align:right;} .p-videos .video-search .categories, .p-videos .video-search .search{width:48%;max-width:48%;} } /* <=488*/ @media only screen and (max-width:488px){ .header-w .hd1 .logo{float:none;padding:0;} .header-w .hd1 .editorial{float:none;top:-30px;width:100%;height:44px;} .header-w .hd1 .editorial:before{top:8px;left:10px;} .header-w .hd1 .editorial:after{background:none;} .header-w .hd1 .editorial span{padding:0 5px 0 124px;text-align:left;display:table-cell;height:43px;vertical-align:middle;} .lives-w .live{float:none;margin:0 0 10px 0;width:100%;} .footer-w .lside, .footer-w .rside{float:none;width:100%;padding:0;text-align:center;} } /* >476*/ @media only screen and (min-width:476px){ .main-menu .tnav{display:none;} .main-menu .nav{display:block;} } /* <=476px */ @media only screen and (max-width:476px){ #responsivejs{content:"XXS"} h2{line-height:24px;} /*menuStart*/ .main-menu{padding:0;} .main-menu .mnav{height:auto;} .main-menu .tnav{display:block;} .main-menu .tnav.active{display:block;} .main-menu .nav{display:none;} .main-menu .nav.active{display:block;padding:0;} .nav li a{padding:0 8px 8px;} .nav li.hover > a{padding-bottom:0;color:#fff;} .main-menu .nav li.hover ul{background:none;width:auto;padding:0 5px;} .nav li ul::before{background:none;} .main-menu .nav li.hover ul li{position:relative;padding:0 0 0 15px;} .main-menu .nav li.hover ul li:before{display:block;content:"";position:absolute;left:5px;top:12px;width:4px;height:9px;background:url(/imgs/sp1.png) 0 -30px no-repeat;} .nav li ul::after{width:100%;height:auto;background:none;} .main-menu .nav > li{float:none;margin:8px 0;height:auto;border-bottom:1px dotted #fff;} .main-menu .nav > li.hover{border-style:none;} .main-menu .nav::last-child li{border:none;} .nav > li::before{background:none;} .main-menu .nav > li > .parent{background-position:95% 50%;} .main-menu .nav ul{display:block;width:100%;} .main-menu .nav > li.hover > ul, .nav li li.hover ul{position:static;} .main-menu .nav li.hover ul li.level2 ul{padding:0;} .main-menu .nav > li.first li.parent img.darrow{position:absolute;width:9px;height:4px;background:url(/imgs/sp1.png) 0 -41px no-repeat;right:8px;top:39%;} .main-menu .nav > li.first li.parent.hover img.darrow{background-position:0 -41px;} .nav li ul li a{padding:0;} .nav li ul li li a{background:none;} .main-menu .nav li.hover ul li.level3 ul{border:none;} .main-menu .nav .dif li.level3{margin:0 0 5px 0;padding:0;border:none;} /*menuEnd*/ .page .section{padding:4px;} .p-articlelist .article{padding:4px 4px 12px;} .p-articlelist .article::after{background:none;} .p-articlelist .item_left{float:none;margin:0 0 10px;width:100%;max-width:476px;text-align:center;} .p-articlelist .item_left .img{border:none;} .p-articlelist .item_left .img img{border:1px solid #000;} .pagination_w .pagination span, .pagination_w .pagination a{font-size:14px;line-height:19px;} .renderFirst,.renderLast{display:none;} .renderPrev{width:83px;} .renderMain{padding:0 4px;} .p-article article{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;} .p-article article .section{float:none;order:1;-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;} .article .h5{overflow:hidden;} .article .h5 img{width:100%;max-width:476px;} .p-article article .aside{float:none;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;box-shadow:none;width:auto;max-width:none;margin:0} .p-article .gallery-w figure.first{float:left;width:50%;padding:0 2px 2px 0;} .p-article .gallery-w figure{padding:0 0 2px 2px;} .p-article .gallery-w figure:nth-child(2){padding:0 2px 2px 0;} .p-article .gallery-w .img_gallery img{max-height:140px;} .video_cont .video{width:100%;text-align:center;} .contact h3{position:relative;z-index:2;} .form dl{width:90%;float:none;} } /* <=400px */ @media only screen and (max-width:400px){ .w-main .w .box{padding:10px 4px;} } /* <=395px */ @media only screen and (max-width:395px){ .nav .dif li.level3{width:100%;max-width:100%;} } /* <=384px */ @media only screen and (max-width:384px){ .ftop .social{width:100%;} .validation{display:none;} } /* <=361px */ @media only screen and (max-width:361px){ /*#responsivejs{content:"XS"}*/ #search_form{width:80%;} .cats .first.column, .cats .last.column{float:none !important;width:100% !important;} }