@charset "utf-8";
/* CSS Document */
body {
    font-family: "DBOzone";
    background-color: #ffe6cb;
}

.fragment { position:relative;}
.fragment img { display:block;}
.fragment > .text { position:absolute; left:50px; top:50px; font-size:35px; color:#000;}
.ui-widget-content { border:0px;}
.ui-corner-all, .ui-corner-top { border-top-right-radius:0px; border-top-left-radius:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px;}
.ui-tabs { padding:0; overflow:hidden; border: 0px !important;}
.ui-tabs .ui-tabs-panel { padding:0; height:268px;}
.ui-tabs .ui-tabs-nav { padding:0; height:110px;}
.ui-tabs .ui-tabs-nav li { margin:0; width:187px; height:110px; white-space:normal; position:relative;}
.ui-tabs .ui-tabs-nav li.navend { margin:0; width:189px; white-space:normal;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom:0px; padding-bottom:0px;}
.ui-tabs .ui-tabs-nav li .barleft { width:1px; height:80px; background:#cccccc; left:0px; top:20px; position:absolute;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .barleft { background:#fece8c;}
.ui-tabs .ui-tabs-nav li a { font-size: 16px; font-family: "DBOzone";}
.ui-tabs .ui-tabs-nav li a .date { color:#eb8f00; font-weight:normal;}
.ui-tabs .ui-tabs-nav li a .subject { max-height:63px; color:#666666; font-weight:normal; overflow:hidden;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:1em;}
.ui-widget-header { background:#e9e9e9; border:0px;}
.ui-widget-header .ui-state-default { background:#e9e9e9; border:0px;}
.ui-widget-header .ui-state-active { background:#faa85f; color: #000;}
.ui-widget-header .ui-state-active a .subject { color:#530000 !important;}
.ui-widget-header .ui-state-active a .date { color:#530000 !important;}

a.btnTopPrev { display:block; background:url(./siteth/images/home/top-arrowleft.png) no-repeat; width:49px; height:50px; position:absolute; left:0px; top:110px;}
a.btnTopNext { display:block; background:url(./siteth/images/home/top-arrowright.png) no-repeat; width:49px; height:50px; position:absolute; right:0px; top:110px;}

ul.indexboxcenter { list-style:none; margin:0; padding:0;}
ul.indexboxcenter > * { float:left; width:230px;}
ul.indexboxcenter > li { margin:0 10px 0 10px;}/*IE*/
ul.indexboxcenter > li:first-child { margin:0 10px 0 0;}/*IE*/
ul.indexboxcenter > li:first-child + li + li + li { margin:0 0 0 10px;}/*IE*/

ul.indexboxcenter > li:nth-child(1) { margin:0 10px 0 0;}
ul.indexboxcenter > li:nth-child(2) { margin:0 10px 0 10px;}
ul.indexboxcenter > li:nth-child(3) { margin:0 10px 0 10px;}
ul.indexboxcenter > li:nth-child(4) { margin:0 0 0 10px;}

ul.indexboxcenter h1 { float:left; font-weight:normal; font-size:30px; font-family: "DBOzone"; padding:0 0 10px 0;}
ul.indexboxcenter a.viewall { float:right; display:block; background:url(./siteth/images/home/viewall.png) no-repeat; width:20px; height:20px; margin:5px 0 0 0;}
.boxcenter { clear:both; border:1px solid #faa85f; padding:18px; position:relative;}
.boxcenter .img { width:190px; height:225px; border:1px solid #CCC; overflow:hidden;}
.boxcenter .img img { display:block; width:100%;}
.boxcenter .line01 { font-size: 20px; line-height:25px; font-family: "DBOzone"; color:#f68220; height:25px; overflow:hidden; word-wrap: break-word;}
.boxcenter .line02 { font-size: 20px; line-height:25px; font-family: "DBOzone"; color:#666666; height:25px; overflow:hidden; word-wrap: break-word;}
.boxcenter a.dwnpdf { display:block; background:url(./siteth/images/ebook/disk.png) no-repeat; width:16px; height:16px; font-size:0; position:absolute; right:30px; top:215px;}

.boxjournal { clear:both; padding:0 18px 18px 18px; position:relative;}
.boxjournal .img { width:190px; height:250px; border:5px solid #CCC; overflow:hidden;-webkit-box-shadow: 0px 10px 5px -2px rgba(173,173,173,1); -moz-box-shadow: 0px 10px 5px -2px rgba(173,173,173,1); box-shadow: 0px 10px 5px -2px rgba(173,173,173,1);}
.boxjournal .img img { height:inherit; min-width:190px; max-width:none; margin:0;}

.boxjournal .line01 { font-size: 40px; line-height:30px; font-family: "DBOzone"; color:#f68220; margin:15px 0 0 0;}
.boxjournal .line02 { font-size: 30px; font-family: "DBOzone"; color:#530000; word-wrap: break-word;}
.boxjournal a.dwnpdf { display:block; background:url(./siteth/images/ebook/disk.png) no-repeat; width:16px; height:16px; font-size:0; position:absolute; right:30px; top:215px;}

.boxbanner { width:220px; height:90px; border:5px solid #CCC; overflow:hidden; margin:0 0 20px 0;}
.boxbanner img { display:block; width:100%;}

.sectorvdo { height:270px; background:#f68220; padding:24px; position:relative;}
.framevdo { border:1px solid #666; width:485px;height:270px; position:relative; overflow:hidden;}
.framevdo img { width:100%;}
.framevdo .text { position:absolute; right:20px; top:20px; font-size:35px; color:#000; display:none;}
.framevdo .logoframevdo { background:url(./siteth/images/home/home-defaultvdo.png) no-repeat; width:460px; height:270px; position:absolute; left:0; top:0px;}
.sectorvdo .allvideo { text-align:right; position:relative; height:1px;}
.sectorvdo .allvideo a { color:#FFF; font-family: "DBOzone"; font-size:0px; display:block; background:url(./siteth/images/home/viewall-2.png) no-repeat; width:20px; height:20px; position:absolute; right:-19px; bottom:0px;}

a.btnVDOPrev { display:block; background:url(./siteth/images/home/top-arrowleft.png) no-repeat; width:49px; height:50px; position:absolute; left:24px; top:125px;}
a.btnVDONext { display:block; background:url(./siteth/images/home/top-arrowright.png) no-repeat; width:49px; height:50px; position:absolute; left:450px; top:125px;}

.ui-tabs-vertical { width:100%; background:none; }
.ui-tabs-vertical .ui-tabs-nav { padding:0; float: right; width:470px; background:#f68220;}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; height:87px; width: 98%; margin: 0 -1px .2em 0; background:#f68220 }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li a span.iconvdo { display:block; background:url(./siteth/images/home/homeiconvdo.png) no-repeat; width:110px; height:87px; float:left;}
.ui-tabs-vertical .ui-tabs-nav li a span.vdotxt { display:block; float:left; width:330px; color:#FFFFFF; padding-top:15px; font-size:20px; height:47px; overflow:hidden;}
.ui-tabs-vertical .ui-tabs-nav li a span.vdotxt h2 { font-size:30px; line-height:25px;}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-bottom:2px solid #fdc883; border-top:2px solid #fdc883; border-right:2px solid #fdc883; border-radius: 0 15px 15px 0; background:#FFF; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a span.iconvdo { display:block; background:url(./siteth/images/home/homeiconvdoactive.png) no-repeat; width:110px; height:87px; float:left;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a span.vdotxt { display:block; float:left; width:330px; color:#530000; padding-top:15px; font-size:20px; height:47px; overflow:hidden;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a span.vdotxt h2 { font-size:30px; line-height:25px;}

.ui-tabs-vertical .ui-tabs-nav .ui-corner-left { border-bottom-left-radius:0; border-bottom-right-radius:4px; border-top-right-radius:4px; border-top-left-radius:0;}
.ui-tabs-vertical .ui-tabs-nav .ui-tabs-anchor { padding:0;}

.ui-tabs-vertical .ui-tabs-panel { float: left; width:460px; height:270px !important;}

ul.listothlink { list-style:none; margin:0; padding:0; }
ul.listothlink li { border-bottom:1px solid #e0e0e0;}
ul.listothlink li a { display:block; padding:10px; font-size: 20px; font-family: "DBOzone";}
ul.listothlink li a:hover { color:#f68220;}

.FlaotAd_R {position:fixed;z-index:1000; top:100px; right:10px; width:800px;}
.FlaotAd_R .floadclose { position: absolute; right: 5px; top: 5px; font-size: 25px; text-align: center; cursor:pointer; color:#F00; font-weight:bold; height:30px;  width:30px; border: 0px solid #F00; line-height:25px;}
.FlaotAd_R .floadbg { width:800px; /*border:2px solid #ffa800; padding:1px;*/}
.FlaotAd_L {position:fixed;z-index:1000; top:100px; left:10px; width:800px;}
.FlaotAd_L .floadclose { position: absolute; left: 5px; top: 5px; font-size: 25px; text-align: center; cursor:pointer; color:#F00; font-weight:bold; height:30px;  width:30px; border: 0px solid #F00; line-height:25px;}
.FlaotAd_L .floadbg { width:800px; /*border:2px solid #ffa800; padding:1px;*/}

.popupshow { width:600px;}
.popupshow .popupSubject { font-weight:bold; padding:4px 0 4px 0;}
.popupshow .popupTitle {}

.sectorbody { padding: 20px 5px;}
.sectorhighlight { padding: 0 5px !important;}
.sectorhighlight > .divrow { padding: 10px; display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
.sectorhighlight > .divrow > .colleft { width: 70%;display:flex;justify-content:space-around;align-items:stretch; flex-wrap: wrap;}
.sectorhighlight > .divrow > .colright { width: 28%;}
.sectorhighlight > .divrow > .colleft > .sector { width: 32%;}
.sectorhighlight > .divrow > .colleft > .sector .sectorinner { border: 1px solid #f68220;padding: 10px; height: 92%;}
.sectorhighlight > .divrow > .colleft > .sector .sectorinner a.linkpicture {width:100%; height:130px; overflow: hidden; display:flex;flex-direction:column;align-items:center;}
.sectorhighlight > .divrow > .colleft > .sector .sectorinner a.linkpicture img { display: block; width: 100%;}
.sectorhighlight > .divrow > .colleft > .sector .sectorinner .innerheadtext {display: flex; align-items: center; justify-content: space-between;padding: 10px 0 0 0;}
.sectorhighlight > .divrow > .colleft > .sector .sectorinner .innerheadtext .journal_header {color: #530000 !important;}
.sectorhighlight > .divrow > .colleft > .sector .sectorinner .journal_desc {font-size: 20px !important;color: #f68220;}
.sectorhighlight > .divrow > .colleft > .sectorbanner { width: 100%; display:flex;justify-content:space-around;align-items:flex-start; margin: 10px 0 0 0;}
.sectorhighlight > .divrow > .colleft > .sectorbanner > a { display: block; width: 32%; box-shadow: inset 0px 0px 0px 10px #CCC;box-sizing: border-box; padding: 4px;}
.sectorhighlight > .divrow > .colleft > .sectorbanner > a img { display: block; width: 100%;}
.sectorhighlight > .divrow > .colright > .sector { width: 100%;}

.tab { width: 100%;
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button { font-family: "DBOzone";
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px; margin: 0 2px 0 0; border: 1px solid #CCC;  box-shadow: inset 0px 5px 0px 0 #faa85f;
  transition: 0.3s; width: 229px;
  font-size: 22px; display: flex; align-items: center; justify-content:center;
}
.tab button img { height: 17px;  margin-left: 5px;}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #faa85f;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #faa85f;
}

/* Style the tab content */
.tabcontent { width: 100%; border-top: 1px solid #CCC;
  display: none;
  padding:10px 0 5px 0;
}

.sectortab { padding: 0 5px !important; background-color: #FFF; width: 1010px;margin: 0 auto; font-size: 18px;}
.sectortab > .divrow { padding: 10px; display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
.sectortab > .divrow > .colleft { width: 70%;display:flex;justify-content:space-around;align-items:stretch; flex-wrap: wrap;}
.sectortab > .divrow > .colleft > .tabcontent > div.content { display:flex;justify-content:flex-start;align-items:stretch; flex-wrap: wrap;}
.sectortab > .divrow > .colleft > .tabcontent > div.content .sectorinner { width: 29%; border: 1px solid #f68220;padding: 10px; margin-bottom: 10px;}
.sectortab > .divrow > .colleft > .tabcontent > div.content .sectorinner:nth-child(1) { margin-right: 11px;}
.sectortab > .divrow > .colleft > .tabcontent > div.content .sectorinner:nth-child(3) { margin-left: 11px;}
.sectortab > .divrow > .colleft > .tabcontent > div.content .sectorinner:nth-child(4) { margin-right: 11px;}
.sectortab > .divrow > .colleft > .tabcontent > div.content .sectorinner:nth-child(6) { margin-left: 11px;}
.sectortab > .divrow > .colleft > .tabcontent > div.content .sectorinner a.linkpicture {width:100%; height:130px; overflow: hidden; display:flex;flex-direction:column;align-items:center;}
.sectortab > .divrow > .colleft > .tabcontent > div.content .sectorinner a.linkpicture img { display: block; width: 100%;}
.sectortab > .divrow > .colleft > .tabcontent > div.innerheadtext {display: flex; align-items: center; justify-content: space-between;padding: 10px 0 0 0;}
.sectortab > .divrow > .colleft > .tabcontent > div.innerheadtext .journal_header {color: #530000 !important; font-size: 22px;}
.sectortab > .divrow > .colleft > .tabcontent .sectorinner .journal_desc {display: block; font-size: 20px !important; height: 46px; overflow: hidden; color: #f68220;}
.sectortab > .divrow > .colright { width: 28%;}
.sectortab > .divrow > .colright > .sector { width: 100%;}
.sectortab .header { color: #530000; font-size: 28px !important;}
.sectortab .more { width: 20px; float: right; margin-right: 10px; }

.sectorbanner { padding: 0 !important; background-color: #FFF; width: 290px;margin: 0 auto; font-size: 18px; }
.sectorbanner > div { padding: 0 0 20px 0; display:flex;justify-content:flex-start;align-items:flex-start;}
.sectorbanner > div > a { display: block; width: 31%; box-shadow: inset 0px 0px 0px 3px #CCC;box-sizing: border-box; padding: 3px;}
.sectorbanner > div > a:nth-child(1) { margin-right: 4px;}
.sectorbanner > div > a:nth-child(3) { margin-left: 4px;}
.sectorbanner > div > a img { display: block; width: 100%;}

.boxlinevideo {display: flex; justify-content: flex-start; align-items: flex-start; margin: 15px 15px;}
.boxlinevideo > div:nth-child(1) {margin: 0 15px;}

.boxcenter:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
    z-index:999;
}

.sectorbody .sectorbodyright {display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;}

.sectorindextop { width: 1020px; margin: 0 auto; }
.sectorindextop > div { width: 100%; display: flex; }
.sectorindextop .topleft { width: 270px;}
.sectorindextop .topleft .sectortopleft {width:270px;}
.sectorindextop .topleft .sectortopleft > div {width:270px;height:270px;}
.sectorindextop .topleft .sectortopleft > div img { display: block; width: 100%;}
.sectorindextop .topleft .sectorupdertopleft { background-color: #faa85f; height: 108px;}
.sectorindextop .topleft .sectorupdertopleft div.txt {display: block; padding: 10px;}
.sectorindextop .topleft .sectorupdertopleft div.txt span {color: #FFF; font-size: 18px;}
.sectorindextop .topright { position: relative;}
.sectorindextop .topright { width: 750px;}