@charset "UTF-8";
/* CSS Document */
a:link, a:visited {
    color: #2e3e4a;
}

/*--------------------------Submenu---------------------------------*/
.submenuWrap { 
	position: absolute; 
	bottom: 50px; 
	width: 100%;
	z-index: 10;
	/*transition-property: width, left; 
	transition-duration: 1s, 1s ; */
}
.submenuBar {
	height: auto;
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
	text-align:center;
	border: 1px solid #D7D5D5; 
	background: rgba(0,0,0,0.8);
	-webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
	   -moz-border-radius: 5px;
            border-radius: 5px;
}
.itemWrap {
	margin: 20px auto 18px auto;
	display:inline-block;
}
.subItem{
	margin: 0 15px;
	font-size: 16px;
	letter-spacing: 5px;
	line-height: 25px;
	color:#FFFFFF;
	display:inline-block;
}
.subItem.eng { font-size: 13px; letter-spacing: 3px; line-height: 24px; }
.subItem a { color:#FFFFFF;}
/*---------------------------------Sections--------------------------------- */

#fullPageScroll {
	bottom: 0;
    left: 0;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 70px;
    width: 100%;
	/*background:#DDDACB;*/
}
.historyWrap { width: 100%; height: 100%; text-align:center; }

.secWrap { position: relative; width: 100%; text-align:center; overflow: hidden; box-sizing:border-box;  }
.secWrap.history { background:#7B9746; }
.secWrap.about { background:#b2c6cc; height:100%; }
.secWrap.service { background:#7EAAB0; height:100%; }
.secWrap.award { background:#6B1D1E; height:100%;  }
.secWrap.press { background:#AEBEA4; height:100%;  }
.secWrap.advisory { background:#A49AA8; height:100%;  }
.secWrap.public { background:#A7907C; height:100%;  }
.secWrap.info { background:#D2D8BA; height:100%;  }
.secWrap.download { background:#B8D1CF; height:100%;  }

.photoWrap {position:absolute; top:0; width: 100%; height: 100%; }
.photoOver {
	position:absolute;
	top:0;
	width: 100%; 
	height: 100%;
	background: url(../img/aboutUs_Slide_Mask.png) no-repeat;
	background-position: center top;
}
/*--------------------------Title Bar-------------------------------*/
.secTitleBar { position:relative; width: 100%; height: auto; color:#e7e7ef ; font-size: 28px; letter-spacing: 5px; line-height: 35px; padding: 12px 0 10px; background:#000000; z-index: 1; }
.secTitleEn { font-size: 22px; line-height: 30px;}
.memberBar { width: 90%; height: auto; color:#e7e7ef ; font-size: 28px; letter-spacing: 5px; line-height: 35px; padding: 12px 5% 10px; background: #2e3e4a;}

/*-----------------------Scroll Down Button-----------------*/
.downArrWrap { position:absolute; bottom: 1%; width:100%; height:40px; text-align:center; z-index: 20; transition:all 1s linear; 
	animation: arrowAni 3s ease-out infinite;
    -moz-animation: arrowAni 3s ease-out infinite;
    -webkit-animation: arrowAni 3s ease-out infinite;
    -o-animation: arrowAni 3s ease-out infinite; 
}
.downArr { 
	display: inline-block; 
	width:40px; 
	height: 40px;
}
@keyframes arrowAni {
    0% { opacity: 0.2; }
    50% { opacity: 1; }
    100% { opacity: 0.2; }
}
@-moz-keyframes arrowAni {
    0% { opacity: 0.2; }
    50% { opacity: 1; }
    100% { opacity: 0.2; }
}
@-webkit-keyframes arrowAni {
    0% { opacity: 0.2; }
    50% { opacity: 1; }
    100% { opacity: 0.2; }
}
@-o-keyframes arrowAni {
    0% { opacity: 0.2; }
    50% { opacity: 1; }
    100% { opacity: 0.2; }
}

/*--------------------------Brief History Section-------------------------------*/
/*.boxWrap { position: absolute; top: 50%; left:20%; width: 180px; height: 90px; overflow: hidden;  z-index: 50; }*/
.boxWrap { position: absolute; top: 50%; left:20%; width: 220px; height: 55px; /*overflow: hidden;*/  z-index: 50; }
.boxWrap.show { background:rgba(255,255,255,0.8);  }
.boxBack { position:absolute; top:0; bottom: 0; right: 0; left: 0; opacity: 0; background:rgba(58,62,74,0.9); -webkit-transition: all 0.5s ease; z-index: 40; pointer-events: none; }
.boxBack.show { opacity: 1; }
/*.briefIcon { 
	position:absolute; 
	right:0; 
	bottom:0; 
	width: 45px; 
	height: 45px;
	background: url(../img/fullPicon.png) no-repeat;
	background-position: center top;
	background-size: contain;
}*/
.briefIcon { 
	position:absolute; 
	right:0; 
	bottom:0; 
	width: 35px; 
	height: 35px;
	background: url(../img/fullPicon.png) no-repeat;
	background-position: center top;
	background-size: contain;
}
.briefIcon.close {
	width: 25px; 
	height: 25px;
	background: url(../img/fullPicon_c.png) no-repeat;
	background-position: center top;
	background-size: contain;
}
.conBtn { width: 100%; height: 90px; cursor: pointer;}
.conBtn.flat { height: 45px; background: rgba(255,255,255,0.7);}
.btnTxt { position:absolute; top:18px; left: 15px; font-size: 24px; letter-spacing: 5px; color: #2e3e4a; }
.btnTxt.eng { font-family: 'ProximaNova_Regular'; font-size: 21px; letter-spacing: 3px;}
.btnTxt.open { left: 35px;}
/*.content {  width:100%; height: auto; box-sizing: border-box; pointer-events: none; margin-bottom: 0px; }*/
.content {  width:100%; height: auto; box-sizing: border-box; pointer-events: none; margin-bottom: 0px; opacity:0; }
.content.dis { opacity:1; }

.conBlock {  float:left; font-size: 16px; line-height: 28px; letter-spacing: 5px; text-align:left; }
.conBlock.eng { font-size: 13px; line-height: 21px; letter-spacing: 3px; }
.conBlock.ACol { width:44%; padding: 15px 0% 15px 6%;}
.conBlock.BCol { width:44%; padding: 15px 3% 15px 3%;}
.barBack { position:absolute; background:rgba(255,255,255,0.7); }
.barBack.top {top:0; width: 100%; /*height: 50%;*/ height: 35%;}
.barBack.bot {bottom:0; /*width: calc(100% - 45px);*/ width: calc(100% - 35px); /*height: 50%;*/ height: 65%;}
.barBack.hide { background:rgba(255,255,255,0); }
.topBorder { position:absolute; top:0; width:100%; height: 4px; background: #323A54;}
.rightBorder { position:absolute; top:0; right:0; width:5px; /*height: 70%;*/ height: 67%; background: #323A54; -webkit-transition: all 0.5s ease;}
.rightBorder.open { height: 100%;}
.botBorder { position:absolute; bottom:0; left:0; /*width:80%;*/ width:85%; height: 4px;  background: #323A54;}
.botBorder.open { width: 100%;}
.leftBorder { position:absolute; top:0; left:0; width:4px; height: 100%; background: #323A54;  }
/*-------------------Brief History (Mission)-----------------------------*/
.visWrap { 
	position:absolute; 
	bottom:-60px; 
	left:-30px; 
	width: 215px; 
	text-align: left; 
	font-size:15px; 
	letter-spacing: 5px; 
	line-height: 22px; 
	background: rgba(30,39,49,0.8); 
	cursor:pointer; 
	color:rgba(255,255,255,0.8);
	opacity:1;
}
.visWrap.eng { width: 265px; left:-80px; font-size:14px; line-height: 21px; letter-spacing: 3px }
.visWrap.hide { opacity:0; }
.visTxt { width: 170px; float: right; padding: 5px 5px 5px 10px; background: rgba(30,39,49,0.8);}
.visTxt.eng { width: 220px; padding: 5px 5px 5px 10px; }
.visIcon { width: 18px; height: 18px; float:left; margin: 4px 0 0 8px; } 
.missionPop { position:absolute; top:0; left:0; right:0; bottom:0; display: none; text-align:center; background: rgba(30,39,49,0.9); }
.m-close {
    color: #9ea3a4;
    cursor: pointer;
    font-family: "ProximaNova_Thin";
    font-size: 62px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 15px;
    z-index: 9999;
}
.misGis { position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); font-size: 14px; letter-spacing: 5px; line-height: 22px; text-align: center; color:#FFFFFF; padding: 25px 25px 25px 35px; display: inline-block;  margin: 0 auto; border: 1px solid #62666B; }
.cenBlock { display:inline-block; text-align: left; }
.misGis h2 { font-size: 18px; color:#90A2B0;}
.misGis ul li { list-style-type:disc; list-style-position:outside; color:#7E7F86; }
.misGis ul li p {  color:#FFFFFF;}

/*--------------------------About Section-------------------------------*/
/*.aboutWrap { width: 100%; height: 100%; box-sizing:border-box;}*/
.aboutCon { position:relative; width: 100%; height: 93%; overflow: hidden;  }
.aboutBlo {
	position:relative;
	width: 33.3%;
	height: 100%;
	letter-spacing: 5px;
	text-align: center;
	overflow: hidden;
	float:left;
}
.aboutBlo.us { color:#FFFFFF; background: #a23026 url(../img/aboutUs_back.jpg) no-repeat; background-position: center center; background-size: cover; }
.aboutBlo.info { background: #edebea url(../img/pattern_02.png) repeat; }
.aboutBlo.report { background: #b2c6cc url(../img/pattern_04.png) repeat; }
.abConWrap { 
	/*position:relative;*/
	position:absolute; 
	width:80%; 
	height:auto; 
	padding: 50px 50px;
	text-align: center; 
	top:50%; left:50%; transform: translate(-50%, -50%);  
}
.abConWrap.report { width:60%; padding: 7% 50px; }
.abConWrap.info {  width:60%; padding: 20% 50px; }
.aboutLink { padding: 25px 0 0 0; }
.aboutBlo h2 { font-size: 34px; line-height: 40px; }
.aboutBlo h2.eng { font-size: 26px; line-height: 32px; }
.aboutBlo p { font-size: 18px; line-height: 22px; margin: 0 0 20px 0; }
.aboutBlo.eng p { font-size: 16px; line-height: 20px; letter-spacing: 3px;}
.aboutBlo a { color:#FFFFFF}
.aboutBlo a.blkLink { color:#2e3e4a}
.abBack { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); border: 2px solid #C89287; z-index: -1; }
.abBack.cir{
	width: 80%; 
	height: auto; 
	padding-top: 80%;
	border: 2px solid #A26061;
	-webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
	   -moz-border-radius: 50%;
            border-radius: 50%;
}
.bracket{ position:absolute; width: 15%; padding-top:15%; opacity: 0.5; }
.bracket.bor { border: solid #94B5BC; border: solid #D8E4E8; }
.bracket.tLeft { top:0; left:0; border-width: 2px 0 0 2px; }
.bracket.tRight { top:0; right:0; border-width: 2px 2px 0 0; }
.bracket.bLeft { bottom:0; left:0; border-width: 0 0 2px 2px; }
.bracket.bRight { bottom:0; right:0; border-width: 0 2px 2px 0; }
.diaLine { position:absolute; top:50%; width:110%; height:3px; opacity: 0.5; background:#D6D6D6; }
.diaLine.tLeft { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.diaLine.tRight { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.diaLine.bLeft { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.diaLine.bRight { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
 
 /*---------------------video popUp----------------------------*/
.videoPopWrap { position:absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(18,15,15,0.7); display: none; }
.p-close { font-family: "ProximaNova_Thin"; position:absolute; top:15px; right: 15px; color: #9ea3a4; cursor: pointer; font-size: 62px; text-align: center; z-index:9999; }
.vidWrap { 
  position:absolute;
  width:60%; 
  height: auto;
  top:50%; left:50%; transform: translate(-50%, -50%);   
  background:#99DF09;
  box-shadow: 5px 5px 10px #1F1F21; 
}
/*-------------------------------------Our Service---------------------------------------------*/
.fullConWrap { position:absolute; top:0; bottom:0; left: 0; right: 0; width: 100%; box-sizing:border-box;}
.sectCon { position: absolute; top:-2px; right: 0; bottom: 0; left:0; }
.service_Banner { position:relative; height: 100%;}
.servicePat { position:absolute; top:0; left:0; bottom:0; right: 0; background: url(../img/pattern_14.png); opacity: 0.5}
.hbframe{ position:relative; height: 100%;}
.slide_element { position:relative; height: 100%;}
.slide { position:relative; height: 100%;}
.mightyslider_modern_skin { background:none; }
.mightyslider_modern_skin.webBtn .mSButtons { 
	width: 60px;
	height: 60px;
	opacity: 0.9;
	border: 2px solid #CFCCCC;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
	 z-index: 1;
}
.mightyslider_modern_skin.horizontal .mSNext { 
	right: 80px; 
	top: 50%;
	background: rgba(51,46,46,1.00) url(../img/ar_right_w.png) no-repeat;
	background-position: center;
	background-size:contain; 
}
.mightyslider_modern_skin.horizontal .mSPrev { 
	left: 80px; 
	top: 50%; 
	background: rgba(51,46,46,1.00) url(../img/ar_left_w.png) no-repeat;
	background-position: center;
	background-size:contain; 
}
.serviceTitBar { position:relative; width: 100%; height: auto; color:#e7e7ef ; font-size: 28px; letter-spacing: 5px; line-height: 35px; padding: 12px 0 10px; background:#000000; z-index: 1; }
.slideContent { position:absolute; top:20%; right:15%; bottom:20%; left:15%; letter-spacing: 5px; }
.spaceCol { position:relative; float:left; width: 24.5%; height:95.5%; margin-right: 0.5%; }
.spaceCol.nmu { float:right; width: 26%; margin:0; }
.titleCol { position:relative; float:left; width: 24.5%; /*width: 32.5%;*/ height: 315px; background: #92251e; margin-right: 0.5%; text-align:center; color:#FFFFFF; }
.titleCol.tv { background: #012544; margin-right: 0.7%; }
.titleCol.nmu { margin-right: 1%; background:#5daa00; float:right;  }
.titleCol.etv { float:right; background:#d4551d; }
.titleIcon { width:90px; height: 50px; display:inline-block; margin-bottom: 25px;}
.titleCon { position:absolute; width: 100%; height: auto; left:50%; top:50%; transform: translate(-50%, -50%);}
.titleName { font-size: 32px; line-height: 42px;}
.titleName.eng{  font-family: 'ProximaNova_Thin'; font-size: 23px;  }
.conCol { float:left; width: 73.7%; /*width: 65%;*/ height:95.5%; color:#606060; padding: 45px; text-align:left; overflow: hidden; background: rgba(255,255,255,0.9); }
.conCol.tv { /*width: 40%;*/ width:36.4%; }
.conCol.tv.fir { margin-right: 0.7%; display:block; }
.conCol.nmu { /*width: 49%; */width: 73.4%; margin-right: 0.7%; }
.conCol a { color:#606060; }
#etvLink { color: #2A97B5; }

.radGisWrap { height: auto; }
.radGis { display:block; margin-bottom: 15px;}
.radGis br { display: block; margin: 5px 0;}
.chanNameWrap { margin-bottom: 15px; }
.chanNameWrap.nmu { margin-top: 15px; }
.conCol p.chanNameApe { font-size: 12px; line-height: 22px;}
.conCol p.chanNameApe.eng { letter-spacing: 3px;}
.conCol span.apeIcon_s { font-size: 20px; line-height: 22px;}
.conCol span.apeIcon { font-size: 16px; line-height: 22px;}


.tvLogo { /*width: 15%; */ position:relative; width: 25%; display: inline-block; margin: 0 10% 10% 0;}
.tvLogo.tt { width: 28%; margin: 0 7% 10% 0; }
.tvLogo.tta { width: 31%; }
.tvApe { font-size: 32px; position:absolute; right: -25px; top:-5px; color:#A8ACB2;}
.radGis.tvEx { display:none;}

.nmuLogo { /*width: 20%;*/ position:relative; left: -25px; width: 180px; display: inline-block; }
.conCol p.chanName { /*font-size: 24px;*/ font-size: 21px; line-height: 36px; margin-right: 25px; display:inline-block;}
.conCol p.chanName.eng { font-size: 19px; letter-spacing:3px; line-height: 33px; }
.conCol p.chanName a { color:#606060; }
.conCol p { font-size: 16px; line-height: 32px; }
.conCol.eng p.radGis { font-size: 14px; letter-spacing: 3px; line-height: 22px; }
.conCol.eng p.webGist { font-size: 14px; letter-spacing: 3px; line-height: 22px; }
.serIconWrap { display: inline-block; }
.serIcon { position:relative; bottom: -12px; display: inline-block; width: 80px; margin: 0 15px 0 0; }
.serMore { position:relative; bottom: -12px; display: inline-block; margin: 0 0 0 15px; }

.serControlBarWrap{ 
	position:absolute; 
	bottom: 20%;
    left: 15%;
    letter-spacing: 5px;
    right: 15%;
	height: 25px;
}
.controlBar { position:absolute; bottom: 0; width: 99.5%; height:18px;}
.pages_.serDot { width: 100%; height:18px; letter-spacing: 3px; }
.pages_.serDot li { 
	height: 18px;  
	/*width: 24.5%;*/
	width: 36.5%;
	text-align: center;
	background:rgba(255,255,255,0.9);
	float: left;
	/*margin-right: 0.5%;*/
	margin-right: 0.83%;
	font-size: 12px;
	padding-top: 3px;
	cursor: pointer;
	content: none;
}
.pages_.serDot li.active { width: 24.5%;}
.pages_.serDot li::before {}
.pages_.serDot li:nth-child(1)::before { content: "電台 RADIO"; }
.pages_.serDot li:nth-child(2)::before { content: "電視 TV"; }
.pages_.serDot li:nth-child(3)::before { content: "新媒體 NEW MEDIA"; }
/*.pages_.serDot li:nth-child(4)::before { content: "教育電視 ETV";}*/
.pages_.serDot li:nth-child(1).active { background:#92251e; color:#FFFFFF; }
.pages_.serDot li:nth-child(2).active { background:#012544; color:#FFFFFF; }
.pages_.serDot li:nth-child(3).active { background:#5daa00; color:#FFFFFF; }
/*.pages_.serDot li:nth-child(4).active { background:#d4551d; color:#FFFFFF; }*/

 /*--------------------------------Award Section---------------------------------*/
.conDiv { width: 80%; height:550px; margin: 0 auto; background:#AFCC9A; }

.awdConWrap { position:relative; width:100%; height: calc(100% - 70px); }
.awdCol { position:relative; float:left; width: 33.3%; height: 100%; overflow: hidden;  }
.awdCol.rad { background:#7C7CA1; }
.awdCol.tv { background:#7EC6C9; }
.awdCol.nmu { background: #B0C892; }
.awdPics { position:absolute; top:0; width:100%; height:100%; }
.awdPics.rad01 { display:block;}
.awdPics.rad02 { display:none;}
.awdPics.tv01 { display:block;}
.awdPics.tv02 { display:none;}
.awdPics.nmu01 { display:block;}
.awdPics.nmu02 { display:none;}

.awdTxtWrap { position: relative; width: 72%; padding: 15px 25px 8px 25px; font-size: 22px; line-height: 32px; letter-spacing: 5px; text-align:left; margin: 45px auto 0 auto; background: rgba(255,255,255,1); -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.awdTit { width: 100%; padding: 0 8px 8px 8px; border-bottom: 1px dashed #C6C6C6; }
.awdCat { display:inline-block; line-height: 33px;}
.moreLink { width: 45px; height: 30px; float:right; background: #263034; font-size: 14px; color:#EDEDED; text-align:center; padding-left: 2px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.awdShow { font-size: 18px; line-height: 26px; letter-spacing: 3px; padding: 10px 8px; }

/*----------------------------Our Press--------------------------*/
.pressConWrap { 
	position:relative; 
	width:100%; 
	height: calc(100% - 70px); 
	background: #b3d7e0; 
	background: -moz-linear-gradient(-45deg, #b3d7e0 0%, #e3f3f4 55%, #7db9e8 100%);
	background: -webkit-linear-gradient(-45deg, #b3d7e0 0%,#e3f3f4 55%,#7db9e8 100%);
	background: linear-gradient(135deg, #b3d7e0 0%,#e3f3f4 55%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d7e0', endColorstr='#7db9e8',GradientType=1 );
}
.prePattern {position:absolute; top:0; right:0; bottom: 0; left:0; background: url(../img/pattern_05.png); }
.pressItemHold { max-width: 1200px; height: 100%; margin: 0 auto; }
.pressItemWrap { position:relative; top:15%; width: 100%; height: auto; display: table; }
.pressItem { position:relative; width: 33.3%; height: 100%; display: table-cell; vertical-align: top; box-sizing:border-box; }
.pressItem.bR { border-right: 2px solid #ffffff; }
.divLine { position:relative; float:left; width: 1%; height: 100%; background:#000000;}
.pressCon { position:relative; width: 100%; height: 100%; }
.pressDate { width: 70%; margin: 0 auto 15px auto; font-family: 'ProximaNova_Bold'; font-size: 22px; line-height: 28px; letter-spacing: 3px; color: #445A67;}
.pressPics { width: 70%; padding-top: 70%; border: 8px solid #FFFFFF; margin: 0 auto; overflow: hidden; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.pressPics.fir { background: url(../img/pressPic_01.jpg) no-repeat; background-position: center center; background-size: cover; }
.pressPics.sed { background: url(../img/pressPic_icon.jpg) no-repeat; background-position: center center; background-size: cover; }
.pressPics.trd { background: url(../img/pressPic_02.jpg) no-repeat; background-position: center center; background-size: cover; }
.pressGist { width: 70%; margin: 30px auto 0 auto; font-size: 18px; line-height: 32px; letter-spacing: 5px;}
.pressGist.eng { font-size: 16px; line-height: 24px;  letter-spacing: 3px;}
.presslinkWrap { position: absolute; bottom: -43px; left: 0; width: 100%; }
.presslink {  width: 120px; height: 28px; margin: 0 auto; font-size: 18px; line-height: 26px; letter-spacing: 5px; color:#FFFFFF; padding:5px 10px 0 12px; background: #2e3e4a; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.presslink.eng { display: inline-block; width:auto; font-size: 16px; letter-spacing: 3px; }
/*------------------------Our Advisory-------------------------*/
.advisConWrap { position:relative; width:100%; height: calc(100% - 70px); background: url(../img/AboutUs_advisory_05.jpg) no-repeat; background-position: center center; background-size: cover; }
.advisBlock { position:absolute; font-size: 18px; letter-spacing: 5px; line-height:26px; text-align: left; top:50%; left:50%; transform: translate(-50%,-70%);  }

.progAdBlo { width: 100%; border: 2px solid #FFFFFF; background:rgba(255,255,255,0.8); }
.progBoaBlo { width: 100%; border: 2px solid #FFFFFF; margin-bottom: 15px; background:rgba(255,255,255,0.8); }

.adTit{ width: 100%; font-size: 21px; padding: 9px 0 5px 0; background: #2e3e4a; background: rgba(0,0,0,0.8); color: #e7e7ef; text-align:center; }
.adTit.eng { font-size: 18px; letter-spacing: 3px; }
.adTit.boa { background: rgba(34,47,91,0.9);}
.adTit.boa { background: rgba(34,47,91,0.9);}
.adTit.boa a { color:#FFFFFF; }
.boaIcon { width: 35px; height: 25px; margin: -3px 10px 0 0; display:inline-block; vertical-align: top;}
.adConWrap { padding: 30px 85px 20px 45px; }
.adConWrap.eng { font-size: 16px; letter-spacing: 3px; white-space:nowrap; }
.adConWrap p { margin-bottom: 8px;}
/*--------------------------Public Meeting--------------------------------*/
.pubConWrap { position:relative; width:100%; height: calc(100% - 70px); background:#000000; }
.pubCol { position:relative; float:left; width: 33.3%; height: 100%; }
.pubCol.fir { background: url(../img/aboutUs_pubMeet_01.jpg) no-repeat; background-position: center center; background-size: cover; }
.pubCol.sed { background: url(../img/aboutUs_pubMeet_02.jpg) no-repeat; background-position: center center; background-size: cover; }
.pubCol.trd { background: url(../img/aboutUs_pubMeet_03.jpg) no-repeat; background-position: center center; background-size: cover; }
.pubLogoWrap { position:absolute; top:50%; left:50%; transform: translate(-50%,-70%); color:#FFFFFF; width: 175px; height: 240px; background:#000000; }
.pubLogoTop { position:relative; width: 100%; height: 80%; }
.pubLogoTop.fir { background: #354044; }
.pubLogoTop.sed { background: #5c474c; }
.pubLogoTop.trd { background: #7c383b; }
.pubLogoBot { position:relative; width: 100%; height: 20%; background:#8c9a9f; }
.logoTitBlo { width: 84%;  position:absolute; bottom: 10px; padding-left: 8%; }
.logoIcon { position:relative; top: 25px; left: 25px; width: 23px; height: 35px; background: url(../img/pubMeetIcon.png) no-repeat; background-position: center center; background-size: cover; }
.logoTit { font-size: 28px; line-height: 32px; letter-spacing: 6px; padding-left: 8px;}
.logoSub { font-size: 18px; line-height: 28px; letter-spacing: 8px; padding-left: 2px; margin-left: 8px; width: 90%;  border-bottom: 1px solid #626769; }
.logoTitEn { font-size: 13.5px; line-height: 20px; letter-spacing: 2px; padding-top:5px; }
.logoDate { font-size: 46px; line-height: 32px; letter-spacing: 12px; padding:8px 0 0 8px; color:#4F5355; }
/*---------------------------------------General Information-------------------------------------*/
.infoConWrap { position:relative; width:100%; height: calc(100% - 70px); background: url(../img/aboutUs_form_01.jpg); background-position: center center; background-size: cover; }
.infoPat { position:absolute; width:100%; height: 100%; background: url(../img/pattern_11.png);}
.infoLinkWrap { position:relative; max-width: 1200px; height: 100%; margin: 0 auto; text-align:center; }
.mainBlo { position:relative; /*top: 20%; */ top: 0%; display:inline-block; width: 90%; padding: 15px 0; }
.infoLinkBlo { display: inline-block; margin: 25px 25px;}
.infoLinkBlo.eng { display: inline-block; margin: 10px 20px;}
.linkIcon { width: 70px; height: 70px; margin: 0 auto; border: 4px solid #FFFFFF; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background:#000000; }
.linkIcon.job {  background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_job.png) no-repeat; background-size:cover; }
.linkIcon.cd {  background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_cd.png) no-repeat; background-size:cover; }
.linkIcon.inf { background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_inf.png) no-repeat; background-size:cover;  }
.linkIcon.copy {  background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_copy.png) no-repeat; background-size:cover; }
.linkIcon.privacy {  background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_privacy.png) no-repeat; background-size:cover;}
.linkIcon.access {  background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_acsb.png) no-repeat; background-size:cover;}
.linkIcon.info { background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_info.png) no-repeat; background-size:cover;  }
.linkIcon.com { background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_com.png) no-repeat; background-size:cover; }
.linkIcon.feedback { background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_feedback.png) no-repeat; background-size:cover; }
.linkIcon.ten { background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_ten.png) no-repeat; background-size:cover;  }
.linkIcon.sub { background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_sub.png) no-repeat; background-size:cover; }
.linkIcon.open {  background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_open.png) no-repeat; background-size:cover; } 
.linkIcon.spatial {  background: rgba(38,58,77,0.8) url(../img/aboutUs_icon_spatial.png) no-repeat; background-size:cover; } 
.inlinkTxt { font-size: 21px; letter-spacing: 5px; line-height: 32px; color: #2e3e4a; padding-top:25px; }
.inlinkTxt.eng { font-size: 18px; letter-spacing: 2px; line-height: 27px; padding-top:15px; }
/*---------------------------------------------Download Form-------------------------------------*/
.formConWrap { position: relative; width: 100%; height: calc(100% - 70px); background:#F18BFD; text-align:center}
.formBack { position:absolute; width: 100%; height: 100%; background: url(../img/aboutUs_info_02.jpg) no-repeat;  background-position: center center; background-size: cover;}
.formPat {position:absolute; width: 100%; height: 100%; background: url(../img/pattern_11.png); }
.formBlockWrap { position:relative; max-width: 1200px; margin: 0 auto;  padding: 10% 5%;}
.formBlock { display:inline-block; width: 80%; padding: 25px 25px 10px 25px; background: rgba(255,255,255,0.8); -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.leftWrap { float: left; width: 48%; }
.rightWrap { float: right; width: 48%;  }
.formItem { float: left; width: 100%; text-align: left; margin-bottom: 25px; }
.formLink { font-size: 18px; letter-spacing: 5px; line-height: 26px; color:#465164; display:table; }
.formLink.eng { font-size: 16px; letter-spacing: 2px; line-height: 22px; }
.downformIcon { float:left; /*display:table-cell; vertical-align:middle;*/ width: 40px; height: 40px; border: 2px solid #FFFFFF; box-sizing:border-box; -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%; background: #2e3e4a url(../img/aboutUs_icon_fom.png) no-repeat; background-position: center center; background-size: cover; }	  
.fomlinkTxt { position: relative; left:10px; display:table-cell;  vertical-align:middle; width: auto;}

/*--------------------------Broadcast Member-------------------------------*/
.memberWrap { width: 100%; height: auto; text-align:center; padding-bottom: 50px; background:#EBEEF8;}
.memberIconWrap { display:inline-block; margin-top: 50px;  }
.memberIcon { width:150px; margin: 0 25px; padding: 0 45px; display: table-cell; vertical-align: middle;}
.memberIcon.abu { width:100px;}
.memberIcon.pma { width:240px;}
.memberIcon.aibd { width:100px;}
.memberIcon.pbi { width:120px;}
.memberIcon.ebu { width:220px;}

@media screen and (max-width: 1280px) {
/*--------------------------Submenu---------------------------------*/
.submenuWrap { max-width: 88%; bottom: 90px; margin-left: 6%; }
.itemWrap { margin: 10px auto 10px auto; width: 80%;  }
/*--------------------------About Section-------------------------------*/
.abBack.cir{ width: 120%; padding-top: 120%; }
.aboutBlo h2 { font-size: 24px; line-height: 30px; }
.aboutBlo h2.eng { font-size: 22px; line-height: 26px; }
.aboutBlo p { font-size: 16px; }
/*-------------------------------------Our Service---------------------------------------------*/
.serviceTitBar { font-size: 22px; line-height: 28px;  padding: 10px 0 7px; height: 55px;}
.secTitleEn {font-size: 18px; line-height: 30px; }
.aboutCon {  height: calc(100% - 70px); }
.conCol { padding: 35px; height:93%; }
.titleName { font-size: 25px; line-height: 36px;}
.titleName.eng { font-size: 18px; line-height: 24px; }
.tvLogo { width: 20%; }

.conCol.eng p.radGis {font-size: 12px; letter-spacing: 3px; line-height: 18px; }
.conCol.eng p.webGist { font-size: 12px; letter-spacing: 3px; line-height: 18px; }
.conCol p.chanName.eng {font-size: 18px;letter-spacing: 2px;line-height: 24px;}
.conCol p.chanNameApe.eng { font-size: 10px; letter-spacing: 2px; line-height: 16px; }

.tvLogo {width: 30%; }
.tvLogo.tt { width: 34%; }
.tvLogo.tta { width: 37%; }
.tvApe { right: -20px; top:-5px;}

/*--------------------------------Award Section---------------------------------*/
.awdTxtWrap { font-size: 18px; line-height: 28px; padding: 8px 25px 0px 25px; margin: 35px auto 0 auto;  }
.awdTit { padding: 0 8px 5px 8px; }
.awdShow { font-size: 16px; line-height: 24px;}
.moreLink { width: 40px; height: 25px; font-size: 12px; }
/*-------------------------------------Our Press--------------------------------*/
.pressItemWrap { width: 90%; margin-left: 5%; }
/*----------------------------General Information------------------------------*/
.mainBlo { /*top:12%;*/ top:0%; }
}

@media screen and (max-width: 1000px) {
/*--------------------------Brief History Section-------------------------------*/
.boxWrap { top: 50%; left:30%; }	
/*--------------------------Submenu---------------------------------*/
#fullPageScroll { top: 50px;}
.itemWrap { margin: 10px auto 10px auto; width: 80%;  }
.subItem{ font-size: 14px; margin: 0 10px; }
/*--------------------------About Section-------------------------------*/
.aboutBlo { float:none; width: 100%; height:33.3% }
.aboutLink { padding: 10px 0 0 0; width: 100%; margin: 0 auto; }
.aboutBlo h2 { font-size: 22px; line-height: 32px; }
.aboutBlo h2.eng { font-size: 22px; line-height: 32px; }
.aboutBlo p { display: inline-block; margin: 0 15px 8px 15px; }
.abConWrap.report { width:90%; padding: 0 0; }
.abConWrap.info {  width:80%; padding: 0 0; }
.bracket { display: none; }
/*---------------------video popUp----------------------------*/
.vidWrap { width:80%; }
/*-------------------------------------Our Service---------------------------------------------*/
.mightyslider_modern_skin.webBtn .mSButtons { width: 45px; height: 45px; }
.mightyslider_modern_skin.horizontal .mSNext { right: 50px; }
.mightyslider_modern_skin.horizontal .mSPrev { left: 50px; }
.titleName { font-size: 25px; line-height: 36px;}
.conCol { padding: 20px; height:93%; }
.chanNameWrap { margin-bottom: 15px; }
.conCol p.chanName { font-size: 18px; line-height: 26px; margin-right: 20px; }
.tvLogo { width: 32%; }
/*.nmuLogo { width: 35%;}*/
.conCol p { font-size: 14px; line-height: 28px; }
.secBar{ font-size: 9px; padding-top:0.3%; }
.pages_.serDot li { font-size: 11px; padding-top: 4px; }

.conCol.nmu { padding: 30px;}
.nmuLogo { left: -25px; }



/*--------------------------------Award Section---------------------------------*/
.awdCol { float:left; width: 100%; height: 33.3%; }
.awdPics.rad01 { display:none;}
.awdPics.rad02 { display:block;}
.awdPics.tv01 { display:none;}
.awdPics.tv02 { display:block;}
.awdPics.nmu01 { display:none;}
.awdPics.nmu02 { display:block;}
.awdTxtWrap { position:absolute; width: 200px; right:60px; top:25px; margin: 0; }
/*----------------------------Our Press--------------------------*/
.pressDate { font-size: 18px; }
.pressGist { font-size: 18px; line-height: 32px; }
/*------------------------Our Advisory-------------------------*/
.advisBlock { font-size: 16px; line-height:24px; }
/*--------------------------Broadcast Member-------------------------------*/
.memberIconWrap { width: 80% }
.memberIcon { padding: 0 25px; }
/*----------------------------General Information------------------------------*/
.mainBlo { /*top:10%;*/ top:0%; }
.linkIcon { width: 60px; height:60px; }
.inlinkTxt { font-size: 18px; }
.infoLinkBlo { margin: 10px; }
/*--------------------------Body Content Wrap---------------------------------*/
/*.top { height: 160px; padding-top: 0; }*/
/*--------------------------Section Menu---------------------------------*/
/*.menuWrap { width: 90%; top: 220px; margin:0 5%; background: rgba(34, 31, 31, 1);}
.menuWrap.fix-secMenu{ position: fixed; top: 50px; width: 100%; left:-5%;  }
.secMenu { height: 60px; }
.secMenu.fix { width:90%; }*/
}
@media screen and (max-width: 825px) {
#fullPageScroll { top: 44px;}
/*--------------------------Submenu---------------------------------*/
.submenuWrap { max-width: 96%; bottom: 90px; margin-left: 2%; }
.subItem{ font-size: 14px; margin: 0 7px; }
/*-----------------------Scroll Down Button-----------------*/
.downArrWrap { top: 85px; }
/*--------------------------Brief History Section-------------------------------*/
/*.boxWrap { width: 180px; height:70px;}*/
/*.boxWrap { width: 220px; height:50px;}*/
.conBlock {  float:none; font-size: 14px; letter-spacing: 3px; line-height: 25px; }
.conBlock.ACol { width:90%; padding: 10px 5% 10px 5%; }
.conBlock.BCol { width:90%; padding: 0 5% 15px 5%; }
.barBack.bot { width: calc(100% - 35px);}
.btnTxt { font-size: 21px; top:12px; }
.briefIcon { width:35px; height: 35px; }
.topBorder { height: 4px; }
.rightBorder { width: 4px;}
.botBorder { height: 4px; width:84%; }
.leftBorder { width: 4px; }
/*-------------------------------------Our Service---------------------------------------------*/
.titleName { font-size: 24px; line-height: 30px;}
.secBar{ font-size: 9px; letter-spacing: 3px; padding-top:0.3%; }
.nmuLogo { left: -20px; }
/*----------------------------Our Press--------------------------*/
.pressItemWrap { top:auto; display:block; margin-left: 0; width: 100%; max-height:90%; }
.pressItem { width: 80%; height: 31.3%; padding-bottom:2%; display: block; vertical-align:auto; margin: 25px auto 0 auto; }
.pressItem.bR { border-right: none; }
.pressItem.bB { border-bottom: 1px solid #ffffff; }
.pressCon { width: 100%; height: auto; }
.pressDate { float:right; width: 65%; margin: 0 auto 0 auto; font-size: 16px; text-align: left;  }
.pressPics { float:left; width: 25%; padding-top: 25%; border: 5px solid #FFFFFF; margin: 0 auto; overflow: hidden; }
.pressGist { float:right; width: 65%; margin: 0 auto; font-size: 16px; line-height: 28px; text-align: left; }
/*------------------------Our Advisory-------------------------*/
.adConWrap { padding: 30px 25px; }
.adConWrap { padding: 15px 45px 5px 45px; }
/*--------------------------Public Meeting--------------------------------*/
.pubCol { float:none; width: 100%; height: 33.3%;  }
.pubLogoWrap { width: 131px; height: 180px; left: 10%; top:50%; transform: translate(0,-50%);  }
.logoIcon { position:relative; left: auto; width: 15.7px; height: 24px; margin: 0 auto 0 auto; top:10px; }
.logoTitBlo { bottom: 5px; }
.logoTit { font-size: 21px; line-height: 28px; letter-spacing: 3px; padding-left: 8px;}
.logoSub { font-size: 14px; line-height: 22px; letter-spacing: 5px;  }
.logoDate { font-size: 36px; line-height: 32px; letter-spacing: 9px; padding:4px 0 0 8px; color:#4F5355;}
/*----------------------------General Information------------------------------*/
.mainBlo { /*top:8%;*/ top:0%; }
.inlinkTxt { font-size: 18px; line-height: 24px; padding-top:10px; }
}
@media screen and (max-width: 760px) {
/*-------------------------------------Our Service---------------------------------------------*/
.mightyslider_modern_skin.horizontal .mSNext { right: 40px; }
.mightyslider_modern_skin.horizontal .mSPrev { left: 40px; }
.slideContent { top:15%; bottom:30%; right: 15.6%; }
.serControlBarWrap{ bottom: 27%; right: 15%; left: 15%;}
.spaceCol { display: none; }
.titleCol { width: 100%; height: 150px; margin-right: 0; }
.titleIcon { margin-bottom: 15px; }
.conCol { float:left; width: 100%; height:96%; height: calc(100% - 150px); padding: 10px 45px 0 45px;}
.conCol.tv { width: 100%; padding: 20px 45px 45px 45px; }
.conCol.nmu { width: 100%; padding: 20px 45px 45px 45px; }
.tvLogo { width: 24%; margin: 15px 10% 0 10px; display:inline-block; }
/*.nmuLogo { margin: 0 10px 0 10px; display:inline-block; }*/
.chanNameWrap.tv { margin: 0 auto 15px auto; text-align:center; }
.titleBar { display: none; }
.pages_.serDot li:nth-child(4) { margin-right: 0;}

.conCol p.chanNameApe { line-height: 18px;}
.conCol p {
    font-size: 12px;
	letter-spacing: 3px;
    line-height: 18px;
}
.conCol.eng p.radGis {
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 16px;
}
.conCol.eng p.webGist { font-size: 10px; letter-spacing: 0px; line-height: 16px; }
.conCol p.chanName.eng {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 24px;
	margin-right: 5px;
}
.chanNameWrap { margin-bottom: 10px; }
.conCol.tv.fir { display: none; }
.radGis.tvEx { display:block; margin-bottom: 0; }
.tvLogo.tt { width: 25%; margin: 5% 7% 10px 0; }
.tvLogo.tta { width: 29%; }
.tvApe { font-size: 32px; position:absolute; right: -25px; top:-5px; color:#576472;}

.titleCol.nmu { position:relative; top:0; }
/*--------------------------advisors-----------------------------*/
.adConWrap.eng { font-size: 14px; letter-spacing: 3px; line-height: 22px; white-space:normal; }
/*--------------------------General Information-----------------------------*/
.mainBlo { padding: 0; }
.mainBlo.eng { /*top: 4%;*/ top:0%;}
.inlinkTxt.eng { font-size: 16px; letter-spacing: 1px; line-height: 27px; padding-top:10px; }
}
@media screen and (max-width: 625px) {
/*--------------------------Brief History Section-------------------------------*/
.barBack.bot { width: 100%;}
/*.boxWrap { width: 180px; height:40px; left:50%;}*/
/*.btnTxt { top:12px; }*/
/*.briefIcon { width:40px; height: 40px; top:0; bottom: auto;}*/

/*-------------------Brief History (Mission)-----------------------------*/
.conBlock.eng { font-size: 12px; line-height: 18px; letter-spacing: 2px; }
.misGis { width: 90%; line-height: 20px; border: none; }
.m-close { font-size: 25px; }
.misGis h2 { font-size: 16px;}
.misGis { width: 90%; font-size: 12px; }

/*--------------------------Scroll Menu-------------------------------*/
.submenuWrap { display: none; }
/*---------------------------------Sections--------------------------------- */
.secWrap { overflow:hidden; border-bottom: 2px solid #9D9D9D; }
.secWrap.about { height: 94px; /*margin-bottom: 3px; */ }
.secWrap.service { height: 94px; }
.secWrap.award { height: 94px; }
.secWrap.press { height: 94px; }
.secWrap.advisory { height: 94px; }
.secWrap.public { height: 94px; }
.secWrap.info { height: 94px; }
.secWrap.download { height: 94px; }
/*--------------------------Title Bar-------------------------------*/
.secTitleBar { padding: 12px 0 0; font-size: 22px; line-height: 30px; cursor: pointer; }
.memberBar { font-size: 22px; }
.secTitleEn { font-size: 16px; letter-spacing: 3px;}
.openBtn { width: 100%; height: 20px; background:#000000; }
.secOpenIcon { 
	width: 40px; 
	height:20px; 
	margin: 0 auto;
	-webkit-border-radius: 5px 5px 0 0;
     -khtml-border-radius: 5px 5px 0 0;
	   -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
	background: #a23026 url(../img/cs_ad.png) no-repeat; background-position: center -10px; background-size: cover;  
}
.secOpenIcon.about.open { background: #a23026 url(../img/cs_au.png) no-repeat; background-position: center -10px; background-size: cover;  }
.secOpenIcon.service.open { background: #a23026 url(../img/cs_au.png) no-repeat; background-position: center -10px; background-size: cover;  }
.secOpenIcon.award.open { background: #a23026 url(../img/cs_au.png) no-repeat; background-position: center -10px; background-size: cover; }
.secOpenIcon.press.open { background: #a23026 url(../img/cs_au.png) no-repeat; background-position: center -10px; background-size: cover; }
.secOpenIcon.advisory.open { background: #a23026 url(../img/cs_au.png) no-repeat; background-position: center -10px; background-size: cover; }
.secOpenIcon.public.open { background: #a23026 url(../img/cs_au.png) no-repeat; background-position: center -10px; background-size: cover; }
.secOpenIcon.info.open { background: #a23026 url(../img/cs_au.png) no-repeat; background-position: center -10px; background-size: cover; }
.secOpenIcon.download.open { background: #a23026 url(../img/cs_au.png) no-repeat; background-position: center -10px; background-size: cover; }
.openIcon { margin-top: -10px; }
/*--------------------------About Section-------------------------------*/
.abConWrap { padding: 0; }
.abBack { display: none; }
.aboutBlo { float:none; width: 100%; height:320px; }
.aboutLink { padding: 15px 0 0 0; }
.aboutBlo h2 { font-size: 24px; line-height: 30px; }
.aboutBlo.eng h2 { font-size: 21px; line-height: 30px; }
.aboutBlo h2.eng { font-size: 16px; line-height: 26px; letter-spacing: 3px; }
.aboutBlo p { display: inline-block; letter-spacing: 3px; margin: 0 15px 10px 15px; }
.aboutBlo.eng p { font-size: 13px; line-height: 18px; letter-spacing: 2px;}
.abConWrap.report { width:90%; padding: 0 0; }
.abConWrap.info {  width:90%; padding: 0 0; }
.bracket { display: none; }
/*-------------------------------------Our Service---------------------------------------------*/
.serviceTitBar { padding: 12px 0 0; font-size: 22px; line-height: 30px; height:78px; cursor: pointer; }
.fullConWrap { top:auto; bottom:auto; left: auto; right: auto; width: 100%; }
.fullConWrap.service { height: 650px }
.slideContent { position:absolute; top:94px; right:0; bottom:0; left:0; background: rgba(255,255,255,0.9);}
.serControlBarWrap{ display: none; }
.titleIcon { width: 65px; margin-bottom: 0px; }

.chanNameWrap { margin-bottom: 10px; text-align: center; }
.conCol p.chanName { font-size: 18px; line-height: 25px; margin-right: 10px; text-align:center }
/*.radGis { display:none;}*/
.conCol.eng p.radGis {
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 16px;
}
.conCol p.chanName.eng {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 24px;
	margin-right: 5px;
}

.conCol {  padding: 25px 45px;}
.tvLogo { width: 20%; margin: 15px 0% 0 0; }
.tvLogo.tt { width: 20%; margin: 5% 0% 10px 0; }
.tvLogo.tta { width: 23%; }
.tvApe { font-size: 22px; right: -14px; }
.nmuLogo { width: 35%;}
.mightyslider_modern_skin.webBtn .mSButtons { width: 35px; height: 35px; }
.mightyslider_modern_skin.horizontal .mSNext { right: 20px; top: 155px; }
.mightyslider_modern_skin.horizontal .mSPrev { left: 20px; top: 155px; }
/*--------------------------------Award Section---------------------------------*/
.awdCol { float:left; width: 100%; height: 250px; }
.awdTxtWrap { position:absolute; width: 200px; bottom:25px; right:35px; top:auto; margin: 0; padding: 8px 25px 0 10px; font-size: 16px; }
.awdTit { padding: 0 0 0 5%; width: 90%; }
.awdShow { font-size: 14px; line-height: 22px; padding: 4px 8px; }
.moreLink { width: 35px; height: 15px; font-size: 11px; line-height: 14px; padding: 3px 0 0 2px; margin-top: 5px }
/*----------------------------Our Press--------------------------*/
.pressItemWrap { top:auto; display:block; margin-left: 0; width: 100%; max-height:90%;  }
.pressItem { width: 80%; height:auto; padding-bottom:2%; display: block; vertical-align:auto; margin: 25px auto 0 auto; }
.pressItem.last { margin-bottom:50px; }
.pressPics { border: 3px solid #FFFFFF; }
.presslinkWrap { bottom: 10px; }
.presslink { font-size: 14px; padding:5px 5px 0 7px; }
/*------------------------Our Advisory-------------------------*/
.advisConWrap { height: 550px;}
.advisBlock { width: 75%; font-size: 14px; line-height: 22px; transform: translate(-50%,-50%); }
.adConWrap { padding: 15px 35px 5px 35px; }
.adTit { font-size: 16px; }
.adTit.eng { font-size: 16px;letter-spacing: 2px;}
/*--------------------------Public Meeting--------------------------------*/
.pubCol { float:none; width: 100%; height: 240px; }
.pubLogoWrap { width: 109px; height: 150px; left: 10%; top:50%; transform: translate(0,-50%); }
.logoIcon { position:relative; left: auto; width: 13.8px; height: 21px; margin: 0 auto 0 auto; top:5px; }
.logoTitBlo { bottom: 2px; padding-left: 5%; width: 90%; }
.logoTit { font-size: 18px; line-height: 20px; letter-spacing: 4px; padding-left: 8px;}
.logoSub { font-size: 13px; line-height: 22px; letter-spacing: 4px; padding-left: 2px; margin-left: 5px;}
.logoTitEn { font-size: 13.5px; line-height: 18px; letter-spacing: 2px; padding-top:3px; }
.logoDate { font-size: 28px; line-height: 32px; letter-spacing: 9px; padding:0 0 0 8px; }
/*----------------------------Download Form-------------------------------------*/
.leftWrap { float: none; width: 90%; margin: 0 auto; }
.rightWrap { float: none; width: 90%; margin: 0 auto; }
.formLink { font-size: 16px; }
/*--------------------------Broadcast Member-------------------------------*/
.memberIconWrap { display:inline-block; margin-top: 50px; width: 70%;}
.memberIcon { margin: 0 5%; padding: 0 0; display: block;}
.memberIcon.abu { width:20%; float: left;}
.memberIcon.pma { width:50%; float: right; padding: 4% 0; }
.memberIcon.aibd { width:20%;float: left; clear:both; padding: 2% 0;}
.memberIcon.pbi { width:25%; float: right; padding: 8% 16% 2% 0 ;}
/*-----------------------------Press Release----------------------------------*/
.presslink.eng { font-size: 14px; padding: 1px 8px 0 9px; }
/*----------------------------General Information------------------------------*/
.mainBlo { /*top:8%;*/ top:0%; padding: 25px 0;  }
.mainBlo.eng { /*top:4%;*/ top:0%; padding: 25px 0; }
.linkIcon { width: 50px; height:50px; }
.inlinkTxt { font-size: 14px; line-height: 22px; padding-top:8px; }
.inlinkTxt.eng { font-size: 14px; letter-spacing: 1px; line-height: 22px; padding-top:5px; }
.infoLinkBlo { margin: 5px; }
/*----------------------------Download Forms------------------------------*/
.formLink.eng { font-size: 14px; letter-spacing: 2px; line-height: 20px; }
/*--------------------------Body Content Wrap---------------------------------*/
/*.top { height: 160px; padding-top: 0; }*/
/*--------------------------Section Menu---------------------------------*/
/*.menuWrap { top: 150px; }
.secBlock { height: auto; margin: 0 auto 40px auto; }
.secItem { font-size:14px; margin-top: 12px; padding-top: 6px; height: 25px; }
.secMenu { height: 50px; }*/

}
@media screen and (max-width: 425px) {
/*--------------------------Brief History Section-------------------------------*/
/*.boxWrap { width: 160px; height:40px; left:50%; transform: translate(-50%, -50%); }*/
.boxWrap { width: 160px; height:40px; left:50%; transform: translate(-50%, -50%); }
.boxWrap.eng {  width: 180px;} 
.boxWrap.show { background:rgba(255,255,255,0.9);  }
.boxWrap.fix { transform: translate(0, -50%); }
.barBack.top { height: 100%;}
.barBack.bot { display: none;}

.conBlock.ACol { width:80%; padding: 10px 10% 10px 10%; }
.conBlock.BCol { width:80%; padding: 0 10% 15px 10%; }
.btnTxt { top:13px; left: 15px;  font-size: 18px; }
.btnTxt.eng { font-size: 16px; letter-spacing: 2px;}
.briefIcon { width:40px; height: 40px; top:0; bottom: auto;}
.rightBorder {height: 40%; }
.botBorder { height: 4px; width:80%; }
/*-------------------Brief History (Mission)-----------------------------*/
.visWrap { bottom:-50px; width: 190px; height: 45px;  font-size:13px; line-height: 18px;}
/*.visWrap.eng { width: 265px; left:-80px; font-size:14px; line-height: 21px; letter-spacing: 3px }*/
.visWrap.eng { height: 50px; width: 230px; left:-50px; bottom:-55px;  font-size:12px; letter-spacing: 2px;  line-height: 18px;}
.visTxt { width: 150px; float: right; padding: 4px;}
/*.visTxt.eng { width: 220px; padding: 5px 5px 5px 10px; }*/
.visTxt.eng { width: 180px; height: 40px;}

/*-------------------------------------Our Service---------------------------------------------*/
.chanNameWrap { margin-bottom: 0; }
.fullConWrap.service { height: 550px }
/*.tvLogo { width: 25%;}*/
.radGis { display:none; }
.radGis.tvEx { display:none;}
.tvLogo { width: 30%; margin: 15px 5% 0 0; }
.tvLogo.tt { width: 32%; margin: 5% 5% 10px 0; }
.tvLogo.tta { width: 36%; }
.tvApe { font-size: 18px; right: -14px; top: -2px; }

.nmuLogo { width: 150px; left: 10px;}
.serIcon { width: 70px; margin: 0; }
.serMore { bottom: -10px; margin: 15px 0 0 0; }
.conCol.nmu { width: 100%; padding: 0px 45px 45px 45px; }
.webGist { display: none; height: 100px; }

/*--------------------------------Award Section---------------------------------*/
.awdTxtWrap { position: absolute; width: 64%; right: auto;  padding: 2px 5% 0 5%;  margin: 0 13% 0 13% ; }
/*------------------------Our Advisory-------------------------*/
.advisBlock { letter-spacing: 4px; }
.boaIcon { width: 25px;}
.adConWrap { padding: 30px 15px; }
.adConWrap { padding: 15px 15px 5px 15px; }
/*--------------------------Public Meeting--------------------------------*/
.pubLogoWrap { width: 109px; height: 150px; left: 50%; top:50%; transform: translate(-50%,-50%); }
/*--------------------------Broadcast Member-------------------------------*/
.memberIcon { margin: 0 0; }
.memberIcon.abu { width:25%; background:#87C5DE;}
.memberIcon.pma { width:65%; padding: 4% 0; }
.memberIcon.aibd { width:25%; padding: 5% 0;}
.memberIcon.pbi { width:35%; padding: 12% 16% 2% 0 ;}
/*----------------------------General Information------------------------------*/
.infoLinkBlo.eng { margin: 5px 15px; }
.inlinkTxt.eng { font-size: 14px; letter-spacing: 1px; line-height: 18px; padding-top:0px; }
/*----------------------------Download Forms------------------------------*/
.formLink.eng { font-size: 12px; letter-spacing: 2px; line-height: 16px; }
/*--------------------------Body Content Wrap---------------------------------*/
/*.top { height: 140px; padding-top: 0; }*/
/*--------------------------Section Menu---------------------------------*/
/*.menuWrap {top: 130px; background: rgba(34, 31, 31, 1); }
.menuWrap.fix-secMenu{ position: fixed; top: 44px; left:-5%; width: 100%; }
.secMenu { width:100%; height: 45px; margin:0; background:none; }
.secMenu.fix { width:90%; left: 5%;}
.secItem { font-size:14px; letter-spacing: 3px; margin-top: 10px;}
.secItem.bleft { border-right: none;}*/

}