@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
@import url('https://fonts.googleapis.com/css?family=Nunito:700');
body{font-family: 'Roboto', sans-serif; zoom: 1; font-size:15px; line-height:22px; color:#333333;}
strong{font-weight:500 !important;}
button{font-family: 'Roboto' !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb90{margin-bottom:90px !important;}
.mb120{margin-bottom:120px !important;}
.ml3{margin-left:3px !important;}
.mr3{margin-right:3px !important;}

.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb60{padding-bottom:60px !important;}
.pb90{padding-bottom:90px !important;}
.pb120{padding-bottom:120px !important;}

.txt-red{color:#ff5656 !important;}
.txt-navy{color:#475cce !important;}
.txt-green{color:#10a4b7 !important}
.txt-yellow{color:#ffd800 !important;}
.txt-fff{color:#ffffff !important;}
.txt-black{color:#000 !important;}
a.txt-fff:hover{color:#FC0 !important;}
.ta_justify {
    text-align: justify !important;
}

.btn-center { margin: 25px; text-align: center;}
.btn{ font-size:13.5px; font-weight:500; color:#444444; padding: 2px 10px; margin: 0 3px; border: 2px solid #e4522e; border-radius: 13px;}
.btn:hover{background:#e4522e; color:#ffffff; transition:0.4s; cursor:pointer !important;}
.btn-lg{font-size: 17px; padding: 5px 25px; border-radius: 20px; background:#e4522e; color:#ffffff;}
.btn-lg:hover{background:#ffffff; color:#444444;  border: 2px solid #e4522e; cursor:pointer !important;}
.section-title .btn{ font-size:13.5px; font-weight:500; color:#3c8dbc; padding: 2px 10px; margin: 0 3px; border: 2px solid #3c8dbc; border-radius: 13px;}
.section-title .btn:hover{background:#3c8dbc; color:#ffffff; transition:0.4s; cursor:pointer !important;}

#myBtntop {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 999999; border: none;  outline: none;
  background-color:#ffd800; color:#ffffff; cursor: pointer; padding: 15px;  border-radius: 10px;}
#myBtntop:hover {background-color: #f0d125;}
a.link{color:#db553c;}
a.link:hover{text-decoration:underline;}

.fl-left{float:left;}
.fl-right{float:right;}
.al-center{text-align:center;}
.al-left{text-align:left;}
.al-right{text-align:right;}
.al-justify{text-align:justify;}
.display-bc{display:block; margin:0 auto;}

button.accordion {
    background-color: #fbe8e4;
    color: #000;
    cursor: pointer;
    padding: 11px 22px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.3s;
    margin-bottom: 10px;
    border-radius: 30px;
    border: 1px solid #ecd3cf;
}

button.accordion.active, button.accordion:hover {
    background-color: #ecd3cf;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel1 {
    background-color: white;
	max-height:0px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
div.wpsm_panel{padding:10px 0 30px 24px;}
div.wpsm_panel img{display:block; margin:5px auto;}
div.wpsm_panel h5{font-size:18px;}
.m_box {
    width: 480px;
    height: 70px;
    padding: 15px 20px;
    border: 2px dotted #475cce;
    margin: 10px auto;
    border-radius: 10px;
	text-align:center;
	background-color:#f3f4fb;
}

.label{display: inline;
    padding: .2em .6em .3em;
    font-size: 70%;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
	background-color: #3c8dbc;}
.label.color2{border:1px solid #36c; background:transparent; padding:0.5em 1.6em .3em 1em; font-size:16px; font-weight:600;}
.label.color2 a{color:#36c !important;}
.label.color2:hover{color:#36c !important; background:transparent; text-decoration:underline;}
.label:hover{background:#C33; transition:0.3s;}	
li .label{ margin-left: 4px;}	
.h3_icon {
    background: url(../images/h3_icon.png) no-repeat;
    background-position: top left;
    padding-left: 25px;
    height: 22px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 15px;
    line-height: 6px;
}

.icon_1{ background: url(../images/h3_icon_1.png) no-repeat;
    background-position: top left;
    padding-left: 30px;
    height: 22px;
    padding-top: 7px;
    font-weight: bold;
    font-size: 15px;
    line-height: 6px;}
.icon_2{ background: url(../images/h3_icon_2.png) no-repeat;
    background-position: top left;
    padding-left: 30px;
    height: 22px;
    padding-top: 7px;
    font-weight: bold;
    font-size: 15px;
    line-height: 6px;}
.icon_3{ background: url(../images/h3_icon_3.png) no-repeat;
    background-position: top left;
    padding-left: 30px;
    height: 22px;
    padding-top: 7px;
    font-weight: bold;
    font-size: 15px;
    line-height: 6px;}
/*=========================main=========================*/

/*-------------------------gnb-------------------------*/
.tnb-wrap{width:1055px; height:103px; margin:0 auto;}
.tnb-wrap img.tnb-logo{position:absolute; top:38px; left:50%; margin-left:-530px;}
.tnb{width:1055px; height:30px; margin:0 auto;}
.tnb ul{width:210px; float:right; padding-top:47px;}
.tnb-wrap ul li{float:left;}
.tnb-wrap ul li a{display:block; font-size: 12px;  border: 1px dashed #868181; text-align: center; padding: 0px 13px;  color: #000; margin-left: 5px; border-radius: 15px;}
.tnb-wrap ul li a:hover{border: 1px dashed #d57214; color:#d57214; transition:ease-out 0.5s;}

.gnb-wrap{max-width:100%; background-color:#fce254;}
.navbar{width:1055px; height:52px; overflow: hidden; background-color:#fce254;/* min-width:1055px;*/margin:0 auto;}
.gnb{width:1055px; height:52px; margin:0 auto;}
.navbar .depth1, .home-btn{float: left; font-size:15.5px; font-weight:500; color:#000 !important; text-align: center; padding: 18px 17.8px; text-decoration: none;  text-transform:uppercase; 
							cursor:pointer !important; border:none;  background-color:#fce254; letter-spacing:-0.1px;}
.home-btn{ padding: 15px 26px;}
.dropdown{float: left; padding:0px; height:52px; overflow: hidden; line-height:normal;}
.dropdown-menu{display: none; width: 235px; position: absolute; top: 564px; background-color: #f4f4f4; z-index: 999999;
    border: 1px solid #fce254; border-bottom-left-radius: 10px; border-bottom-right-radius:10px; padding: 13px 0;}
.dropdown-menu1{display: none; width: 235px; position: absolute; top: 154px; background-color: #f4f4f4; z-index: 999999;
    border: 1px solid #fce254; border-bottom-left-radius: 10px; border-bottom-right-radius:10px; padding: 13px 0;}
.dropdown-menu.menu1{left: 50%; margin-left: -562px;}
.dropdown-menu.menu2{left: 50%; margin-left: -412px;}
.dropdown-menu.menu3{left: 50%; margin-left: -267px;}
.dropdown-menu.menu4{left: 50%; margin-left: -108px;}
.dropdown-menu.menu5{left: 50%; margin-left: 22px;}
.dropdown-menu.menu6{left: 50%; margin-left: 155px;}
.dropdown-menu.menu7{left: 50%; margin-left: 295px;}

.dropdown-menu1.menu1{left: 50%; margin-left: -562px;}
.dropdown-menu1.menu2{left: 50%; margin-left: -403px;}
.dropdown-menu1.menu3{left: 50%; margin-left: -252px;}
.dropdown-menu1.menu4{left: 50%; margin-left: -87px;}
.dropdown-menu1.menu5{left: 50%; margin-left: 50px;}
.dropdown-menu1.menu6{left: 50%; margin-left: 188px;}
.dropdown-menu1.menu7{left: 50%; margin-left: 329px;}

.dropdown-menu a{display: block; float: none; width:100%; font-size:14.5px; color:#333; text-decoration: none; text-align: center; padding:5px 0; }
.dropdown-menu a:hover {font-size:15px; font-weight:500; transition:ease 0.3s; padding:7px 0; color:#d41620;}

.dropdown-menu1 a{display: block; float: none; width:100%; font-size:14.5px; color:#333; text-decoration: none; text-align: center; padding:5px 0; }
.dropdown-menu1 a:hover {font-size:15px; font-weight:500; transition:ease 0.3s; padding:7px 0; color:#d41620;}

.dropdown:hover .dropdown-menu {display: block;}
.dropdown:hover .dropdown-menu1 {display: block;}

.dropdown-menu .fa-caret-up{position: absolute; top: -20px; font-size: 30px; color: #f4f4f4; left: 110px;}
.dropdown-menu1 .fa-caret-up{position: absolute; top: -20px; font-size: 30px; color: #f4f4f4; left: 110px;}

.dropdown .depth1:hover .dropdown .dropdown-menu a:before{font-family:'FontAwesome'; content:"\f0da"; float: left; padding-right: 5px;}
.dropdown .depth1:hover .dropdown .dropdown-menu1 a:before{font-family:'FontAwesome'; content:"\f0da"; float: left; padding-right: 5px;}


/*---------------------visual slider---------------------*/
.visual{position:relative;}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flex-direction-nav{display:none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {position: relative;  zoom: 1; display: none; -webkit-backface-visibility: hidden;  background-color:#696969;/* background-image:url(../images/slide/slide_bg.png);*/ background-repeat:no-repeat; max-width:100%;}
.flexslider .slides img {/*width: 1280px;*/ display: block; margin:0 auto;/* height:476px;*/ max-width:100%;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider {position: relative;  zoom: 1; z-index: 10;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {background: #ffffff; zoom: 1; max-width:100%;}
.ie7 .flexslider {margin-bottom: -30px;}
.flex-viewport {max-height: 2000px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1; max-width:100%;}

/*---------------------quick menu bar---------------------*/
.quick-menu_wrap{width:1055px; height:105px; margin:0 auto; z-index:9999; }
.quick-menu li{width: 175.8px; float: left; padding: 10px 0; border: 1px solid #dddddd; margin-right: 5px; box-sizing:border-box;}
.quick-menu li:last-child{margin-right:0;}
.quick-menu li a{width:100%; text-align:center;}
.quick-menu li a img{display:block; margin:0 auto;}
.quick-menu li:hover{border:1px solid #ff5656; transition:ease-in 0.4s;}
.quick-menu li .page-name{text-align:center; padding: 9px 0 3px 0; text-transform: uppercase; font-size: 14.5px; font-weight: 500; letter-spacing: -0.5px; color:#1e1e1e;}
.quick-menu li:hover .page-name{color:#a20e16;}

/*---------------------main contents area---------------------*/
.contents{width:1055px; margin:0 auto; padding-top:15px;}
.section_top{width:100%; padding:20px 0; height:220px;}
.section_bottom{width:100%; padding:22px 0px; height:270px;}
.section{border-left:2px dotted #dddddd; border-right:2px dotted #dbdbdb; min-height:220px; border-top:1px solid #dbdbdb;}
.section:first-child{border-top: 4px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-right:10px;}
.section:nth-child(2){border-top: 4px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.section-title{font-size: 18px; font-weight: 500;line-height: 35px; text-transform: uppercase; letter-spacing: -0.5px; border-bottom: 1px solid #d3d3d3; padding: 8px 10px 2px;}
.border-none{border:none !important;}
.half{width:497.5px; height: 210px; float:left; padding:15px 20px;}
.third{width:318.5px; height: 210px; float:left; padding:15px 20px; border:2px solid #ddd; height:233px; border-radius:20px; margin-left:10px;}

/* Style the tab */
div.tab {
    overflow: hidden;
    background-color: #f7f9fb;
	border-radius:17px;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 6px 10px 0px;
    transition: 0.3s;
    font-size: 18px;
	color:#a5adb5;
	border-right: 1px solid #dde2e8;
	width:50%;
}
div.tab button:last-child{border-right: none;}
.box-body{padding:0px 0px 10px 20px;}

.todo-list li{border-bottom:1px dotted #e8e8e8; padding:8px 0 !important;}

/* Change background color of buttons on hover */
div.tab button>img{filter: grayscale(100%);}
div.tab button:hover {
    background-color: #fce254;
	color:#000;
}
div.tab button:hover>img{filter:grayscale(0%);}
/* Create an active/current tablink class */
div.tab button.active {
    background-color: #fce254;
	color:#000;
}
div.tab button.active>img{filter:grayscale(0%);}
/* Style the tab content */
.tabcontent {
    display: none;
	padding:0px;
}

.scroll{overflow-y:scroll; max-height:204px;}
.section-list{padding-top:10px;}
.section-list li{line-height:26px;}
.list_1 li{line-height:20px; margin-bottom:5px;}
.section-list li .date{/*display: inline-block; float: right;*/ padding-right: 10px; font-size: 13.5px; color: #ff5656; font-weight: 500;}
.section-list li:before{content:url('../images/main/ico-list01.png'); padding-right:10px;}
.section-list.list-ico2 li:before{content:url('../images/main/ico-list02.png');}

.section.row1 .half:first-child{border-right:1px solid #dddddd;}

.section.row2{height:250px; width:33%; border-radius:20px;}
.section.row2>div{width:100%;}
.section.row2 .third{height:220px;}
.section.row2 .third, .section.row3 .third{width: 318px; float: left; padding: 15px 20px; border-right: 1px solid #dddddd;}
.section.row2 .third:last-child, .section.row3 .third:last-child{border-right:none;}

.row2 .main-keynote-box img{display: block; width: 170px; height: 170px; margin: 0 auto;}
.row2 .main-keynote-box img.keynote-sp{display: block; width: 130px; height: 130px; margin: 0 auto;}
.row2 .main-keynote-box .main-keynote{font-size: 15px; font-weight: 500; text-align: center; margin-top: 8px;}
.row2 .main-keynote-box .keynote-info{font-size:13.5px; text-align:center;}

.news-box .news-title{ font-size: 20px;  font-weight: 500; color: #e45151; margin-bottom: 8px;  padding-bottom: 8px; border-bottom: 1px dotted #ababab;}

.section.row3{margin-right:0;overflow:hidden; border:0}
.section.row3 .section-title{background-color:#fff;}
/*.section.row3{height:222px; width:49%; border-radius:20px;}
.section.row3 .third{height:235px;}
.section.row3 .scroll{max-height: 185px;}
.section.row3:first-child{margin-right:17px;}
.section.row3:last-child{border:0px; height:225px; box-sizing:border-box; overflow:hidden;}
.section.row3:last-child img{transition:0.3s;}
.section.row3:last-child img:hover{transform: scale(1.05);}
.row3 ul.download-center img{float: right; padding-right: 15px; margin-top: 3px;}
.row3 .twitter-wrap{border:1px solid #dddddd; border-radius:15px; padding:5px; background:#ffffff;}
.m_wel{padding:20px 10px 0px;}
.m_wel p{ width:97%; height:110px; text-align:justify;/*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}*/

/*=========================sub=========================*/
.loader {
  border: 10px solid #f3f3f3; /* Light grey */
  border-top: 10px solid #fce254; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 4s linear infinite;
  margin:150px auto 40px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.tba p {
    display: block;
    font-weight: 900;
    color: #fce254;
    text-align: center; font-size:38px;
}

/*keynote*/
.plenary_date{width:480px; background-color:#e4522e; float:left; margin-top:25px; margin-right:27px;}
.plenary_date p.date{color:#fff; text-align:center; padding:5px;}
.plenary_title {width: 480px; background-color: #fce9e4; float: left; margin-right: 9px;}
p.title {text-align: center; font-size: 15px; font-weight: 500; line-height: 18px; padding: 10px 5px; /*display:inline-block; height:37px;*/ overflow:hidden;}
.plenary_box .sp {width: 480px; height: 156px; border-bottom: 0px solid #102c76; background: #fbfbfb; float: left; margin-top: 0px; margin-right: 25px; display: table-cell;}
.plenary_box img.plenary {padding: 15px 40px 5px 40px; float: left;}
.plenary_box .speaker {font-size: 15px; color: #0b94e6; font-weight: bold; padding-top: 10px;}
.aff { margin-bottom:10px;}
.plenary_box .title1{font-size:13px;}

.keydate_list{font-size:1.071em; line-height:1.4em;}
.info_list li{padding:2px 0;}
.keydate_list li .tit{background-color:#79be90; color:#f0f8ea; width:6%; display:block; float:left; padding:6px 20px; -webkit-border-radius:4px; line-height:24px; font-weight:500; text-align:center;}
.info_list li .info{width:88%; display:block; float:right; padding:6px; border-bottom:2px solid #ddd; line-height:22px;}
.clear:after{display:block; clear:both; content:"";}

.keydate_lis1t{font-size:1.071em; line-height:1.4em;}
.info_list1 li{padding:2px 0;}
.keydate_list1 li .tit{background-color:#79be90; color:#f0f8ea; width:6%; display:block; float:left; padding:6px 20px; -webkit-border-radius:4px; line-height:24px; font-weight:500; text-align:center; margin-right:10px;}
.info_list1 li .info{width:73.8%; display:block; float:left; padding:6px; border-bottom:2px solid #ddd; line-height:22px;}
.info_list1 a{display:block; float:right; line-height:24px; border: 2px solid #e4522e; border-radius:50px; -webkit-border-radius:50px; color:#e4522e; padding:5.5px 20px; text-align:center;}
.info_list1 a:hover{background-color:#e4522e; color:#fff;}

/*-------------------------lnb-------------------------*/
.content_area{width:1055px; margin:0 auto; min-height:800px; border-top: 1px solid #dddddd;}
.lnb_area{display: block; width: 100.4%; height: 100%; float: left;}
.lnb{display: block; width:100%; color:#3e3e3e;}
.lnb ul{width:100%;}
.lnb ul li{float:left; margin:0 -1px -1px 0px;}
.lnb ul li a{ display: block; padding: 15px 0px; border: 1px solid #dddddd; text-align:center; font-size:14px;}
.lnb ul li a:hover, .lnb ul li a.depth2r{font-weight:500; font-size:14.5px; background:#f9f9f9; color:#ff5656; transition: 0.3s;}
.lnb ul li a.depth2r{ color:#d41620;}
.lnb ul li a.depth2r a:before{text-decoration:none;}
.lnb .title_box{ height: 120px; border-bottom: 1px solid #dddddd;}
.lnb .title_box p.menu-title{line-height: 39px; font-size: 23px; font-weight: 500; text-align: center; padding: 40px 0; border-top:4px solid #fce254;}

/*-------------------------contents-------------------------*/
.content{display: block; width: 93.7%; height: 100%; min-height: 800px; padding: 40px 32px 75px 32px; border-top: 3px solid #e2e2e2; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; float: left;}

.tba_area{text-align: center; margin-top: 150px; font-size: 22px; color: #b5b5b5;}
.tba_area img{display:block; margin:12px auto;}


.content h1 {font-size: 23px; line-height:20px; font-weight: 500; margin: 5px 0; color:#e4522e; padding-left: 13px; position: relative;}
.content h1:after{position: absolute; content: ""; left: 0; top: 0; bottom: 0; width: 5px; border-radius: 12px; background: #e4522e;}
.content h2{font-family:'Bree Serif', serif; font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom:40px;}
.content h3 {font-size: 20px; line-height: 20px; font-weight: 500; margin: 15px 0; color: #e4522e;}
.content h4 {font-size: 15.5px;  font-weight: 500; margin: 5px 0; color:#52839d; padding-left: 13px; position: relative;}
.content h4:after{position: absolute; content: ""; left: 0; top: 0; bottom: 0; width: 5px; border-radius: 2px; background: #52839d;}
.content h4 span {font-weight: 300;}
.content h5{font-size: 15px;  font-weight: 500; margin: 6px 0; color:#07a9bd;}
.content h6{font-size: 20px;  font-weight: 500; color:#ec407a; border-bottom:1px solid #ddd; line-height:45px; margin:10px 0 15px 0; padding-top:30px;}
/*.content ul.list li:before{ content: ''; font-size: 15px; vertical-align: bottom; padding-right: 7px;}*/

.content .ul-basic{ padding-left: 17px;}
.content .ul-basic li{padding: 2px 0; list-style-type: circle;}
.content .ul-basic li.decimal, .content .ul-basic2 li.decimal{list-style-type: decimal !important;}
.content .ul-basic li.circle, .content .ul-basic2 li.circle{list-style-type: circle !important;}

.content .ul-basic2{ border-top: 2px solid #ff5656; border-bottom: 2px solid #d4d4d4;}
.content .ul-basic2 li{border-bottom: 1px dotted #989898; padding: 8px 5px;}
.content .ul-basic2 li:last-child{border-bottom:none;}

.content dl dt { float: left; min-width: 235px; background: #f1f1f1; color: #582e2e; font-weight: 500;  margin-right: 13px; padding: 5px 8px;}
.content dl dd { margin: 2px 0; padding: 5px 0;}
.content .table{width:100%; border-left:1px solid #e0e0e0; border-top: 2px solid #eb7b0d;}
.content .table td{padding:6px 8px; border-right:1px solid #e0e0e0; border-bottom: 1px dotted #d4d4d4; vertical-align:middle; line-height: 21px;}
.content .table.al-center td{text-align:center;}
.content .table a:hover{text-decoration:underline;}

.content .table2{width:100%; border-top: 2px solid #B5B5B5; border-bottom: 1px solid #B5B5B5;}
.content .table2 td{padding:4px 8px; border-bottom: 1px dashed #bdbdbd;}
.content .table2 tr:last-child td{border-bottom:none;}

.content .section{width:776px;}
.content .section.last{border-bottom:1px solid #dddddd;}
.content .section .one{width:95%; padding:15px 20px;}
.content .section .half{width:347px; border-right:1px dotted #dddddd;}
.content .section .half:last-child{border-right:none;}

.contact-box{padding: 12px 20px;
    background: #f0f8fb;
    border-radius: 15px;
    margin-top: 5px;
    border: 2px dashed #dddddd;}
.topic_box{padding:10px 0;}
.topic_box .title_1{position:relative; clear:both; margin:25px 0 15px; border-bottom:1px solid #ccd7e6; font-size:16px; line-height:35px; display:block; text-align:left; background-color:#f4f4f4; padding:0;}
.title_1:after{display:block; position:absolute; bottom:-2px; right:0; width:65px; height:4px; background-color:#84819f; content:'';}
.no_box{display:inline-block; width:45px; height:45px; text-align:center; line-height:45px; font-size:30px; font-weight:500; background:#ececec; margin-right:11px;}

ul.ex_list{ width: 100%; height: auto; margin-top:20px;}
ul.ex_list li{ float: left; width: 185px; height: 164px; margin-right: 13px; margin-bottom: 10px; border:1px solid #ddd;}
.content ul.list li:before{content:'-'; font-size:15px; vertical-align:bottom; padding-right:7px;}
ul.ex_list li:nth-child(5n+0){margin-right:0 !important;}
ul.ex_list li img{display:block; width:185px; height:130px; margin-bottom:2px;}
ul.ex_list li span.btn1{width:49%;	height:33px; float:left; margin-right:2px;}
ul.ex_list li span.btn2{width:49.9%;height:33px;float:left; text-align:center; line-height:33px;}
ul.ex_list li span.btn2.none a{background:#e9e9e9;}
ul.ex_list li span.btn2.none:hover a{color:#555;}
ul.ex_list li span a{display:block; height:33px; text-align:center; line-height:33px;font-size:12px; background: #e9e9e9; transition:0.3s;}
ul.ex_list li span.btn1 a{width:100%;}/*58px*/
ul.ex_list li span.btn2 a{width:100%;}/*126px*/
ul.ex_list li span a:hover, ul.ex_list li span a:active{ background: #84819f; color: #fff;}
ul.ex_list li span.grey a:hover, ul.ex_list li span.grey a:active{ background: #efefef !important; color: #555 !important;}
.m_box ul.list{list-style:square; padding-left:10px;}
.m_box ul.list li:before{content:''; padding-right:0;}

/* Popup container */
.popup {  position: relative; display: inline-block; cursor: pointer;}
/* The actual popup (appears on top) */
.popup .popuptext { visibility: hidden;  width: 160px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 125%;  left: 50%;  margin-left: -80px;}
/* Popup arrow */
.popup .popuptext::after {content: "";  position: absolute;  top: 100%;  left: 50%;  margin-left: -5px;  border-width: 5px;  border-style: solid;  border-color: #555 transparent transparent transparent;}
/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show { visibility: visible;  -webkit-animation: fadeIn 1s;  animation: fadeIn 1s}
.popup .hide{ visibility: hidden; -webkit-animation: fadeOut 1s;  animation: fadeOut 1s}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}  to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}  to {opacity:1 ;}
}
@-webkit-keyframes fadeOut {
    from {opacity: 1;}  to {opacity: 0;}
}
@keyframes fadeOut {
    from {opacity: 1;} to {opacity:0 ;}
}

/*=========================footer=========================*/
.footer_area{width:100%; height:255px; float:left; min-width:1055px;}
.footer-wrap{width:100%; height:250px; border-top:3px solid #d2d2d2; min-width:1055px;}
.footer_info-wrap{width:100%; height:137px; background:#343434; color:#e1e1e1; padding-top:30px; clear:both;}
.footer, .footer_info{width:1055px; margin:0 auto;}
.footer p.ft-div{font-size:15px; color:#666; padding:20px 20px 0 0; clear:both; float:left;}
.footer ul li{float:left; margin-right:18px;}
.footer_info{height:125px;}
.footer-logo{display:block;}
.copy-info1{width:770px; float:left;}
.copy-info2{width:315px; float:left; text-align:right;}
.copy-info2 li{float:left;}
.copy-info2 li a{padding:2px 10px; font-size:12.5px; background:#5e5e5e; border-radius:13px; margin-left:6px;}
.org_area{width:100%; float:left; margin-right:30px; margin-top:14px;}
.sp_area{width:100%; float:left;}