@charset "UTF-8";

/* ****************** LAYOUT ********************** */
html,
body,
a,
p,
span,
ul,
img{padding:0;margin:0;list-style:none;border:none;font-family:"Microsoft Yahei","Arial";color:#666;}
body,
table,
th,
td,
button,
select,
input,
textarea{font-family:"Microsoft Yahei","Arial";font-size:14px;line-height:1.1;color:#666;}
html,
body,
a,
p,
span,
ul,
img{font-family:"Microsoft Yahei","Arial";color:#666;}
ul{padding:0;}

/* 链接样式 */
a{text-decoration:none;outline:none;}
a:visited{text-decoration:none;outline:none;}
a:hover{text-decoration:none;outline:none;}
body{background-color:#fff;}
#wrap{overflow:hidden;width:100%;min-width:320px;position:relative;}
img{max-width:100%;}

/* 层浮动 */
.left{float:left;}
.right{float:right;}
.center{margin:0 auto;}
.tcenter{text-align:center;}
::selection{background:#222;color:#fff;}
::-moz-selection{background:#222;color:#fff;}
.clear{clear:both;font-size:1px;line-height:0px;height:0px;}
.visible-xs{display:none!important;}

/*header*/
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.area{max-width:800px;}
#header{position:fixed;height:100px;top:0;background:rgba(0,0,0,0.1);left:0;text-align:center;width:100%;z-index:999;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;border-bottom:1px solid rgba(255,255,255,.5);}
#header.white-bg{background-color:#fff;border-bottom:1px solid rgba(153,153,153,.3);}
#headerInnerWrap{position:relative;top:0px;left:0px;width:100%;height:100px;z-index:9999;background-color:transparent;-webkit-transition:background-color 0.5s;-moz-transition:background-color 0.5s;-o-transition:background-color 0.5s;-ms-transition:background-color 0.5s;transition:background-color 0.5s}
#headerInner{position:relative;height:100%;margin:0px auto;padding:0 100px;}
#header .logo{z-index:100;max-width:181px;position:absolute;left:60px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
#header .logo a{display:block;}
#header .logo img{vertical-align:top;}
#header .logo img:nth-child(2){display:none;}
#header .logo img:nth-child(1){display:block;}
#header.white-bg .logo img:nth-child(2){display:block;}
#header.white-bg .logo img:nth-child(1){display:none;}

/* -------- Header-------- */
#header .header-util-box{position:absolute;right:0;top:0;height:100%;width:290px;border-left:1px solid rgba(255,255,255,.3);padding-left:12px;}
#header.white-bg .header-util-box{border-left:1px solid rgba(153,153,153,.3);}
.header-lang{position:relative;float:left;height:100%;z-index:100;width:46px;line-height:100px;padding-right:18px;margin-left:18px;}
#header .header-lang:before{width:0px;position:absolute;right:0;top:50%;margin-top:-5px;content:"";height:10px;border:1px solid #fff;opacity:0.3;}
#header.white-bg .header-lang:before{border:1px solid #999;}
.header-lang .lang-open-btn{overflow:hidden;}
.index-wrapper .header-lang .lang-open-btn{width:28px;height:23px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
#header .header-lang .lang-open-btn i{background-image:url("../images/wx.png");background-position:center;background-repeat:no-repeat;/*background-size:28px 23px;*/width:100%;height:100%;display:block;}
#header.white-bg .header-lang .lang-open-btn i{background-image:url(../images/wx1.png);background-size:28px 23px;}
#header.white-bg .header-lang .lang-open-btn:hover i{background-image:url("../images/wxhover.png");background-position:center;background-repeat:no-repeat;background-size:28px 23px;}
.eng{display:none;background:#fff;box-shadow:0 1px 11px rgba(0,0,0,0.3);width:120px;padding:5px;position:absolute;top:100%;right:50%;margin-right:-52px;z-index:96;}
.eng:before{border:solid transparent;content:' ';height:0;position:absolute;width:0;border-width:10px;border-bottom-color:#fff;top:-20px;left:50%;transform:translateX(-50%);}
.index-wrapper .header-lang .oa{width:28px;height:23px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
#header .header-lang .oa i{background-image:url("../images/oa.png");background-position:center;background-repeat:no-repeat;/*background-size:28px 23px;*/width:100%;height:100%;display:block;}
#header.white-bg .header-lang .oa i{background-image:url(../images/oa1.png);background-size:25px 23px;}
#header.white-bg .header-lang .oa:hover i{background-image:url("../images/oahover.png");background-position:center;background-repeat:no-repeat;background-size:25px 23px;}
.header-lang .lang-open-btn .arrow{position:absolute;top:0px;right:0px;}
.header-lang .lang-open-btn .arrow i{font-size:16px;}
.header-lang>ul{display:none;position:absolute;top:28px;left:-1px;z-index:10;width:100%;background-color:#f2f2f2;border:1px solid #f2f2f2}
.header-lang>ul>li>a{display:block;padding:0 10px;font-size:12px;line-height:30px;color:#222;font-weight:700}
.header-lang>ul>li>a:hover{background-color:rgba(255,255,255,0.2);}
.header-lang.open .lang-open-btn .arrow i{transform:rotate(180deg);margin-top:-3px;}
.eng a{line-height:35px;font-size:16px;display:block;width:100%;text-align:center;}
.eng a:hover{color:#333;}

/*search*/
.header_ser{width:22px;position:relative;height:100%;float:left;margin:0 18px;}
#header .header_ser:after{width:0px;position:absolute;right:-18px;top:50%;margin-top:-5px;content:"";height:10px;border:1px solid #fff;opacity:0.3;}
#header.white-bg .header_ser:after{border:1px solid #999;}
#header .sousuoend{background-image:url(../images/sear.png);background-repeat:no-repeat;/*background-size:22px 22px;*/width:22px;display:inline-block;height:22px;cursor:pointer;}
#header.white-bg .sousuoend{background-image:url(../images/sear1.png);background-size:22px 22px;}
#header.white-bg .sousuoend:hover{background-image:url(../images/searhover.png);}
.cuohao{color:#333;font-size:30px;}
.cuohaoa{color:#333;}
header #util-search-box{display:none;position:absolute;z-index:9999;background-color:#fff!important;top:0px;left:0;width:100%;height:100px;}
header #util-search-box .container{padding-right:0;padding-left:0;}
header #util-search-box .search-box-container{position:relative;}
header #util-search-box .search-box-container .search-area{position:relative;height:100px;padding-right:0;padding-left:0;}
header #util-search-box .search-box-container .search-area .search-prepend{position:absolute;top:0;left:0;width:62px;height:100%;padding:39px 20px;line-height:22px;}
header #util-search-box .search-box-container .search-area .search-prepend>i{display:inline-block;color:#000;background-image:url(../images/sear.png);width:22px;height:22px;background-size:100%;background-repeat:no-repeat;vertical-align:top;}
header #util-search-box .search-box-container .search-area .search-field{height:100%;padding-right:60px;padding-left:60px;}
header #util-search-box .search-box-container .search-area .search-field>input{width:100%;height:100px;padding-top:25px;padding-bottom:25px;background-color:transparent;border:none;outline:none;color:#000;font-size:18px;font-weight:600;line-height:30px;}
header #util-search-box .search-box-container .search-area .search-field>input::-webkit-input-placeholder{color:#999;opacity:1;}
header #util-search-box .search-box-container .search-area .search-field>input:-ms-input-placeholder{    /* Chrome, Firefox, Opera, Safari 10.1+ */
color:#999;opacity:1;    /* Firefox */}
header #util-search-box .search-box-container .search-area .search-field>input::-ms-input-placeholder{    /* Chrome, Firefox, Opera, Safari 10.1+ */
color:#999;opacity:1;    /* Firefox */}
header #util-search-box .search-box-container .search-area .search-field>input::placeholder{    /* Chrome, Firefox, Opera, Safari 10.1+ */
color:#999;opacity:1;    /* Firefox */}
header #util-search-box .search-box-container .search-area .search-field>input:-ms-input-placeholder{    /* Internet Explorer 10-11 */
color:#999;}
header #util-search-box .search-box-container .search-area .search-field>input::-ms-input-placeholder{    /* Microsoft Edge */
color:#999;}
header #util-search-box .search-box-container .search-area .search-append{position:absolute;top:24px;cursor:pointer;right:0;}
header #util-search-box .search-box-container .auto-compile{overflow:hidden;display:block;position:absolute;top:100px;right:0;left:0;width:100%;text-align:left;background-color:#fff;box-shadow:0px 5px 6px rgba(0,0,0,0.16);border-bottom-right-radius:16px;border-bottom-left-radius:16px;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list{position:relative;padding:18px 20px;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list:last-child{padding-bottom:30px;display: none;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list strong{display:inline-block;margin-left:42px;vertical-align:top;font-weight:500;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list ul{padding-left:42px;overflow:hidden;padding-top:15px;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li{width:15%;float:left;padding-top:7px;padding-right:10px;padding-bottom:7px;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a{display:inline-block;font-size:16px;font-weight:500;line-height:22px;}
html.is-resize header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a{-webkit-transition:none!important;transition:none!important;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a:hover,
header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a:active{color:#ca0202;}
header #util-search-box .search-box-container .auto-compile .auto-compile-list+.auto-compile-list::before{content:'';display:block;position:absolute;top:0;right:0;left:0;width:100%;height:0;border-bottom:1px solid #e8e8e8;}

/* -------- Header-------- */
.gnb-overlay-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9997;}

/* gnb overlay BG */
#gnb{float:left;padding-left:200px;}
#gnb>ul{}
#gnb>ul>li,
#gnb .li{display:inline-block;}
#header #gnb>ul>li>a,
#header #gnb .li>a{position:relative;z-index:100;display:block;height:100px;line-height:100px;padding:0 25px;text-align:center;font-size:18px;font-weight:500;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;color:#fff;}
#header.white-bg #gnb>ul>li>a,
#header.white-bg #gnb .li>a{color:#666;}
#gnb>ul>li>a .kr{font-weight:400;}
#header.white-bg #gnb>ul>li>a:hover{color:#D81F27;}
#header.white-bg #gnb>ul>li.active>a{color:#D81F27;}

/* GNB */
#gnbBg{position:absolute;left:0;top:100px;width:100%;height:0;background:#F5F5F5;z-index:98;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s;-ms-transition:height 0.3s;transition:height 0.3s;}
#gnbBg.open{height:365px;border-top:1px solid #e5e5e5;}
#gnb.total-menu>ul>li .gnb-2dep{visibility:hidden;opacity:0;filter:Alpha(opacity=0);position:absolute;left:0;top:100px;min-height:365px;z-index:99;width:100%;text-align:left;-webkit-transition:all 0s 0s;-moz-transition:all 0s 0s;-o-transition:all 0s 0s;-ms-transition:all 0s 0s;transition:all 0s 0s;}
#gnb.total-menu>ul>li .gnb-2dep.show{visibility:visible;opacity:1.0;filter:Alpha(opacity=100);-webkit-transition:all 0.3s 0.1s;-moz-transition:all 0.3s 0.1s;-o-transition:all 0.3s 0.1s;-ms-transition:all 0.3s 0.1s;transition:all 0.3s 0.1s}
.gnb-2dep-menu-list{float:left;width:46.7%;padding-top:38px;padding-left:60px;}
.gnb-2dep-menu-list .gnb_mleft{width:638px;max-width:100%;float:right;}
.gnb-2dep-menu-list .gnb_sub{display:block;font-size:22px;font-weight:bold;line-height:1.1;padding-bottom:21px;color:#333333;}
.gnb-2dep-menu-list li{float:left;position:relative;width:50%;padding-right:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.gnb2 .gnb-2dep-menu-list li{width:50%;padding-right:40px}
.gnb-2dep-menu-list li a{display:table;position:relative;width:100%;height:64px;padding-bottom:12px;color:#888;border-bottom:1px solid #e5e5e5;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.gnb-2dep-menu-list li a:before{position:absolute;bottom:0px;left:0;width:0;height:1px;background-color:#D81F27;content:"";-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.gnb-2dep-menu-list li a span{display:table-cell;color:inherit;vertical-align:bottom;font-size:18px;}
.gnb-2dep-menu-list li a .gnb-icon{position:absolute;bottom:12px;right:0;font-size:18px;}
.gnb-2dep-menu-list li a:hover{color:#D81F27;}
.gnb-2dep-menu-list li a:hover:before{width:100%;}
.gnb-2dep-menu-list li.active a:hover{width:100%;}
.gnb-2dep-menu-list li a:hover .gnb-icon svg path{fill:#D81F27;}
.gnb-2dep-menu-txt{float:left;padding-left:60px;width:53.3%;background-color:#fff;}
.gnb-2dep-menu-txt .gnb-2dep-menu-img{width:55%;height:365px;float:right;background-size:cover;background-position:center;background-repeat:no-repeat;}
.gnb-2dep-menu-txt .gnb-left{float:left;width:45%;padding-right:15px;padding-top:38px;}
.gnb-2dep-menu-txt .gnb-left .gnb_text{font-size:26px;line-height:1.2;color:#D81F27;min-height:100px;margin-bottom:35px;}
.gnb-2dep-menu-txt .gnb-left p{font-size:16px;line-height:28px;}

/* -------- Header-------- */
.sousuoa{width:25px;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;}

/* -------- Headerhover  -------- */
#header #gnb>ul>li.active>a,
#header.over #gnb>ul>li.on>a,
#header.over #gnb>ul>li>a:hover,
#header #gnb .li:hover a{color:#D81F27}
#header #gnb>ul>li.active>a:after,
#header.over #gnb>ul>li.on>a:after,
#header #gnb>ul>li>a:hover:after{width:36px;content:"";position:absolute;bottom:0;left:50%;-ms-transform:translateX(-50%);-o-transform:translateXXX(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateX(-50%);height:3px;background:#D81F27;opacity:1;}

/* -------- Header :: Sub -------- */
#header.sub-hidden{-ms-transform:translateY(-101px);-o-transform:translateY(-101px);-moz-transform:translateY(-101px);-webkit-transform:translateY(-101px);transform:translateY(-101px);}
#header.sub-hidden.up{    /* top:0px; */
-ms-transform:translateY(0);-o-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);}

/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn{display:none;}
#gnbM{display:none}
#header .menubtn{transition:0.4s;position:relative;margin-top:36px;display:inline-block;z-index:103;cursor:pointer;width:30px;height:26px;background:transparent url(../images/menu_btn.png) center no-repeat;}
#header.white-bg .menubtn{background-image:url(../images/menu_btn2.png);}
#header.white-bg .menubtn.active,
#header.white-bg .menubtn:hover{background-image:url(../images/menu_btn1.png);}

/*menu right*/
.header-right{z-index:999;float:left;height:100%;padding-left:18px;}
.navigate-mark{position:fixed;width:100%;left:0;top:0;opacity:0;height:100%;background:rgba(0,0,0,.6);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.show .navigate-mark{visibility:visible;opacity:1;}
.navigate{width:100%;height:100%;position:fixed;right:0;top:0;z-index:102;visibility:hidden;transition:0.7s;}
.navigate.show{visibility:visible;}
.navigate.show .navigate-item{opacity:1;visibility:visible;transform:translateX(0px);transition:0.6s 0.4s;}
.navigate.show .navigate-item:nth-child(2){transition-delay:0.6s;}
.navigate.show .navigate-item:nth-child(3){transition-delay:0.8s;}
.navigate-list{position:absolute;left:32.6%;top:20.83%;right:0;overflow:hidden;}
.navigate-item{width:33.3333%;float:left;opacity:0;visibility:hidden;transition:0.4s;transform:translateX(120px);}
.navigate-item dt{display:block;margin-bottom:18px;}
.navigate-item dt a{display:inline-block;color:#fff;font-size:34px;line-height:1;font-weight:lighter;}
.navigate-item dd{display:block;}
.navigate-item dd p a{display:inline-block;color:#a6c8f7;font-size:24px;font-weight:lighter;line-height:1.5;}
.navigate-item dd p a:hover{color:#fff;}
.lnb_area{position:fixed;right:0;top:0;width:448px;height:100vh;z-index:999;background:#000;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0);}
.show .lnb_area{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
.lnb_tab{background:#fff;width:100%;height:100px;padding:0 24px}
.lnb_tab .nav-link{display:inline-block;padding:0 8px;border:none;margin:0 10px;line-height:100px;font-size:18px;color:rgba(0,0,0,.42);position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.lnb_tab .nav-link:before{content:'';position:absolute;bottom:0;left:0;width:0%;height:2px;background:#D81F27;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-ms-transition:width 0.3s;-o-transition:width 0.3s;transition:width 0.3s;}
.lnb_tab .nav-link.active:before{width:100%}
.lnb_tab .nav-link:hover{color:#000}
.lnb_tab .nav-link:hover:before{width:100%}
.lnb_inner .tab-content{padding-top:30px;height:calc(100vh - 100px);overflow:hidden;overflow-y:auto;}
.lnb_inner .tab-content ul li{text-align:left;padding:10px 0;}
.lnb_inner .tab-content ul li a.kr_sd_500{color:#fff;line-height:30px;font-size:18px;display:block;width:100%;position:relative;padding-left:30px;font-weight:bold;}
.lnb_inner .tab-content ul li a.kr_sd_500 span{color:inherit;font-size:inherit;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.lnb_inner .tab-content ul li a:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,.15);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;visibility:hidden;}
.lnb_inner .tab-content ul li a:after{content:'';position:absolute;right:40px;top:50%;margin-top:-8px;background:url(../images/ico_arrow_white_right.png) no-repeat 0 0 / contain;width:10px;height:16px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.lnb_inner .tab-content ul li a:hover span{padding-left:10px;}
.lnb_inner .tab-content ul li a:hover:before{visibility:visible;opacity:1;}
.lnb_inner .tab-content ul li a:hover:after{visibility:visible;opacity:1;}

/* ****************** FOOTER ********************** */
#footerTop{padding:40px 0;border-bottom:1px solid #e5e5e5;}
.back-top {
	position: fixed;
	bottom: 10%;
	right: 5px;
	display: none;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #D81F27;
	outline: 0;
	text-align: center;
	line-height: 60px;
	z-index: 99;
}
.back-top.fixed{bottom:15px;opacity:1.0;filter:Alpha(opacity=100);}
.back-top img{max-width:17px;}
.fp-viewing-4 #fp-nav{display:none!important;}
.foot_top{background:#0DB4D5;padding:28px 100px;}
.foot_top .left{font-size:20px;line-height:40px;color:#FFFFFF;}
.footup,
.footdown{}
.footup .container,
.footdown .container{position:relative;z-index:9;}
.footdown{padding-top:30px;padding-bottom:30px;color:#EC767B;font-size:16px;background:#D81F27;}
.footdown a{font-size:inherit;color:inherit;}
.footmore{margin:0 16px;}
.footdown a:hover{color:#fff;}
.footer{background:#F5F5F7;}
.foot_l{float:right;max-width:74%;width:980px;padding-bottom:75px;}
.foot_r{float:left;width:25%;padding-right:50px;padding-top:40px;}
.foot_l ul{margin-left:-10px;margin-right:-10px;margin-top:40px;}
.foot_l ul li{float:left;width:20%;padding:0 10px;}
.foot_l ul li h2{padding-bottom:4px;margin:0;}
.foot_l ul li h2 a{font-size:18px;display:inline-block;color:#333333;font-weight:bold;margin-top:0;margin-bottom:8px;}
.foot_l ul li a{display:block;font-size:16px;color:#C8C8C8;line-height:21px;margin:10px 0;}
.foot_l ul li a:hover{color:#D81F27;}
.foot_l ul li h2 i{display:none;}
.footlogo{max-width:184px;}
.footimg{padding-top:50px;}
.footimg ul{margin-left:-14px;margin-right:-14px;}
.footimg ul li{max-width:50%;width:134px;float:left;padding:0 14px;text-align:center;}
.footimg p{font-size:15px;padding-top:5PX;}
.footimg p img{margin-bottom:5px;}
#m002{height:160px;overflow-y:auto;width:100px;}

/*scroll*/
#m002::-webkit-scrollbar{width:4px;height:2px}
#m002::-webkit-scrollbar-button:vertical{display:none}
#m002::-webkit-scrollbar-corner,
#m002::-webkit-scrollbar-track{background-color:#DBDBDB;}
#m002::-webkit-scrollbar-thumb{border-radius:0;background-color:#D81F27;}
#m002::-webkit-scrollbar-thumb:vertical:hover{background-color:#D81F27;}
#m002::-webkit-scrollbar-thumb:vertical:active{background-color:#D81F27;}
@media (min-width:768px){
    .foot_l .collapse{display:block!important;}
}
@media (max-width:768px){
    #m002{height:auto;overflow-y:visible;}
}

/*  SUB LAYOUT*/
#content{padding:20px 20px;}
@keyframes spin{
    to{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes spin{
    to{-webkit-transform:rotate(360deg);}
}

/* modal layer content */
.footer-modal-content{position:relative;width:96%;max-width:1000px;margin:20px auto;background-color:#fff;}
.footer-modal-content h1{height:60px;line-height:60px;font-size:24px;font-weight:600;letter-spacing:-0.5px;text-align:center;padding:0;background-color:#ed1c24;color:#fff;}
.modal-close-btn{position:absolute;top:11px;right:10px;color:#fff;}
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover{color:#fff}
.footer-inner-box{padding:30px;}
.footer-inner{padding:20px;height:400px;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd;}