@font-face {
    font-family:'Myriad';
    src:url('../includes/resources/fonts/MyriadPro-Regular.otf') format("opentype");
    src:url('../includes/resources/fonts/MyriadPro-Regular.otf') format("opentype");

}
@font-face {
    font-family:'Myriad';
    src:url('../includes/resources/fonts/MyriadPro-Bold.otf') format("opentype");
    src:url('../includes/resources/fonts/MyriadPro-Bold.otf') format("opentype");
    font-weight:bold;

}
@font-face {
    font-family:'NotoSans';
    src:url('../includes/resources/fonts/NotoSans-Regular.ttf') format("opentype");
    src:url('../includes/resources/fonts/NotoSans-Regular.ttf') format("opentype");

}
@font-face {
    font-family:'NotoSans';
    src:url('../includes/resources/fonts/NotoSans-Bold.ttf') format("opentype");
    src:url('../includes/resources/fonts/NotoSans-Bold.ttf') format("opentype");
    font-weight:bold;

}

body, html { padding: 0; margin: 0; }
html.full, html.full body { height: 100%; }
body{
	margin:0px;
	font-family: Helvetica;
	font-size: 15px;
	color:#727272;
	font-weight:normal;
	text-decoration:none;
	min-width: 1200px;
}
/************************************************************************************
 * Style:Input, Textarea, Select, Radio
 ************************************************************************************/
a{color:#727272;}
input{
	display:block;
	margin:0 0 20px 0;
	height:12px;
	width:295px;
	color:#434343;
	background:#fbfbfb;
	border:1px solid #B1B2B3;
	padding:8px 10px;
	box-shadow:inset 0 2px 3px #e8e8e8;
}
input:disabled{
	background:#E9E9E9;
}
input[type="submit"]{
	color:#110f0e;
	background:#ebe4e1;
	width: 88px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
}
textarea{
	display:block;
	resize:none;
	padding:11px 0 0 15px;
	margin:0 ;
	height:153px;
	width:295px;
	color:#434343;
	background:#fbfbfb;
	border:1px solid #B1B2B3;
	padding:8px 10px;
	box-shadow:inset 0 2px 3px #e8e8e8;
}
.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
p {margin: 0;}
/*******************************************************************************************************
 * Style:General
*******************************************************************************************************/
.mainwrap{width:1200px;margin:auto;}
.relative{position:relative;}
.clear{clear:both!important;}
.floatl{float:left;}
.floatr{float:right;}
.height{height:20px;}
.smallheight{height:10px;}
.leftit{text-align:left;}
.centerit{text-align:center}
.rightit{text-align:right;}
.topit{vertical-align:top;}
.bottomit{vertical-align:bottom;}
.justifyit{text-align:justify;}
.leftpadit{padding-left:10px;}
.rightpadit{padding-right:10px;}
.mouseOver{cursor:pointer;cursor:hand;}
.mouseOut{cursor:default;}
.black{color:#000;}
.white{color:#fff;}

/************************************************************************************
 * Style:Header CSS 
 ************************************************************************************/
.header { position: relative; /* z-index: 100; */}
.header .logo {background-color: #fff;  height: 94px; line-height: 100px; text-decoration: none; color: #000; text-align: center; position: absolute; top: 0%; left: 0%; /* min-width: 160px; */width: 15.5%;     font-family: Noto Serif;font-size: 18px;     letter-spacing: 4px;}
.header .social { height: 103px; line-height: 70px; text-decoration: none; color: #000; text-align: center; position: absolute; top: 0%; right: 0%; /* min-width: 160px; */ width: 14.3%;}
.header .social a { color: #000; font-size: 25px; padding: 0 15px; }
.header .social a:hover { color: #727272; }
.header hr { width: 945px; position: relative; left: -6px; margin: 0 auto;}
/*******************************************************************************************************
 * Style:Main Menu
*******************************************************************************************************/
.mainmenu{height: 40px; /* border-bottom: 1px solid #949494; */  z-index:200;width: 955px; position: relative;  margin: 0px auto;padding: 3px 0 3px 0px;overflow: hidden;}
.mainmenu.large { border-bottom: 0; }
.mainmenu ul.main{padding: 0;line-height: 60px;margin:0;list-style:none;clear:both;}
.mainmenu ul.main li.main{float:left;list-style:none;position:relative; margin-right: 1px;}
.mainmenu ul.main li.main a.main{ color: #6F6F6E; text-decoration:none; display:block; height: 40px; line-height: 40px; padding: 0 38.5px; text-align: center; font-size: 13px;}
.mainmenu ul.main li.main:first-child a.main {padding: 0 33px 0 0; }
.mainmenu ul.main li.main:last-child a.main { padding: 0 0 0 33px; }
.mainmenu.large ul.main li.main a.main{ padding: 0; margin: 0 207px; font-size: 24px; text-transform: uppercase; border-bottom: 6px solid #fff;font-family: Roboto Condensed;}
.mainmenu.large ul.main li.main:first-child a.main {padding: 0; margin: 0 75px 0 0;}
.mainmenu.large ul.main li.main:last-child a.main { padding: 0; margin: 0 0 0 62px;}
.mainmenu ul.main li.main a.main.active, .mainmenu ul.main li.main a.main.onlink{ color: #000;}
.mainmenu.large ul.main li.main a.main.active, .mainmenu.large ul.main li.main a.main.onlink { border-bottom: 5px solid #000; color: #000;}
.mainmenu ul.main li.main ul.menu{position: absolute;width: 248px;left:0px;top: 67px;z-index:1000;background: #37383a;/* border-top: 3px solid #171a1a; */ padding:0;margin:0px;display:none;float:left;line-height:0px;}
.mainmenu ul.main li.main ul.menu:before { /* border: solid transparent; */ content: ' '; height: 0; left: 23%; position: absolute; width: 0; border-width: 10px; border-bottom-color: #171a1a; margin-top: -23px; }
.mainmenu ul.main li.main ul.menu li.menu{ border-top: 2px solid #4b4c4e; -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;list-style:none; margin: 5px 20px; line-height: 18px;}
.mainmenu ul.main li.main ul.menu li.menu:first-child { border:none; }
.mainmenu ul.main li.main ul.menu li.menu a{ font-size:16px; color:#fff; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; display:block; padding: 12px 15px; text-decoration:none; line-height:18px; height: auto;}
.mainmenu ul.main li.main ul.menu li.menu a:hover{color: #ecb520;}

/*******************************************************************************************************
 * Style:Slider
*******************************************************************************************************/
.slider { background: #ccc; height: calc(100% - 94px);}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin:0px auto; position: relative; zoom: 1; overflow:hidden;height: 100%;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1; height: 100%;}
.flexslider .slides li { height: 100%; background-size: cover;      background-position: center top;}
.flexslider .slides li img {min-height: 100%; min-width: 100%; max-width: 10000%!important; /* margin: 0 auto!important; */position: absolute;left: -50%;right: -50%;top: -50%;bottom: -50%;margin: auto;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {z-index:5;  width: 34px; height: 35px; margin: -20px 0 0; display: block; background: url(../images/arrows.png) no-repeat bottom left; position: absolute; top: 50%; cursor: pointer; text-indent: 9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: bottom right; right: 0px; }
.flex-direction-nav .flex-prev {background-position: bottom left;  left: 0px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 20px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav { z-index:5; width: 1200px; position: absolute; bottom: 40px; text-align: center; left: 0; right: 0; margin: auto;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 10px; height: 10px; display: block; background: #999999;  cursor: pointer; text-indent: 9999px;}
.flex-control-paging li a:hover { background: #fcfcfc; }
.flex-control-paging li a.flex-active {  background: #fff; cursor: default; width: 12px;     height: 12px;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* Caption style */
.flex-caption .slider-container {position: absolute; bottom:62px; z-index:4;}
.flexslider a:hover img {opacity:1; filter:alpha(opacity=100); }
.flex-caption h2, .caption-text {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);}
.caption-text { text-transform:uppercase; font-size:25px; font-weight:bold; margin-bottom:-5px; color:#f6bd22;}
.flex-caption h2 {  color:#ffffff; font-size:33px; font-weight:400;   margin: 15px 0 0;}

/*******************************************************************************************************
 * Style:Home Content
*******************************************************************************************************/
.welcome { color: #272727; text-align: center; padding: 40px 0 60px; background: url("../images/grey_pattern.png") repeat;}
.welcome .content { padding: 0 100px; line-height: 25px;}

.biography {width:960px;margin:auto;}
/*******************************************************************************************************
 * Style:Main Content
*******************************************************************************************************/
.maincontent { background: #f1edec; clear: both; padding: 50px 0; position: relative; z-index: 100; overflow: hidden; min-height: 650px;height: auto;}

.maincontent .thumb { float: left; margin: 0 30px 10px 0; max-width: 420px; /* height: 200px; */ overflow: hidden; text-align: center;}
.maincontent .thumb .smallimages { margin: 10px 16px 0 0; }
.maincontent .thumb .smallimages:last-child { margin: 10px 0 0 0; display: inline-block;}
.maincontent .thumb img { -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s; }
.maincontent .thumb img:hover { opacity: 0.8; }

.maincontent .column { float: left; max-width: 950px; }
.headingtitle { color: #252525; font-size: 23px; padding: 26px; margin-bottom: 15px; padding: 15px 0 25px; font-family: Noto Serif; text-align: center; }
.headingtitle.white { color: #fff; }

.heading { color: #252525; font-size: 35px; padding: 26px; margin-bottom: 5px; padding: 0 100px; font-family: initial;}
.heading.article { padding: 0 0 0 0; width: 100%;}
.subheading { color: #727272; margin-bottom: 15px; padding: 0 100px; text-align: center; }

.more-expand {
    cursor: pointer;
}

.exhibits { background: #333333; }
.exhibits .title { color: #fff; font-size: 30px; font-family: Noto Serif; width: 160px; margin-left: 122px;text-align: left; float: left;}
.exhibits .description { float: left; width: 752px; margin-left: 40px; text-align: justify; position: relative; top: 11px;margin-bottom: 42px;}
.exhibits .description.line { border-bottom: 1px solid;}
.exhibits .description span { display: block; /* height: 55px; */ overflow: hidden; }
.exhibits .more-expand { float: right; position: relative; margin: 15px 0;}
.exhibits .exhibit_photos { text-align: center; }
.exhibits .exhibit_photos .box { display: inline-block; width: 330px; margin: 30px; }
.exhibits .exhibit_photos .box .image { display: block; height: 240px; overflow: hidden; }
.exhibits .exhibit_photos .box .image img { -o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.exhibits .exhibit_photos .box:hover .image img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.exhibits .exhibit_photos .box .caption { -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;  display: block; text-decoration: none; text-align: center; background-color: #000; padding: 20px; font-family: Noto Serif; font-size: 18px; color: #fff;}
.exhibits .exhibit_photos .box:hover .caption { background: #fff; color: #000; }

.exhibit_article { }
.exhibit_article .description { width: 945px; margin: auto; position: relative; padding: 0px 0 35px 0; margin-bottom: 35px; border-bottom: 2px solid #fff; }
 .exhibit_article .description span { display: block; /* height: 55px; */ overflow: hidden; }
.exhibit_article .more-expand { width: 35px; height: 35px; position: absolute; background-color: #fff; text-align: center; line-height: 35px; right: 0; bottom: 0; cursor: pointer; }
.exhibit_article .description span.expand { }
.exhibit_article .more-expand.expand { background-color: #333; }
.exhibit_article .owl-prev{ opacity: 1 !important; background: url(../images/final_arrows.png) no-repeat 0px 1px !important; width: 12px !important; height: 22px ! important; text-indent: -9999px;  padding: 0 !important;margin: 0 !important;}
.exhibit_article .owl-next{ opacity: 1 !important; background: url(../images/final_arrows.png) no-repeat -14px 3px !important; width: 12px !important; height: 22px ! important; text-indent: -9999px; padding: 0 !important;margin: 0 !important; }

.exhibit_article a.fileDownload { display: block; position: relative; float: right; margin: -83px -5px 0 0; text-decoration: none; font-size: 80%;}
.exhibit_article a.fileDownload i { display: inline-block; background-size: 100%;  background: url("../images/file.png") no-repeat center; width: 36px; height: 36px;  margin: 0 11px; position: relative; top: 12px;}
.exhibit_article .exhibit_article_photos { }
.exhibit_article .exhibit_article_photos img { width: 950px; margin: auto; display: block;}
.exhibit_article .exhibit_article_photos .owl-controls { position: absolute; top: 50%; width: 100%; }
.exhibit_article .exhibit_article_photos .owl-controls .owl-prev { background: none; position: absolute; left: 6%; color: #000; }
.exhibit_article .exhibit_article_photos .owl-controls .owl-next { background: none; position: absolute; right: 6%; color: #000; }
.exhibit_article .photogallery { background: #fff; padding: 55px 0 70px; position: relative;}

.exhibit_article .video-container { background: #333; padding: 35px 0; overflow: hidden;}
.exhibit_article .video-container .headingtitle { color: #fff; }

.contact .description { border-bottom: 1px solid #ccc; margin-bottom: 25px; padding-bottom: 25px; }
.contact .ContactForm > .column {float: left;margin-right: 240px;width: 480px;}
.contact .ContactForm > .column:nth-child(2n) { margin-right: 0px;}
.contact .ContactForm .checkboxtxt { float: left; } 
.contact .ContactForm input[type="text"] {margin-bottom: 25px;height: 18px;width: 405px;float: left;padding-right: 60px;position: relative;border: 1px solid #ccc;box-shadow: none;background: #fff; -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;}
.contact .ContactForm input[type="checkbox"] { width: auto; display: inline-block; float: right;}
.contact .ContactForm textarea {width: 410px;height: 169px;margin-bottom: 25px;float: left;padding-right: 55px; border: 1px solid #ccc;box-shadow: none;background: #fff; -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;}
.contact .ContactForm .captchaImg {float: left;}
.contact .ContactForm .security_code {float: left;margin-left: 25px;width: 300px!important;top: 4px;}
.contact .ContactForm input[type="text"]:hover, .ContactForm textarea:hover, .ContactForm input[type="text"]:hover i, .ContactForm textarea:hover i { border: 1px solid #242424; }
.contact .ContactForm i { -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s; float: left; margin-left: -45px; border-left: 1px solid #ccc; padding: 5px 16px; margin-top: 6px;}
.contact .ContactForm br { display: block; clear: both; }

.contact .submit_button {-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;cursor: pointer;cursor: hand;width: 97px;height: 29px;line-height: 29px;background: none;margin: 0 0 0 -35%;text-align: center;background: #0a0a0a;color: #fff;border-radius: 10px;}
.contact .submit_button.mouseOver { background: #fff; color: #333;}
.contact #ContactFormSuccess {display: none;border: 2px solid #8ddb28;background: #dbf0c0;text-align: center;font-size: 24px;color: #5e9c0e;padding: 20px;line-height: 30px;width: 95%;margin-bottom: 20px;}
.contact #ContactFormWrong {display: none;border: 2px solid #919a0f;background: #3a2826;text-align: center;font-size: 13px;color: #a8bd0b;padding: 0px;float: left;line-height: 22px;margin: -10px 0 10px 0;width: 175px;}

.breadcrump { /* float: left; */ margin-bottom: 10px;}
.breadcrump a { text-decoration: none; }

.spliter { text-align: center; }
.spliter a { text-decoration: none; }

.home_tags { position: absolute; top: 160px; z-index: 1000; }
.home_tags a { text-decoration: none; background: #fff; padding: 0px 0 0 10px; color: #333; margin-right: 4px; display: inline-block;}
.home_tags a i { font-style: normal; display: inline-block; background: #000; padding: 5px 10px; margin-left: 5px; color: #fff}
.home_tags a.news i { background: #eb580b; }
.home_tags a.exhibitions i { background: #43af49; }
.gallery-navigation { background: #333333; padding: 20px 0 60px; margin: -50px 0 50px;}
.gallery-navigation ul { margin: 0; padding: 0; text-align: center; }
.gallery-navigation ul li { list-style: none; display: inline-block; text-align: left; padding: 0 20px; vertical-align: text-top;}
.gallery-navigation ul li .title { color: #fff; }
.gallery-navigation ul li a { text-decoration: none; color: #95969a; padding: 4px 0 0; display: block;}
.gallery-navigation ul li a:hover, .gallery-navigation ul li a.active { color: #fff; }

.video-container { border-bottom: 1px solid #232122; padding: 0 0 20px; margin: 0 0 30px; }
.video-container .box { background-color: #ffffff; margin-bottom: 25px; }
.video-container .box iframe { float: left; width: 350px; height: 200px; }
.video-container .box .contents { float: left; width: 800px; padding: 15px 25px; }
.video-container .box .contents .title {font-size: 23px;
font-family: Noto Serif;
color: #000;
margin-bottom: 7px;}
.video-container .box .contents .description {color: #676767; width: 100%;}

.gallery_container { border-bottom: 1px solid #232122; padding: 0 0 0px; margin: 0 0 58px; }
.gallery_container .title {color: #232122;
margin-bottom: 15px;
font-size: 20px;
font-family: Noto Serif;}
.gallery_container .photos { overflow: hidden; }
.gallery_container .photos .box a { position: relative; width: 277px; overflow: hidden; display: block; margin: 0 30px 30px 0; height: 184px;}
.gallery_container .photos .box:nth-child(4n+4) a { margin: 0; }
.gallery_container .photos .box a img { -o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s; -webkit-transform: scale(1.25); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
.gallery_container .photos .box a:hover img { -webkit-transform: scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); }
.gallery_container .photos .box a .outline { opacity: 0; -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* background-color: rgba(241, 241, 241, 0.4); */ padding: 15%; display: none;}
.gallery_container .photos .box a:hover .outline { opacity: 1; }
.gallery_container .photos .box a .outline .title, .gallery_container .photos .box a .outline .description { background-color: rgba(0, 0, 0, 0.38); color: #fff; padding: 6px; margin: 0; text-align: left; width: auto; border: none;}

.pagination {width:100%;display:block;text-align:center}
.pagination a {color:#ffffff;text-decoration:none;display:block;width:30px;height:30px;background: #af0434;text-align:center;float:left;margin-left:10px;line-height:30px;border-radius:5px;-moz-border-radius:5px;}
.pagination span {color:#ffffff;text-decoration:none;display:block;width:30px;height:30px;background:#af0434;text-align:center;float:left;margin-left:10px;line-height:30px;border-radius:5px;-moz-border-radius:5px;}

.upcoming { background: #333333; padding: 25px; }
.upcoming .owl-controls { padding-top: 25px; }

.article { width: 960px; margin: auto; }
.article .headingtitle { text-align: left; margin: 20px 0 10px; padding: 0; font-size: 28px;}
.article .tags { width: 100%; margin-bottom: 15px;}
.article .tags div.date { display: inline-block; padding: 5px 10px 4px 10px; color: #fff; background: #333333; margin-right: 2px; font-size: 13px; font-family: NotoSans;}
.article .tags div.category { background: #eb580b; display: inline-block; padding: 5px 10px; color: #fff; margin-right: 2px;}
.article .tags div.category.green { background: #43af49; }
.article .tags div.category.blue { background: #3470d0; }
.article .tags div.publisher { display: inline-block; padding: 5px 10px; color: #fff; background: #333333; margin-right: 2px; }
.article .tags a.buy { float: right; padding: 5px 10px; color: #fff; text-decoration: none; background: #eb580b; display: inline-block;}
.article .tags a.buy span { margin-left: 10px; }
.article .tags a.fileDownload { display: block; position: relative; float: right; margin: -10px 0 0 0; text-decoration: none; font-size: 80%;}
.article .tags a.fileDownload i { display: inline-block; background-size: 100%;  background: url("../images/file.png") no-repeat center; width: 27px; height: 27px;  margin: 0 0 0 9px; position: relative; top: 9px;}
.article .tags a.fileDownload.publisher {
    margin: -9px 15px;
 }
.article iframe { background: #fff; height: 350px; padding: 1%; width: 98%; margin: 10px 0 20px;}

.navigation { border-bottom: 2px solid #b0b0ae; color: #393939; padding: 0 0 15px 0; margin: -41px 0 0;}
.navigation > div { width: 960px; }
.navigation .back { float: left; text-decoration: none; display: block; }
.navigation .back span { background: url("../images/article_back.png") no-repeat; width: 30px; height: 30px; display: inline-block; background-size: 100%; position: relative; top: 8px; margin-right: 10px;}
.navigation .back.exhibition span { background-image: url("../images/exhibition_back.png"); }
.navigation .back.publication span { background-image: url("../images/publication_back.png"); }
.navigation .back.gift span { background-image: url("../images/gifts_back.png"); }

.navigation .back.news span { background-image: url("../images/news_back.png"); }
.navigation .container { float: right; margin-top: 10px;}
.navigation .container div, .navigation .container a { text-decoration: none; float: left; margin: 5px;}
.navigation .container div.seperator { color: #878789; font-size: 135%; margin: 5px 10px; }
.navigation .container div span, .navigation .container a span { margin: 0 10px; color: #8d4553; font-weight: bold; font-size: 130%; line-height: 100%; position: relative; top: 1px;}

.navigation .container div span.publication, .navigation .container a span.publication { color: #4c6da6; }
.navigation .container div span.exhibition, .navigation .container a span.exhibition { color: #44AF4A; }
.navigation .container div span.news, .navigation .container a span.news { color: #d9621b; }
.navigation .container div span.gift, .navigation .container a span.gift { color: #BC9B6A ; }

.news_ul { margin: 0; padding: 0; }
.news_ul li { position:relative; list-style:none; border-top: 2px solid #fff;}
.news_ul li .news_container { display: none;}
.news_ul.expanded li .news_container { display: block; }
.news_ul li .news_headingtitle { display: block; text-decoration: none; color: #000; padding: 15px 0 15px; font-size: 23px; font-family: Myriad; }
.news_ul li .news_headingtitle .arrow { width: 40px; height: 40px; background: #ffffff; color: #333333; float: right; margin-top: -6px; text-align: center; font-size: 16px; font-weight: 100; line-height: 40px; cursor: pointer;}
.news_ul li .news_headingtitle .arrow.arrowDown { background: #333333; color: #ffffff;}
.news_items { background: #fff; position: relative; margin-bottom: 35px; }
.press .news_items { background: none; position: relative; width: 80%; margin: 0 auto 35px auto; border-bottom: 2px solid #fff;}

.news_items .thumb { width: 350px; margin: 0 15px 0 0; float: left;}
.news_items .thumb.gift { margin: 10px 15px 10px 10px;}
.news_items .thumb img { width: auto; margin: 0 25px 0 0; }
.news_items .outline { float: left; width: 810px; margin: 0 0 15px 10px;}
.outline.texts {
    width: 100%;
    margin-bottom: 20px;
}
.news_items .outline .title {display: block;
text-decoration: none;
color: #000;
padding: 15px 0 5px;
font-size: 23px;
font-family: Noto Serif;}
.news_items .outline .tags { clear: both; width: 100%; }
.news_items .outline .tags div { float: left; padding: 5px 10px; color: #fff; background: #333333; margin-right: 2px;}
.news_items .outline .tags div.date { font-size: 13px; font-family: NotoSans; padding: 5px 10px 4px 10px;}
.news_items .outline .tags div.category { background: #eb580b; }
.news_items .outline .tags.text div.category { background: #8c4652; }
.news_items .outline .tags div.category.green { background: #43af49; }
.news_items .outline .tags div.category.blue { background: #3470d0; }
.news_items .outline .tags a.buy { float: right; padding: 5px 10px; color: #fff; text-decoration: none; background: #eb580b; display: block; }
.news_items .outline .tags a.buy span { margin-left: 10px; }
.news_items .outline .description { margin-top: 15px; width: 98.6%;}
.news_items .more { position: absolute; bottom: 10px; right: 15px; text-decoration: none; }
.news_items .more div { width: 25px; height: 25px; background: #333333; color: #fff; position: relative; top: -2px; margin-left: 5px; text-align: center; line-height: 24px;}
.press .news_items .more { position: absolute; bottom: -2px; right: 0; text-decoration: none; }
.press .news_items .more div { width: 25px; height: 25px; background: #fff; color: #333; position: relative; top: -2px; margin-left: 5px; text-align: center; line-height: 24px;}

/*******************************************************************************************************
 * Style:Footer CSS
*******************************************************************************************************/
.prefooter { background-color: #F1EDEC; text-align: center; }
.prefooter .backTop { cursor: pointer; width: 0; height: 0; border-style: solid; border-width: 0 35px 35px 35px; border-color: #F1EDEC #F1EDEC rgb(0, 0, 0) #F1EDEC; margin: 0 auto 20px; text-align: center; color: #FFF; font-size: 30px; text-indent: -10px; }

.footer { background: #333333; padding: 5px 0; overflow: hidden; }
.footer .logo { height: 60px; line-height: 60px; text-decoration: none; color: #fff; text-align: center; float: left; font-family: Noto Serif; font-size: 18px; letter-spacing: 4px;}
.footer .social { height: 53px; line-height: 66px; text-decoration: none; color: #000; text-align: center; float: left; margin-left: 30%;}
.footer .social a { text-decoration: none; font-size: 22px; padding: 0 15px; margin: -28px 0 0;}
.footer .social a:hover { color: #fff; }
.footer .subscribe { -o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s; text-decoration: none; background: #000; width: 220px; float: right; text-align: center; margin: 13px 0 0; border-radius: 5px; padding: 7px 0 10px; color: #fff;}
.footer .subscribe span { font-size: 150%; position: relative; top: 2px; margin-right: -5px; margin-left: 5px;}
.footer .subscribe:hover { color: #333; background: #fff; }
/*******************************************************************************************************
 * Style:Copyright CSS
*******************************************************************************************************/
.copyright { background: #000; background-image: url("../images/copybar.png"); height: 50px; line-height: 50px; color: #fff; font-size: 13px;}
.copyright .copy { float: left; color: #aeaeae;}
.copyright .copy a { color: #d9c45a; text-decoration: none;}

.copyright .develop { float: right; color: #aeaeae;}
.copyright .develop a { text-decoration: none; color: #aeaeae; }

.share { float: right; }

.arrowDownStatic { display: block; text-align: center; padding: 0; border-color: #F1EDEC transparent transparent transparent; position: relative; top: 34px; z-index: 999; width: 0; height: 0; border-style: solid; border-width: 35px 35px 0 35px; color: #000; text-indent: -10px; line-height: 0; margin: -20px auto 0px; font-size: 30px; }
.arrowDownStatic.grey { top: 60px; border-color: #333333 transparent transparent transparent; color: #fff;}
.arrowDownStatic:before { position: relative; top: -20px; }


@media screen and (max-width: 1430px) {
	.header .logo { height: 94px; line-height: 100px; width: 11.3%;}
	.header .social { width: 11.3%; }
}
@media screen and (max-width: 1250px) {
	.header .logo { height: 103px;  width: 9.3%;font-size: 14px;}
	.header .social { width: 8.3%; }
}