@charset "utf-8"; #khhead{position:absolute;top:0;left:0;width:100%} #st1{background:url(../img/svs01.png) no-repeat 50% 0%;background-attachment:fixed} #st2{background:url(../img/svs02.png) no-repeat 50% 0%;background-attachment:fixed} #st3{background:url(../img/svs03.png) no-repeat 50% 0%;background-attachment:fixed} #st4{background:url(../img/svs04.png) no-repeat 50% 0%;background-attachment:fixed} #st5{background:url(../img/svs05.png) no-repeat 50% 0%;background-attachment:fixed} #st6{background:url(../img/svs06.png) no-repeat 50% 0%;background-attachment:fixed} @media all and (min-width:1260px) { body{background:#353535} #khplay{position:relative;padding:110px 0 0 0;width:100%;height:100%} #khplay .khwrap{position:relative;margin:0 auto;width:1080px;zoom:1} #khplay .khwrap:before, #khplay .khwrap:after{clear:both;display:table;content:"";line-height:0} #khplay .fullwrap{position:relative;width:100%;zoom:1} #khplay .fullwrap:before, #khplay .fullwrap:after{clear:both;display:table;content:"";line-height:0} #khplay .khtable{display:table;width:100%} #khplay .nocontent{font-size:15px;text-align:center} #header{position:absolute;z-index:110;top:0;right:0;left:0;height:110px;background:#fff;box-shadow:4px 8px 16px rgba(0,0,0,0.1);overflow:hidden;transition:all 0.4s} #header.sel{height:330px;transition:all 0.4s} #header.sel .depth2{top:100px} #logo{position:absolute;top:0;left:0} #logo h2{display:table;height:110px} #logo h2 a{display:table-cell;vertical-align:middle} #logo h2 a img{width:160px} #lang{position:absolute;z-index:120;top:41px;right:0} #lang ul{overflow:hidden} #lang li{float:left} #lang li a{padding:0 10px;line-height:30px;font-size:13px;font-weight:500;color:#979797} #global{padding:0 190px;height:110px} #global *{transition:all 0.3s} #global .menunone{line-height:30px} #global .menunone strong{font-size:17px;font-weight:400} #global .depth1{position:relative;font-size:0;text-align:center} #global .depth1:before, #global .depth1:after{clear:both;display:table;content:"";line-height:0} #global .depth1 .dl1{display:inline-block;position:relative;min-width:120px;padding:0 20px;text-align:left} #global .depth1 .dl1 i{display:block;position:absolute;bottom:25px;left:0;width:0;height:2px;background:#fff;transition:all 0.5s} #global .depth1 .dl1:hover i{width:100%;background:#40c8f4} #global .depth1 .dl1.sel i{width:100%;background:#40c8f4} #global .depth1 .da1{display:inline-block;position:relative;line-height:110px;font-size:17px;font-weight:500;color:#555} #global .depth1 .da1:hover a{color:#005aab} #global .depth1 .da1.sel a{color:#005aab} #global .depth2{position:absolute;z-index:1;top:200px;left:20px;overflow:hidden;text-align:left} #global .depth2 .da2{position:relative;display:inline-block;padding:0 0 10px 0;line-height:1.2;font-size:14px;font-weight:400;color:#777} #global .depth2 .da2:hover, #global .depth2 .da2.sel{font-weight:500;color:#0d4da5;text-decoration:underline} #khplay.vnm #global{padding: 0 170px 0 180px;} #khplay.vnm #global .depth1 .dl1{padding:0 10px} #khplay.vnm #global .depth1 .da1{font-size:14px} #khplay.vnm #global .depth2{left:10px} #khplay.vnm #global .depth2 .da2{font-size:13px;} #category{position:absolute;top:45px;right:0;display:none} #category .allmenu{position:absolute;z-index:1150;display:block;width:24px;height:18px;top:0;right:0;border:none;background:transparent;cursor:pointer} #category .allmenu:before{content:"";float:right;display:block;width:24px;height:18px;border-top:2px solid #014099;border-bottom:2px solid #014099;transition:all 0.2s} #category .allmenu:after{content:"";position:absolute;top:10px;right:0;width:18px;display:block;height:2px;background-color:#014099;transition:all 0.2s} #category .allmenu:hover:before{width:14px} #category .allmenu:hover:after{width:24px} #category .allmenu span{display:none} #category .category{position:fixed;z-index:4000;visibility:hidden;top:-100%;left:0;width:100%;background:#fff;padding:50px;box-shadow:5px 5px 20px rgba(0,0,0,0.2);transition:all 0.8s} #category .category.sel{top:0px;visibility:visible} #category .category:before, #category .category:after{clear:both;display:table;content:"";line-height:0} #category .category ul{overflow:hidden} #category .cg1{float:left;width:20%;padding-right:10px} #category .cg1 > a{position:relative;z-index:2;margin:0 0 10px 0;padding:0 0 10px 0;display:block;font-size:20px;font-weight:500;color:#333;text-align:left;border-bottom:1px solid #e9e9e9} #category .cg1 > a:hover{opacity:0.8} #category .cg2{text-align:left} #category .cg2 > a{position:relative;display:block;line-height:30px;font-size:14px;color:#6d6d6d} #category .cg2 > a:hover{color:#0c4da1;text-decoration:underline} #category .cg2 > a:before{content:'';display:inline-block;margin-right:5px;width:3px;height:3px;background:#0c4da1;vertical-align:3px} #category .quickmenu{position:relativ;margin-top:80px;overflow:hidden} #category .quickmenu:before{content:'';position:absolute;top:0;left:0;display:block;width:80px;height:1px;background:#fff;opacity:0.5} #category .quickmenu li{float:left} #category .quickmenu li a{display:block;margin-right:80px;line-height:1.8;font-size:16px;font-weight:600;color:#333;opacity:0.5} #category .quickmenu li a:hover{opacity:1} #category .foot{position:absolute;right:0;bottom:0;font-size:12px;font-weight:400;color:#ccc;background-size:160px} #category .foot strong{font-weight:400} #category .close{position:absolute;top:-5px;right:-80px;padding:10px;background:#014099;box-shadow:5px 5px 10px rgba(0,0,0,0.15)} #category .close i{float:right;display:block;font-size:24px;color:#fff;transition:all 0.5s} #category .close span{display:none;float:right;line-height:56px;font-size:15px;font-weight:400} #category .close:hover i{transform:rotate(180deg)} #category .bg{position:fixed;z-index:1150;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);transition:all 0.5s;visibility:hidden;opacity:0} #category .bg.sel{visibility:visible;opacity:1} #footer *{color:#999} #footer h2{font-size:20px} #footer h2 span{font-size:12px;font-weight:300} #footer address{display:block;padding:10px 0;font-size:13px;font-weight:300} #footer address span{display:block;padding:0 0 3px 0} #footer cite{font-size:12px} #footer .khwrap{padding:50px 0} #top{position:absolute;z-index:99999;top:-25px;right:-80px;width:52px;height:52px;text-align:center;background:#134ea8;border-radius:52px} #top a{position:relative;padding:15px 0 10px 0;display:block;line-height:30px;font-size:11px;color:#fff;text-transform:uppercase} #top a i{position:absolute;top:5px;left:50%;margin-left:-25px;width:100%;line-height:20px;font-size:18px;color:#fff} #title{position:relative;z-index:21} #title:after{content:'';position:absolute;z-index:1;top:0;left:50%;margin-left:-50%;width:100%;height:100%;background:rgba(0,0,0,0.5)} #title .title{text-align:center} #title .title h2{position:relative;z-index:2;display:inline-block;margin:50px auto;color:#fff;font-size:24px;font-weight:500} #title .title h2 span{display:block;font-size:12px;letter-spacing:1px;opacity:0.8} #title .navi{position:relative;z-index:5;border-top:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.2);zoom:1} #title .navi:before, #title .navi:after{clear:both;display:table;content:"";line-height:0} #title .nv1, #title .nv2, #title .nv3{float:left;position:relative;z-index:2;height:60px;border-right:1px solid rgba(255,255,255,0.2)} #title .nv1 a{display:block;width:60px;line-height:60px;border-left:1px solid rgba(255,255,255,0.2)} #title .nv1 i{position:relative;top:4px;font-size:24px;color:#fff} #title .nv1 span{display:none} #title .nv2 span{padding:0 20px;display:block;min-width:200px;line-height:60px;font-size:15px;font-weight:500;color:#fff;text-align:left} #title .nv3 button{padding:0 0 0 20px;display:block;min-width:200px;line-height:60px;font-size:15px;font-weight:500;color:#fff;background:none;text-align:left} #title .nv3 i{float:right;padding:0 20px;line-height:60px;transition:all 0.5s} #title .nv3.sel button{color:#0c4da2;background:#fff} #title .nv3.sel i{transform:rotate(180deg)} #title .nv3 ul {display:none;position:absolute;z-index:51;top:61px;left:0;width:100%;background:#fff} #title .nv3 ul li a{display:block;padding:6px 20px;font-size:14px;font-weight:400;text-align:left} #title .nv3 ul li a span{color:#333} #title .nv3 ul li.sel{display:block} #title .nv3 > ul li a:hover span, #title .nv3 > ul li.sel span{color:#023f9c;text-decoration:underline} #title .nv3 > ul li a i{display:none} #contain{padding:50px 0;background:#fff} #contain .title{padding:0 0 50px 0} #contain .title h2{position:relative;display:block;padding:0 0 20px 0;font-size:36px;font-weight:500;text-align:center;color:#222} #contain .title h2:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-40px;display:block;width:80px;height:2px;background:#0d4da5} #contain .sit_admin, #contain .sct_admin, #contain .ctt_admin{position:fixed;z-index:90000;bottom:0;left:20px;display:block;background:#000;border-top-left-radius:40px;border-top-right-radius:40px;overflow:hidden;transition:all 0.3s} #contain .sit_admin a, #contain .sct_admin a, #contain .ctt_admin a{display:block;position:relative;width:50px;font-size:0;text-indent:-9999em;overflow:hidden} #contain .sit_admin a:before, #contain .sct_admin a:before, #contain .ctt_admin a:before{content:"\e986";display:block;padding:10px 0;font-size:24px;font-family:xeicon;color:#fff;text-align:center} #preview{position:relative;z-index:2060;text-align:center} #preview ul li a img{display:block;margin:0 auto} #preview .bx-controls-auto{float:left;position:relative} #preview .bx-controls-direction{display:none} #preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-15px 0 0 0;speak:none} #preview .bx-controls-direction a i{width:30px;line-height:30px;font-size:24px;text-align:center;color:#fff} #preview .bx-controls-direction a:hover{z-index:2} #preview .bx-prev{left:20px} #preview .bx-next{right:20px} #preview .preview li{display:table} #preview .nopreview{display:table-cell;width:100%;height:80px;letter-spacing:-0.02em;text-align:center;background:#999;vertical-align:middle} #preview .nopreview .tit{font-size:24px;font-weight:500;color:#fff} #preview .nopreview .txt{font-size:16px;font-weight:200;color:#fff} #preview .nopreview i{position:relative;top:4px;padding:0 30px;font-size:30px} #preview .nopreview br{display:none} #preview .close{position:absolute;top:50%;right:20px;margin-top:-15px} #preview .close a{display:block;font-size:30px;color:#fff} #preview .close a span{display:none} #preview .todays{position:absolute;top:50%;left:20px;margin-top:-15px;height:30px} #preview .todays input[id="chkbox"]{display:none} #preview .todays input[id="chkbox"] + label i{cursor:pointer} #preview .todays input[id="chkbox"]:checked + label i:before{content:"\e92e"} #preview .todays label{line-height:30px;font-size:13px;letter-spacing:-1px;color:#fff;cursor:pointer} #preview .todays label i{position:relative;top:4px;margin-right:3px;font-size:24px} } @media all and (min-width:748px) and (max-width:1259px) { img{width:auto;max-width:100%;height:auto} #khplay{position:relative;width:100%;height:100%} #khplay .khwrap{position:relative;margin:0 20px;zoom:1} #khplay .khwrap:before, #khplay .khwrap:after{clear:both;display:table;content:"";line-height:0} #khplay .khtable{display:table;width:100%} #khplay .nocontent{font-size:14px;letter-spacing:-1px;text-align:center} #header{overflow:hidden} #logo{position:absolute;top:20px;left:40px} #logo h2{width:150px} #global{float:right;padding:0 40px 0 0} #global *{transition:all 0.3s} #global .menunone{line-height:30px} #global .menunone strong{font-size:17px;font-weight:400} #global .depth1 .dl1{float:left;position:relative} #global .depth1 .dl1 i{display:block;position:absolute;bottom:25px;left:50%;width:0;height:2px;background:#fff;transition:all 0.5s} #global .depth1 .dl1.sel i{width:100%;margin-left:-50%;background:#40c8f4} #global .depth1 .da1{display:block;position:relative;padding:0 10px;line-height:80px;font-size:16px;font-weight:500;color:#555} #global .depth1 .da1.sel a{color:#005aab} #global .depth2{display:none} #khleft .mhead .tit a, #lang, #category{display:none} #footer{background:#353535} #footer *{color:#999} #footer h2{font-size:20px} #footer h2 span{font-size:12px;font-weight:300} #footer address{display:block;padding:10px 0;font-size:13px;font-weight:300} #footer cite{font-size:12px} #footer .khwrap{padding:50px 0} #top{position:absolute;z-index:99999;top:-25px;right:-80px;width:52px;height:52px;text-align:center;background:#134ea8;border-radius:52px} #top a{position:relative;padding:15px 0 10px 0;display:block;line-height:30px;font-size:11px;color:#fff;text-transform:uppercase} #top a i{position:absolute;top:5px;left:50%;margin-left:-25px;width:100%;line-height:20px;font-size:18px;color:#fff} #title{position:relative;z-index:21} #title:after{content:'';position:absolute;z-index:1;top:0;left:50%;margin-left:-50%;width:100%;height:100%;background:rgba(0,0,0,0.5)} #title .title{text-align:center} #title .title h2{position:relative;z-index:2;display:inline-block;margin:40px auto;color:#fff;font-size:24px;font-weight:500} #title .title h2 span{display:block;font-size:12px;letter-spacing:1px;opacity:0.8} #title .navi{position:relative;z-index:5;border-top:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.2);zoom:1} #title .navi:before, #title .navi:after{clear:both;display:table;content:"";line-height:0} #title .nv1, #title .nv2, #title .nv3{float:left;position:relative;z-index:2;height:50px;border-right:1px solid rgba(255,255,255,0.2)} #title .nv1 a{display:block;width:50px;line-height:50px;border-left:1px solid rgba(255,255,255,0.2)} #title .nv1 i{position:relative;top:4px;font-size:24px;color:#fff} #title .nv1 span{display:none} #title .nv2 span{padding:0 20px;display:block;min-width:200px;line-height:50px;font-size:15px;font-weight:500;color:#fff;text-align:left} #title .nv3 button{padding:0 0 0 20px;display:block;min-width:200px;line-height:50px;font-size:15px;font-weight:500;color:#fff;background:none;text-align:left} #title .nv3 i{float:right;padding:0 20px;line-height:50px;transition:all 0.5s} #title .nv3.sel button{color:#0c4da2;background:#fff} #title .nv3.sel i{transform:rotate(180deg)} #title .nv3 ul {display:none;position:absolute;z-index:51;top:51px;left:0;width:100%;background:#fff} #title .nv3 ul li a{display:block;padding:6px 20px;font-size:14px;font-weight:400;text-align:left} #title .nv3 ul li a span{color:#333} #title .nv3 ul li.sel{display:block} #title .nv3 > ul li a:hover span, #title .nv3 > ul li.sel span{color:#023f9c;text-decoration:underline} #title .nv3 > ul li a i{display:none} #contain{padding:40px 0;background:#fff} #contain .title{padding:0 0 40px 0} #contain .title h2{position:relative;display:block;padding:0 0 15px 0;font-size:26px;font-weight:500;text-align:center;color:#222} #contain .title h2:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-30px;display:block;width:60px;height:2px;background:#0d4da5} #contain .sit_admin, #contain .sct_admin, #contain .ctt_admin{position:fixed;z-index:90000;bottom:0;left:20px;display:block;background:#000;border-top-left-radius:40px;border-top-right-radius:40px;overflow:hidden;transition:all 0.3s} #contain .sit_admin a, #contain .sct_admin a, #contain .ctt_admin a{display:block;position:relative;width:50px;font-size:0;text-indent:-9999em;overflow:hidden} #contain .sit_admin a:before, #contain .sct_admin a:before, #contain .ctt_admin a:before{content:"\e986";display:block;padding:10px 0;font-size:24px;font-family:xeicon;color:#fff;text-align:center} } @media all and (max-width:747px) { img{width:auto;max-width:100%;height:auto} #khplay{position:relative;width:100%;height:100%} #khplay .khwrap{position:relative;padding:0 10px;zoom:1} #khplay .khwrap:before, #khplay .khwrap:after{clear:both;display:table;content:"";line-height:0} #khplay .fullwrap{position:relative;zoom:1} #khplay .fullwrap:before, #khplay .fullwrap:after{clear:both;display:table;content:"";line-height:0} #khplay .khtable{display:table;width:100%} #khplay .nocontent{font-size:14px;letter-spacing:-1px;text-align:center} #header{height:60px;overflow:hidden} #logo{padding:15px 0} #logo h2{margin:0 auto;width:120px} #khleft .mhead .tit a, #global, #lang, #category{display:none} #footer{background:#353535} #footer *{color:#999} #footer h2{font-size:20px} #footer h2 span{font-size:12px;font-weight:300} #footer address{display:block;padding:10px 0;font-size:13px;font-weight:300} #footer cite{font-size:12px} #footer .khwrap{padding:30px 20px} #top{position:absolute;z-index:99999;top:-25px;right:-80px;width:52px;height:52px;text-align:center;background:#134ea8;border-radius:52px} #top a{position:relative;padding:15px 0 10px 0;display:block;line-height:30px;font-size:11px;color:#fff;text-transform:uppercase} #top a i{position:absolute;top:5px;left:50%;margin-left:-25px;width:100%;line-height:20px;font-size:18px;color:#fff} #title{position:relative;z-index:21} #title:after{content:'';position:absolute;z-index:1;top:0;left:50%;margin-left:-50%;width:100%;height:100%;background:rgba(0,0,0,0.5)} #title .title{text-align:center} #title .title h2{position:relative;z-index:2;display:inline-block;margin:40px auto;color:#fff;font-size:24px;font-weight:500} #title .title h2 span{display:block;font-size:12px;letter-spacing:1px;opacity:0.8} #title .navi{position:relative;z-index:5;border-top:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.2)} #title .navi .khwrap{padding:0 0 0 50px} #title .nv1, #title .nv2, #title .nv3{float:left;position:relative;z-index:2;height:50px;border-right:1px solid rgba(255,255,255,0.2)} #title .nv1{position:absolute;top:0;left:0;width:50px} #title .nv2{width:40%} #title .nv3{width:60%;border-right:0} #title .nv1 a{display:block;width:50px;line-height:50px;border-left:1px solid rgba(255,255,255,0.2)} #title .nv1 i{position:relative;top:4px;font-size:20px;color:#fff} #title .nv1 span{display:none} #title .nv2 span{padding:0 10px;display:block;line-height:50px;font-size:14px;font-weight:500;color:#fff;text-align:left} #title .nv3 button{padding:0 0 0 10px;display:block;width:100%;line-height:50px;font-size:14px;font-weight:500;color:#fff;background:none;text-align:left} #title .nv3 i{float:right;padding:0 10px;line-height:50px;transition:all 0.5s} #title .nv3.sel button{color:#0c4da2;background:#fff} #title .nv3.sel i{transform:rotate(180deg)} #title .nv3 ul {display:none;position:absolute;z-index:51;top:51px;left:0;width:100%;background:#fff} #title .nv3 ul li a{display:block;padding:4px 10px;font-size:13px;font-weight:400;text-align:left} #title .nv3 ul li a span{color:#333} #title .nv3 ul li.sel{display:block} #title .nv3 > ul li a:hover span, #title .nv3 > ul li.sel span{color:#023f9c;text-decoration:underline} #title .nv3 > ul li a i{display:none} #contain{padding:30px 0;background:#fff} #contain .title{padding:0 0 30px 0} #contain .title h2{position:relative;display:block;padding:0 0 10px 0;font-size:22px;font-weight:500;text-align:center;color:#222} #contain .title h2:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-30px;display:block;width:60px;height:2px;background:#0d4da5} #contain .sit_admin, #contain .sct_admin, #contain .ctt_admin{position:fixed;z-index:90000;bottom:0;left:20px;display:block;background:#000;border-top-left-radius:40px;border-top-right-radius:40px;overflow:hidden;transition:all 0.3s} #contain .sit_admin a, #contain .sct_admin a, #contain .ctt_admin a{display:block;position:relative;width:50px;font-size:0;text-indent:-9999em;overflow:hidden} #contain .sit_admin a:before, #contain .sct_admin a:before, #contain .ctt_admin a:before{content:"\e986";display:block;padding:10px 0;font-size:24px;font-family:xeicon;color:#fff;text-align:center} }