@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://fonts.googleapis.com/css?family=Roboto+Mono);
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
*{ font-family: 'Noto Sans TC', '微軟正黑體', arial, 'Open Sans', sans-serif; margin: 0px; padding: 0px; outline: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; }
body, textarea { font-size: 16px; font-family: '微軟正黑體', arial,  'Open Sans', sans-serif; color: #333333; word-break: normal; }
a              { text-decoration: none; color: #4274DB; }
a:hover        { text-decoration: underline; }

input { border: solid 1px #AAAAAA; }
select { border: solid 1px #AAAAAA; }
textarea { border: solid 1px #AAAAAA; }

.ClearFloat    { clear: both; float: none; }
.DisplayInlineBlock    { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }

.SpaceHeight2 { overflow: hidden; clear: both; float: none; height: 1px; margin: 2px 0px; }
.SpaceHeight3 { overflow: hidden; clear: both; float: none; height: 1px; margin: 3px 0px; }
.SpaceHeight4 { overflow: hidden; clear: both; float: none; height: 1px; margin: 4px 0px; }
.SpaceHeight5 { overflow: hidden; clear: both; float: none; height: 1px; margin: 5px 0px; }
.SpaceHeight6 { overflow: hidden; clear: both; float: none; height: 1px; margin: 6px 0px; }
.SpaceHeight7 { overflow: hidden; clear: both; float: none; height: 1px; margin: 7px 0px; }
.SpaceHeight8 { overflow: hidden; clear: both; float: none; height: 1px; margin: 8px 0px; }
.SpaceHeight9 { overflow: hidden; clear: both; float: none; height: 1px; margin: 9px 0px; }

/*LightBox*/
.SysOverlayBody { overflow: hidden; }
.SysOverlay { display: none; position: fixed; z-index: 9999; top: 0px; left: 0px; width: 100%; overflow: hidden; background-color: rgba( 0, 0, 0, 0.85 ); }
.SysOverlay.ViewFile { z-index: 10001; }
.SysOverlay.Open { display: block; }
.SysLightboxMain { display: none; position: fixed; z-index: 10000; top: 50%; left: 50%; }
.SysLightboxMain.ViewFile { z-index: 10002; }
.SysLightboxMain.Open { display: block; }
.SysLightbox { display: block; position: fixed; max-width: calc( 100% - 30px ); height: 100%; max-height: calc( 100% - 30px ); overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); border-radius: 5px; }
.SysLightbox iframe { width: 100%; height: 100%; border: none; background-color: #FFFFFF }


.sys_overlay     { filter: alpha(Opacity=80, Style=0); -moz-opacity: 0.8; opacity: 0.8; background-color: #000000; top: 0px; left: 0px; display: none; position: absolute; width: 100%; overflow: hidden; }
.sys_lightbox    { background-color: #FFFFFF; border: solid 3px #555555; display: none; position: fixed; top: 50%; left: 50%; }

#GoVisit { display: block; position: fixed; z-index: 100; right: 20px; bottom: 110px; width: 40px; height: 150px; background-color: #ff5e00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; color: #FFFFFF; text-align: center; line-height: 22px; padding: 4px 6px; font-size: 20px; }
#GoVisit .SvgStyle { height: 38px; margin-bottom: 5px; width: 100%; fill: #FFFFFF; }

#FixedAd { display: none; position: fixed; z-index: 100; right: 70px;  width: 240px; height: auto; min-height: 150px; background-color: #ff5e00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; color: #FFFFFF; padding: 4px 4px 10px; font-size: 18px; overflow: hidden; }
#FixedAd:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#FixedAd .CloseDiv { height: 25px; text-align: right }
#FixedAd .CloseDiv .SvgStyle { width: 24px; fill: #FFFFFF; }
#FixedAd .Content { padding: 0px 5px; text-align: center; line-height: 27px; }

#NewAd { display: block; position: fixed; z-index: 100; right: 70px; bottom: 10px; width: 290px; height: auto; border-radius: 5px; cursor: pointer; overflow: hidden; }
#NewAd .CloseDiv { position: absolute; right: 5px; top: 5px; height: 25px; text-align: right }
#NewAd .CloseDiv .SvgStyle { width: 24px; fill: #000000; }
#NewAd a { display: block; line-height: 0px; }

#GoHome { display: none; position: fixed; z-index: 100; right: 20px; bottom: 60px; width: 40px; height: 40px; background-color: rgba( 51, 51, 51, 0.6 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
#GoHome .SvgStyle { width: 100%; fill: #FFFFFF; }

#ScrollTop { display: none; position: fixed; z-index: 100; right: 20px; bottom: 10px; width: 40px; height: 40px; background-color: rgba( 51, 51, 51, 0.6 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
#ScrollTop .SvgStyle { width: 100%; fill: #FFFFFF; }

#Main { width: 100%; }
/*8c1515*/
#TMain { width: 100%; /*background-image: url( '/_i/top_bg.png' );*/ background-repeat: no-repeat; background-position: right bottom; background-color: #f9f9f9; }
#TMain #TMContent_1 { margin: 0px auto; padding: 5px 20px; width: 100%; max-width: 1250px; }
#TMain #TMContent_1:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#TMain #TMContent_1 #TMC1Right { float: right; margin-top: 5px; width: 150px; text-align: right; color: #333333; }
#TMain #TMContent_1 #TMC1Right #TopMenuSub1 { width: 100%; }
#TMain #TMContent_1 #TMC1Right #TopMenuSub1:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#TMain #TMContent_1 #TMC1Right #TopMenuSub1 ul { float: right; list-style-type: none; margin: 0px; padding: 0px; }
#TMain #TMContent_1 #TMC1Right #TopMenuSub1 ul li { float: left; padding: 3px 8px; font-size: 15px; }
#TMain #TMContent_1 #TMC1Right #TopMenuSub1 ul li a { color: #333333; }
#TMain #TMContent_1 #TMC1Right #TopMenuSub1 ul li a:hover { cursor: pointer; text-decoration: underline; }
#TMain #TMContent_1 #TMC1Right #TopMenuSub1 ul:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#TMain #TMContent_1 #TMC2Right { float: right; margin-top: 5px; width: 150px; text-align: right; color: #333333; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 { width: 100%; margin-top: 8px; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul { float: right; list-style-type: none; margin: 0px; padding: 0px; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li { float: left; margin-left: 12px; line-height: 0px; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li a { display: block; line-height: 0px; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li.TopFacebook { width: 41px; margin-top: -4px; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li.TopYoutube { width: 33px; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li.TopSearch { width: 33px; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li.TopMenu { width: 33px; display: none; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li:hover { cursor: pointer; }
/*
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li:hover .SvgStyle { fill: #8c1515; }
*/
#TMain #TMContent_1 #TMC2Right .SvgStyle { width: 100%; fill: #333333; line-height: 0px; }
#TMain #TMContent_1 #TMC2Right .TopFacebook .SvgStyle { height: 41px; fill: #3c5a99; }
#TMain #TMContent_1 #TMC2Right .TopLine .SvgStyle { width: 34px; height: 34px; fill: #3c5a99; }
#TMain #TMContent_1 #TMC2Right .TopYoutube .SvgStyle { height: 33px; fill: #d72523; }
#TMain #TMContent_1 #TMC2Right .TopXuite  img { height: 33px; }
#TMain #TMContent_1 #TMC2Right .TopMoodle  img { height: 33px; }
#TMain #TMContent_1 #TMC2Right .TopSearch .SvgStyle { height: 33px; }
#TMain #TMContent_1 #TMC2Right .TopMenu .SvgStyle { height: 33px; }
#TMain #TMContent_1 #TMC1Left { float: left; width: calc( 100% - 150px ); padding: 5px 0px; /* padding: 10px 0px; */ }
#TMain #TMContent_1 #TMC1Left img { display: inline-block; width: auto; vertical-align: middle; width: 325px; /* width: 240px; */ }
#TMain #TMContent_1 #TMC1Left img.LogoLine { margin: 0px 12px; width: 8px; }
#TMain #TMContent_1 #TMC1Left img.CollegeBoard { margin-left: 15px; width: 190px; }
#TMain #TMContent_1 #TMC1Left img.oxford { margin-left: 15px; width: 190px; }
#TMain #TMContent_2 { height: 0px; width: 100%; overflow: hidden; background-color: #b74c4c; transition: all 0.5s; }
#TMain #TMContent_2 #TMC2Search { margin: 0px auto; width: 100%; max-width: 1250px; padding: 5px 20px; }
#TMain #TMContent_2 #TMC2Search:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#TMain #TMContent_2 #TMC2Search input { float: left; width: calc( 100% - 40px ); height: 40px; border: none; font-size: 20px; color: #FFFFFF; background-color: rgba( 0, 0, 0, 0 ); }
#TMain #TMContent_2 #TMC2Search input.BgTxt { background-image: url( '/_i/SearchWordBg.png' ); background-repeat: no-repeat; background-position: left center; }
#TMain #TMContent_2 #TMC2Search button { float: right; width: 40px; border: none; background-color: rgba( 0, 0, 0, 0 ); fill: #e5adad; }
#TMain #TMContent_2 #TMC2Search button.OpenFun { cursor: pointer; fill: #FFFFFF; }
#TMain #TMContent_2 #TMC2Search button .SvgStyle { width: 40px; }
#TMain #TMContent_3 { position: relative; width: 100%; height: 41px; background-color: #8c1515; border-bottom: solid 2px #7b0000; }
#TMain #TMContent_3 #TMC3Menu { margin: 0px auto; width: 100%; max-width: 1250px; text-align: center; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter { display: block; list-style-type: none; margin: 0px; padding: 0px; text-align: center; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter a { color: #FFFFFF; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter a:hover { text-decoration: none; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li { display: inline-block; position: relative; margin-bottom: -2px; font-size: 19px; color: #FFFFFF; border-bottom: solid 2px #7b0000; transition: 0.5s; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li div { padding: 6px 19px; height: 39px; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li.Eng { font-size: 15px; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li.Eng div { padding: 8px 15px; word-wrap: break-word; word-break: keep-all; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li:hover { cursor: pointer; background-color: #7b0000; color: #FFFFFF; border-bottom: solid 2px #6e0000; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li ul { overflow: hidden; display: none; position: absolute; left: 0px; top: 41px; z-index: 10; width: 100%; list-style-type: none; text-align: center; background-color: #c13a3a; transition: all 0.5s; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li ul li { display: block; width: 100%; font-size: 16px; color: #FFFFFF; border: none; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li ul li div { padding: 6px 5px; width: 100%; min-height: 39px; height: auto; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li ul li.Eng { font-size: 13px; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li ul li.Eng div { padding: 8px 5px; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li ul li:hover { cursor: pointer; background-color: #d75757; color: #FFFFFF; border: none; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li ul ul { display: none; }

#TMain #TMContent_4 { display: none; width: 100%; height: 0px; overflow: hidden; background-color: #8c1515; box-shadow: 0px 3px 5px #777; transition: all 0.5s; }

#TMain #TMContent_4 .TMC4SubMenu {  }
#TMain #TMContent_4 .TMC4SubMenu { width: 100%; padding: 10px; }
#TMain #TMContent_4 .TMC4SubMenu ul { float: right; list-style-type: none; margin: 0px; padding: 0px; }
#TMain #TMContent_4 .TMC4SubMenu ul:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#TMain #TMContent_4 .TMC4SubMenu ul li { float: left; padding: 3px 8px; font-size: 15px; color: #FFFFFF; }
#TMain #TMContent_4 .TMC4SubMenu ul li a { color: #FFFFFF; }
#TMain #TMContent_4 .TMC4SubMenu ul li a:hover { cursor: pointer; text-decoration: underline; }

#TMain #TMContent_4 ul#TMC4Menu { margin: 0px; width: 100%; padding: 16px 15px; list-style-type: none; }
#TMain #TMContent_4 ul#TMC4Menu a { color: #FFFFFF; }
#TMain #TMContent_4 ul#TMC4Menu a:hover { text-decoration: none; }
#TMain #TMContent_4 ul#TMC4Menu li { float: none; clear: both; margin-bottom: 15px; font-size: 25px; color: #FFFFFF; }
#TMain #TMContent_4 ul#TMC4Menu li div { float: none; clear: both; margin-bottom: 8px; font-size: 25px; color: #FFFFFF; }
#TMain #TMContent_4 ul#TMC4Menu li ul { float: none; clear: none; list-style-type: none; }
#TMain #TMContent_4 ul#TMC4Menu li ul:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#TMain #TMContent_4 ul#TMC4Menu li ul li { float: left; clear: none; margin: 0px; margin-right: 15px; margin-bottom: 5px; font-size: 16px; color: #FFFFFF; }
#TMain #TMContent_4 ul#TMC4Menu li ul li div { font-size: 19px; }
#TMain #TMContent_4 ul#TMC4Menu li ul ul li div { font-size: 15px; color: #ffe2e2; }

.More { position: absolute; margin: 0px; bottom: 0px; right: 15px; font-size: 13px; color: #8c1515; fill: #8c1515; }
.More:hover { cursor: pointer; color: #999999; fill: #999999; }
.More .SvgStyle { margin-top: -3px; width: 24px; height: 24px; vertical-align: middle; }

.MainLine { float: none; clear: both; width: 100%; height: 2px; background-color: #e6e6e6; }

#CMain { margin: 0px auto 5px; padding: 0px 0px 0px; width: 100%; background-color: #FFFFFF; overflow: hidden; }
#CMain:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }

#CMain #CMContent_T { margin: 0px 0px 25px; position: relative;
    overflow: hidden;
    width: 100%;
}
#CMain #CMContent_T #ImageDiv { position: relative; width: 100%; }
#CMain #CMContent_T #ImageDiv #Image { position: relative; width: 100%; height: auto; overflow: hidden; margin: 0 auto; -webkit-transform: translateZ(0); }
#CMain #CMContent_T #ImageDiv #Image .ImageMain { width: 2910px; height: 0px; overflow: hidden; }
#CMain #CMContent_T #ImageDiv #Image .ImageMain:after { display: block; clear: both; height: 0; content: ''; }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item { position: relative; float: left; font-size: 0px; text-align: center; background: #EFEFEF; color: #666; }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item.Video { height: 720px; overflow: hidden; }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item img { width: 100%; }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item video { width: 100%; }

#CMain #CMContent_T #ImageDiv #Image #ImageBtnLeft { position: absolute; left: 10px; top: calc( 50% - 40px ); z-index: 100; width: 32px; height: 80px; background-image: url( '/_i/ImgBtnLeft.png' ); background-repeat: no-repeat; cursor: pointer; }
#CMain #CMContent_T #ImageDiv #Image #ImageBtnRight { position: absolute; right: 10px; top: calc( 50% - 40px ); z-index: 100; width: 32px; height: 80px; background-image: url( '/_i/ImgBtnRight.png' ); background-repeat: no-repeat;  cursor: pointer; }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item #ImageInfo { position: absolute; left: 55px; bottom: 15%; max-width: 35%; padding: 15px; background-color: rgba( 255, 255, 255, 0.85 ); }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item #ImageInfo.ImageLink {  }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item #ImageInfo.ImageLink:hover { cursor: pointer; background-color: rgba( 238, 230, 203, 0.95 ); }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item #ImageInfo .ImageInfoTitle { margin-bottom: 5px; text-align: left; font-size: 30px; color: #8c1515; }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item #ImageInfo .ImageInfoContent { text-align: left; font-size: 18px; color: #000000; line-height: 25px; }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item #ImageInfo .ImageInfoContent .SvgStyle { width: 24px; height: 24px; vertical-align: middle; fill: #181818; }

#CMain #CMContent_T #ImageDiv #ImageItem { display: none; margin-top: 10px; margin-bottom: 15px; text-align: center; }
#CMain #CMContent_T #ImageDiv #ImageItem.Pointer { text-align: center; }
#CMain #CMContent_T #ImageDiv #ImageItem.Pointer span { display: inline-block; margin: 2px; width: 14px; height: 14px; border-radius: 14px; border: 1px solid #8c1515; background-color: #FFFFFF; }
#CMain #CMContent_T #ImageDiv #ImageItem.Pointer span.Current { background-color: #8c1515; }
/*
#CMain #CMContent_C { width: 180%; margin-left: -40%; margin-right: -40%; margin-top: -50px; padding: 0px 40%; background-color: #FFF; }
*/
/*
#CMain #CMContent_C #CMContent_Style { width: 150%; height: 500px; margin-left: -25%; margin-top: -70px; margin-bottom: -450px; background-color: #e9e9e9; }
*/
#CMain #CMContent_C #CMContentDiv { margin: 0px auto; width: 100%; }
#CMain #CMContent_C #CMContentDiv #CMContent_Ad { margin: 0px auto 5px; width: 100%; max-width: 1250px; padding: 0px 55px; }
#CMain #CMContent_C #CMContentDiv #CMContent_Ad .Ad { position: relative; width: 100%; color: #b10f0f; font-size: 22px; cursor: pointer; transition: 0.5s; }
#CMain #CMContent_C #CMContentDiv #CMContent_Ad .Ad:hover { background-color: #b10f0f; color: #FFFFFF; border-radius: 10px; }
#CMain #CMContent_C #CMContentDiv #CMContent_Ad .Ad.A20170626 { padding: 10px 10px 10px 60px; }

#CMain #CMContent_C #CMContentDiv #CMContent { margin: 0px auto; width: 100%; max-width: 1180px; padding: 0px 40px 20px; }
#CMain #CMContent:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#CMain #CMContent .CMCItemDiv { position: relative; float: left; margin: 10px; padding: 0px 10px; padding-bottom: 30px; width: calc( 100% / 2 - 20px ); height: 430px; background-color: #FFFFFF; border: solid 1px #DDD; }
#CMain #CMContent .MainTitle { position: relative; padding: 7px 15px 7px 16px; font-size: 16px; overflow: hidden; background-color: #8c2929; color: #FFFFFF; }
#CMain #CMContent .MainTitle .SvgStyle { width: 26px; height: 26px; fill: #FFFFFF; margin-bottom: -4px; margin-right: 8px; }
#CMain #CMContent .MainLine { width: 100%; height: 2px; background-color: #000; }
#CMain #CMContent .MainContent { padding: 0px 5px; }

#CMain #CMContent .CMCItemDiv .MainContent .MainCItem { width: 100%; }
#CMain #CMContent .CMCItemDiv .MainContent .MainCItem:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }

#CMain #CMContent .CMCItemDiv.News { height: 700px; }
#CMain #CMContent .CMCItemDiv.News .MainContent { padding: 8px; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem { width: 100%; margin: 10px 0px; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIDate { float: left; width: 45px; padding: 2px 8px 2px 1px; text-align: right; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIDate .MainCIDMonth { color: #8c1515; font-size: 13px; font-weight: bolder; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIDate .MainCIDDay { color: #484848; font-size: 20px; font-weight: bolder; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent { float: left; padding: 2px 0px; width: calc( 100% - 45px ); padding: 0px 1px 0px 8px; border-left: solid 2px #e6e6e6; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent .MainCICItem { position: relative; padding: 3px 0px; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent .MainCICItem .HonorImage { position: absolute; top: 4px; right: 0px; width: 30px; height: 36px; background-image: url( /_i/honor.png ); background-repeat: no-repeat; background-size: 100% auto; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent .MainCICItem .MainCICIType { font-size: 13px; line-height: 21px; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent .MainCICItem .MainCICIType a { text-decoration: none; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent .MainCICItem .MainCICIType a:hover { text-decoration: underline; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent .MainCICItem .MainCICITitle { width: calc( 100% - 35px ); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent .MainCICItem .MainCICITitle a { color: #181818; font-size: 17px; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent .MainCICItem .MainCICITitle a:hover { text-decoration: underline; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent .MainCICItem .MainCICITitle a.MainCICIHot { color: #181818; }

#CMain #CMContent .CMCItemDiv .Events { position: relative; padding-bottom: 20px; /*height: 700px;*/ }
#CMain #CMContent .CMCItemDiv .Events .MainContent { padding: 8px 10px; }
#CMain #CMContent .CMCItemDiv .Events .MainContent .MainCItem { width: 100%; margin-bottom: 15px; }
#CMain #CMContent .CMCItemDiv .Events .MainContent .MainCItem .MainCIImage { margin-bottom: 5px; width: 100%; height: 195px; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; cursor: pointer; }
#CMain #CMContent .CMCItemDiv .Events .MainContent .MainCItem .MainCIType { float: left; font-size: 13px; }
#CMain #CMContent .CMCItemDiv .Events .MainContent .MainCItem .MainCIType a { text-decoration: none; }
#CMain #CMContent .CMCItemDiv .Events .MainContent .MainCItem .MainCIType a:hover { text-decoration: underline; }
#CMain #CMContent .CMCItemDiv .Events .MainContent .MainCItem .MainCIDate { float: right; font-size: 12px; color: #999999; }
#CMain #CMContent .CMCItemDiv .Events .MainContent .MainCItem .MainCITitle { float: none; clear: both; margin: 5px 0px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#CMain #CMContent .CMCItemDiv .Events .MainContent .MainCItem .MainCITitle a { color: #181818; font-size: 20px; }
#CMain #CMContent .CMCItemDiv .Events .MainContent .MainCItem .MainCIEventDate { color: #181818; font-size: 15px; margin-bottom: 12px; }

#CMain #CMContent .CMCItemDiv.Picture .MainContent { padding: 8px 10px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem { width: 100%; margin-bottom: 10px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIImage { margin-bottom: 5px; width: 100%; height: 150px; overflow: hidden; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIImage .ImageItem { float: left; width: 100%; height: 150px; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIType { float: left; font-size: 13px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIDate { float: right; font-size: 12px; color: #999999; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCITitle { float: none; clear: both; margin: 5px 0px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCITitle a { color: #181818; font-size: 20px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIContent { color: #AAAAAA; font-size: 13px; height: 36px; }

#CMain #CMContent .CMCItemDiv .Movie { position: relative; padding-bottom: 20px; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent { padding: 10px 0px; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent .MainCItem { width: 100%; margin-bottom: 20px; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent .MainCItem .MainCIMovie { margin-bottom: 5px; width: 100%; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent iframe { height: 300px; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent .MainCItem .MainCIDate { float: left; font-size: 12px; color: #999999; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent .MainCItem .MainCITitle { float: none; clear: both; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent .MainCItem .MainCITitle a { color: #181818; font-size: 20px; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent .MainCItem .MainCITitle a:hover { text-decoration: underline; }
#CMain #CMContent .CMCItemDiv .Test { position: relative; }
#CMain #CMContent .CMCItemDiv .Test .MainContent { padding: 8px 10px; }
#CMain #CMContent .CMCItemDiv .Test .MainContent .MainCItem { margin: 3px 0px; width: 100%; padding: 7px 7px; border-radius: 10px; transition: 0.5s; }
#CMain #CMContent .CMCItemDiv .Test .MainContent .MainCItem:hover { background-color: #EEEEEE; cursor: pointer; }
#CMain #CMContent .CMCItemDiv .Test .MainContent .MainCLine { border-bottom: dotted 1px #CCCCCC; }
#CMain #CMContent .CMCItemDiv .Test .MainContent .MainCItem .Icon { float: left; margin: 8px 8px 8px 0px; width: 22px; height: 22px; border-radius: 50%; border: solid 5px #005e9f; }
#CMain #CMContent .CMCItemDiv .Test .MainContent .MainCItem .MainCITitle { float: left; margin: 5px 0px; width: calc( 100% - 22px - 8px ); color: #181818; font-size: 20px; }

#CMain #CMContent .CMCItemDiv.Life { height: 380px; }
#CMain #CMContent .CMCItemDiv.Life .MainContent { padding: 8px 10px; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem { width: 100%; margin-bottom: 10px; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIImage { margin-bottom: 5px; width: 100%; height: 150px; overflow: hidden; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIImage .ImageItem { float: left; width: 100%; height: 195px; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIType { float: left; font-size: 13px; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIType a { text-decoration: none; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIType a:hover { text-decoration: underline; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIDate { float: right; font-size: 12px; color: #999999; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCITitle { float: none; clear: both; margin: 5px 0px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCITitle a { color: #181818; font-size: 20px; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIContent { color: #AAAAAA; font-size: 13px; height: 36px; }


#PMain { margin: 0px auto 5px; padding: 0px 0px 25px; width: 100%; background-color: #E9E9E9; }
#PMain:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }

#PMain #PMContentPath { background-color: #FFFFFF; width: 100%; padding: 8px 0px; margin-bottom: 21px; }
#PMain #PMContentPath .PathDiv { margin: 0px auto; width: 100%; max-width: 1250px; padding: 5px 20px; }
#PMain #PMContentPath .PathDiv:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#PMain #PMContentPath .PathDiv .SvgStyle { float: left; width: 24px; height: 24px; fill: #444444; }
#PMain #PMContentPath .PathDiv .PathContent { float: left; margin-left: 5px; line-height: 24px; font-size: 15px; }
#PMain #PMContentPath .PathDiv .PathContent a { margin: 0px 3px; }
#PMain #PMContentPath .PathDiv .PathContent a.PathLink_1 { color: #333333; }
#PMain #PMContentPath .PathDiv .PathContent a.PathLink_2 { color: #555555; }

#PMain #PMContentTitle { background-color: #F3F3F3; width: 100%; }
#PMain #PMContentTitle .TitleDiv { position: relative; margin: 0px auto; width: 100%; height: 400px; padding: 5px 20px; background-size: 100% auto; background-repeat: no-repeat; text-align: center; }
#PMain #PMContentTitle .TitleDiv[t='about'] { /*background-image: url( '/_i/m_about.png' );*/  background-image: url( '/_i/UEIS_02.jpg' ); background-position: center -50px; }
#PMain #PMContentTitle .TitleDiv[t='aaffairs'] { /*background-image: url( '/_i/m_aaffairs.png' );*/  background-image: url( '/_i/UEIS_02.jpg' ); /*background-position: center -100px;*/ background-position: center -50px; }
#PMain #PMContentTitle .TitleDiv[t='achievement'] { /*background-image: url( '/_i/m_achievement.png' ); */ background-image: url( '/_i/UEIS_02.jpg' ); background-position: center -50px; }
#PMain #PMContentTitle .TitleDiv[t='camp'] { /*background-image: url( '/_i/m_camp.png' );*/ background-image: url( '/_i/UEIS_02.jpg' ); /*background-position: center center;*/ background-position: center -50px; }
#PMain #PMContentTitle .TitleDiv[t='admissions'] { /*background-image: url( '/_i/m_admissions.png' );*/ background-image: url( '/_i/UEIS_02.jpg' ); background-position: center -50px; }
#PMain #PMContentTitle .TitleDiv[t='contact'] { /*background-image: url( '/_i/m_contact.png' );*/ background-image: url( '/_i/UEIS_02.jpg' ); background-position: center -50px; }
#PMain #PMContentTitle .TitleDiv[t='school'] { /*background-image: url( '/_i/m_school.jpg' );*/ background-image: url( '/_i/UEIS_02.jpg' ); /*background-position: center top;*/ background-position: center -50px; }
#PMain #PMContentTitle .TitleDiv[t='news'] { /*background-image: url( '/_i/m_school.jpg' );*/ background-image: url( '/_i/UEIS_02.jpg' ); /*background-position: center top;*/ background-position: center -50px; }
#PMain #PMContentTitle .TitleDiv[t='calendar'] { /*background-image: url( '/_i/m_aaffairs.png' );*/ background-image: url( '/_i/UEIS_02.jpg' ); /*background-position: center -100px;*/ background-position: center -50px; }
#PMain #PMContentTitle .TitleDiv[t='search'] { /*background-image: url( '/_i/m_aaffairs.png' );*/ background-image: url( '/_i/UEIS_02.jpg' ); /*background-position: center -100px;*/ background-position: center -50px; }
#PMain #PMContentTitle .TitleDiv .Title { display: inline-block; display: none; position: relative; top: calc( 50% - 109px / 2 ); width: auto; padding: 15px 50px; font-size: 20px; color: #FFFFFF; background-color: rgba( 0, 0, 0, 0.4 ); border-radius: 5px; font-weight: normal; line-height: 40px; }
#PMain #PMContentTitle .TitleDiv .Title .Eng { font-size: 30px; font-weight: bold; }

#PMain #PMContent { margin: 0px auto; width: 100%; max-width: 1250px; padding: 5px 20px; }
#PMain #PMContent:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#PMain #PMContent #CMContentLeft { float: left; margin-right: 40px; margin-bottom: 40px; width: 250px; padding-bottom: 10px; background-color: #FFFFFF; /*border-top: solid 3px #666666;*/ }
#PMain #PMContent #CMContentLeft .Title { margin-bottom: 10px; padding: 10px; background-color: #8c1515; color: #FFFFFF; font-size: 18px; text-align: center; }
#PMain #PMContent #CMContentLeft .PageOrganMenu { margin: 0 auto; width: calc( 100% - 10px ); padding: 5px 20px 5px 20px; font-size: 16px; border-bottom: solid 1px #d8d8d8; }
#PMain #PMContent #CMContentLeft .PageOrganMenu:first-child { border-top: solid 1px #d8d8d8; }
#PMain #PMContent #CMContentLeft .PageOrganMenu:hover { background-color: #8c1515; cursor: pointer; color: #FFFFFF; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.ThisPageOrganMenu { background-color: #8c1515; color: #FFFFFF; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_1 { padding: 8px 20px 8px 10px; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_1:hover { color: #333333; background-color: #8c1515; color: #FFFFFF; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_1.ThisPageOrganMenu { background-color: #8c1515; color: #FFFFFF; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_1 svg { margin-right: 5px; width: 12px; height: 12px; fill: #333333; transition: .3s; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_1:hover svg { fill: #FFFFFF; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_1.ThisPageOrganMenu svg { fill: #FFFFFF; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_1.Open { display: block; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_1.Open svg { transform: rotate(90deg); }

#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_2 { display: none; padding: 8px 20px 8px 45px; font-size: 14px; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_2:hover { background-color: #dc7070; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_2.ThisPageOrganSubMenu { color: #FFFFFF; background-color: #dc7070; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_2.Open { display: block; }

#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_2 svg { margin-right: 5px; width: 12px; height: 12px; fill: #333333; transition: .3s; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_2:hover svg { fill: #FFFFFF; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_2.ThisPageOrganSubMenu svg { fill: #FFFFFF; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_2.Open svg { transform: rotate(90deg); }

#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_3 { display: none; padding: 8px 20px 8px 70px; font-size: 14px; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_3:hover { background-color: #dc7070; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_3.ThisPageOrganSubSubMenu { color: #FFFFFF; background-color: #dc7070; }
#PMain #PMContent #CMContentLeft .PageOrganMenu.Organ_3.Open { display: block; }

#PMain #PMContent #CMContentRight { float: left; width: calc( 100% - 40px - 250px ); }
#PMain #PMContent #CMContentRight.Center { margin: 0 auto; float: none; clear: both; width: 100%; max-width: 900px; }

#PMain #PMContent #CMContentRight .PageTitle { margin-bottom: 15px; margin-top: 5px; font-size: 18px; color: #8c1515; line-height: 35px; }
#PMain #PMContent #CMContentRight .PageTitle .PageNewsCategoryList { float: right; }
#PMain #PMContent #CMContentRight .PageTitle .PageNewsCategoryList div { float: left; padding: 3px 8px; margin-left: 8px; border-radius: 5px; background-color: #cee7f2; border: solid 1px #78c0e2; font-size: 13px; color: #004e73; }
#PMain #PMContent #CMContentRight .PageTitle .PageNewsCategoryList div:hover { background-color: #87cbea; cursor: pointer; }
#PMain #PMContent #CMContentRight .PageContent { margin-bottom: 30px; line-height: 29px; font-size: 16px; text-indent: 2em; }
#PMain #PMContent #CMContentRight .PageContent.ListItem { text-indent: 0em; margin-left: 38px; }
#PMain #PMContent #CMContentRight .PageContent.ListItem ul {  }
#PMain #PMContent #CMContentRight .PageContent.ListItem ul li {  }
#PMain #PMContent #CMContentRight .PageContent.OtherListItem { text-indent: 0em; }
#PMain #PMContent #CMContentRight .PageImageDiv { width: 100%; padding: 5px 0px; margin: 0px 0px 20px; }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures { width: 100%;text-align: center; }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures img[type="1"] { float: none; clear: both; margin-right: 0px; width: 80%; }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures img[type="1"]:last-child { margin-right: 0px; }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures img[type="2"] { float: left; margin-right: 20px; width: calc( ( 100% - 20px ) / 2 ); }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures img[type="2"]:last-child { margin-right: 0px; }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures img[type="3"] { float: left; margin-right: 20px; width: calc( ( 100% - 40px ) / 3 ); }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures img[type="3"]:last-child { margin-right: 0px; }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures img[type="4"] { float: left; margin: 1px; width: calc( ( 100% - 8px ) / 4 ); }

#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures a[type="2"] { float: left; margin-right: 20px; width: calc( ( 100% - 20px ) / 2 ); }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures a[type="2"]:last-child { margin-right: 0px; }

#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures a[type="3"] { float: left; margin-right: 20px; width: calc( ( 100% - 40px ) / 3 ); }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures a[type="3"]:last-child { margin-right: 0px; }
#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures a img { float: none; clear: both; margin-right: 0px; width: 100%; }

#PMain #PMContent #CMContentRight .PageImageDiv .PageImageTitle { margin-top: 3px; color: #000; text-align: center; }
#PMain #PMContent #CMContentRight .PageHistoryTable { font-size: 15px; line-height: 27px; }
#PMain #PMContent #CMContentRight .PageHistoryTable th { padding: 10px 5px; color: #8c1515; font-family: Georgia; font-size: 30px; font-weight: normal; }
#PMain #PMContent #CMContentRight .PageHistoryTable td { padding: 10px 5px; padding-left: 10px; font-size: 16px; }
#PMain #PMContent #CMContentRight .PageImageContent { margin-bottom: 15px; text-align: center; }
#PMain #PMContent #CMContentRight .PageImageContent img { max-width: 100%; }
#PMain #PMContent #CMContentRight .PageImageContent img[channel="admissions"] { max-width: 600px; width: 100%; }
#PMain #PMContent #CMContentRight .PageImageContent img[channel="contact"] { max-width: 100%; }

#PMain #PMContent #CMContentRight .PageSubTitle { margin-bottom: 15px; padding: 0px 8px; font-size: 18px; border-left: solid 5px #666; }
#PMain #PMContent #CMContentRight .PageSubSubTitle { margin-bottom: 10px; margin-left: 2.4em; display: list-item; line-height: 27px; font-size: 16px; }
#PMain #PMContent #CMContentRight .PageSubSubContent { margin-bottom: 10px; padding-left: 2.6em; line-height: 27px; font-size: 15px; }

#PMain #PMContent #CMContentRight .PageContent.PPT { text-indent: 0em; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul { margin: 0px; margin-bottom: 40px; padding: 0px; list-style-type: none; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li { display: inline-block; vertical-align: middle; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Item { width: 120px; margin-bottom: 10px; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Item .Content { width: 100%; padding: 5px 8px; border-radius: 5px; font-size: 13px; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.ESL li.Item .Content { background-color: #77b2e3; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.ELECTIVES li.Item { width: calc( ( 100% - 3px * 4 ) / 4 ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.ELECTIVES li.Item .Content { margin-right: 20px; width: auto; background-color: #afe3a8; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.English li.Item .Content { background-color: #ebd287; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Mathematic li.Item .Content { background-color: #e085e3; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Science li.Item .Content { background-color: #9fcbf0; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SocialScience li.Item .Content { background-color: #c6e191; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.PhysicalEducation li.Item .Content { background-color: #b7b7b7; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SecondLanguage li.Item .Content { background-color: #ff9a62; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SecondArt li.Item .Content { background-color: #fc75d3; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Arrow { padding: 0px 5px; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Arrow .SvgStyle { width: 24px; height: 24px; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.ESL li.Arrow .SvgStyle { fill: #77b2e3; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.English li.Arrow .SvgStyle { fill: #ebd287; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Mathematic li.Arrow .SvgStyle { fill: #e085e3; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Science li.Arrow .SvgStyle { fill: #9fcbf0; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SocialScience li.Arrow .SvgStyle { fill: #c6e191; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.PhysicalEducation li.Arrow .SvgStyle { fill: #b7b7b7; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SecondLanguage li.Arrow .SvgStyle { fill: #ff9a62; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SecondArt li.Arrow .SvgStyle { fill: #fc75d3; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.SubDiv { margin-bottom: 0px; padding: 10px 5px 0px; vertical-align: bottom; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.SubDiv ul { margin: 0px; width: 100%; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.SubDiv ul li .Content { width: 100%; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.ELECTIVES li.SubDiv { width: calc( 100% ); background-color: #d6efd3; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.ESL li.SubDiv { width: calc( 100% - ( 120px + 43px ) * 2 ); background-color: transparent; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.ESL li.SubDiv ul li.Item { width: calc( ( 100% - 43px * 3 ) / 4 ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.English li.SubDiv { width: calc( 100% - ( 120px + 43px ) * 2 ); background-color: #fff0c3; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.English li.SubDiv ul li.Item { width: calc( ( 100% - 43px * 3 ) / 4 ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Mathematic li.SubDiv { width: calc( 100% - ( 120px + 43px ) * 2 ); background-color: #efc6f1; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Mathematic li.SubDiv ul li.Item { width: calc( ( 100% - 43px * 3 ) / 4 ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Science li.SubDiv { width: calc( 100% - ( 120px + 43px ) * 2 ); background-color: #d0e8fc; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Science li.SubDiv ul li.Item { width: calc( ( 100% - 43px * 3 ) / 4 ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SocialScience li.SubDiv { width: calc( 100% - ( 120px + 43px ) * 2 ); background-color: #edfcd0; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SocialScience li.SubDiv ul li.Item { width: calc( ( 100% - 43px * 3 ) / 4 ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.PhysicalEducation li.SubDiv { width: calc( 100% ); background-color: #d7d7d7; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.PhysicalEducation li.SubDiv ul li.Item { width: calc( ( 100% - 42px * 4 ) / 5 ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SecondLanguage li.SubDiv { width: calc( 100% ); background-color: #fddac6; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SecondLanguage li.SubDiv ul li.Item { width: calc( ( 100% - 42px * 4 ) / 5 ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SecondArt li.SubDiv { width: calc( 100% ); background-color: #fdc6ec; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SecondArt li.SubDiv ul li.Item { width: calc( ( 100% - 42px * 4 ) / 5 ); }


#PMain #PMContent #CMContentRight .PageContent.PPT ul li.SubDiv .MContent { margin-bottom: 5px; padding: 5px 10px; border-radius: 5px; font-size: 16px; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.ELECTIVES li.SubDiv .MContent { color: #4a9a3f; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.English li.SubDiv .MContent { color: #bc9a37; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Mathematic li.SubDiv .MContent { color: #a127a5; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Science li.SubDiv .MContent { color: #4287c1; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SocialScience li.SubDiv .MContent { color: #7ea630; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.PhysicalEducation li.SubDiv .MContent { color: #646464; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SecondLanguage li.SubDiv .MContent { color: #c95500; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SecondArt li.SubDiv .MContent { color: #bc5a9e; }

#PMain #PMContent #CMContentRight .PageContentChart {  }
#PMain #PMContent #CMContentRight .PageContentChart:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#PMain #PMContent #CMContentRight .PageContentChartDiv { position: relative; float: left; margin-bottom: 30px; padding-top: 30px; margin: 15px; width: calc( 20% - 30px ); height: 130px; border-radius: 8px; border: solid 10px #EEEEEE; background-color: #dcdcdc; box-shadow: 0px 2px 5px rgba( 0, 0, 0, 0.3 ); }
#PMain #PMContent #CMContentRight .PageContentChartDiv .StepTxt { position: absolute; top: -13px; left: -7px; font-size: 29px; font-style: italic; font-family: Georgia; font-weight: bolder; color: #000000; }
#PMain #PMContent #CMContentRight .PageContentChartDiv .Title { font-size: 24px; text-align: center; }
#PMain #PMContent #CMContentRight .PageContentChartDiv .Content { font-size: 16px; text-align: center; padding: 10px 5px 0px; }
#PMain #PMContent #CMContentRight .PageContentChartDiv .Content .SvgStyle { width: 24px; height: 24px; fill: #8c1515; vertical-align: middle; }
#PMain #PMContent #CMContentRight .PageContentChartDiv .Content .SvgStyle:hover { fill: #3388af; cursor: pointer; }

#PMain #PMContent #CMContentRight .PageTable { margin-bottom: 30px; border-collapse: collapse; font-size: 15px; }
#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] { margin: 0px auto 50px; width: 750px; position: relative; }
#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] div.TeacherImage { margin: 0 auto; width: 500px; }
#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] div.TeacherImage img { width: 100%; box-shadow: -2px 2px 5px rgba(0,0,0,0.5 ); border-radius: 10px; }
#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] div.TeacherName { margin-top: 10px; font-size: 30px; }

#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] th { display: none; }
#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] ul.ListItem { margin: 0px; padding: 0px; display: block; text-align: center; list-style: none; line-height: 23px; }
#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] ul.ListItem li { display: block; margin: 10px 0px; }


#PMain #PMContent #CMContentRight .PageTable[channel="stimetable"] { width: 100%; table-layout: fixed; }
#PMain #PMContent #CMContentRight .PageTable.C[channel="stimetable"] { display: table; }
#PMain #PMContent #CMContentRight .PageTable.M[channel="stimetable"] { display: none; }

#PMain #PMContent #CMContentRight .PageTable[channel="stimetable"].V1280 { display: block; }
#PMain #PMContent #CMContentRight .PageTable[channel="stimetable"].V1024 { display: none; }

#PMain #PMContent #CMContentRight .PageTable[channel="list"] { width: 100%; }
#PMain #PMContent #CMContentRight .PageTable th { padding: 10px; background-color: #F2EDD7; border: solid 1px #E3D7AA; font-size: 17px; }
#PMain #PMContent #CMContentRight .PageTable td { padding: 10px; background-color: #FFFFFF; border: solid 1px #E3D7AA; }
#PMain #PMContent #CMContentRight .PageTable[channel="course"] th { text-align: left }
#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] th { text-align: left }
#PMain #PMContent #CMContentRight .PageTable.C[channel="stimetable"] th { padding: 7px; text-align: center; width: calc( ( 100% - 140px ) / 5 ); }
#PMain #PMContent #CMContentRight .PageTable.M[channel="stimetable"] th { padding: 7px; text-align: center; width: calc( 100% - 140px ); }
#PMain #PMContent #CMContentRight .PageTable[channel="stimetable"] th.ThTime { width: 140px; }
#PMain #PMContent #CMContentRight .PageTable[channel="stimetable"] td { padding: 5px; text-align: center; font-size: 14px; }
#PMain #PMContent #CMContentRight .PageTable[channel="stimetable"] table { border-collapse: collapse; border: none; width: 100%; height: 100%; }
#PMain #PMContent #CMContentRight .PageTable[channel="stimetable"] table td { border: none; border-style: dashed; border-color: #DDDDDD; border-width: 0px; }


#PMain #PMContent #CMContentRight .PageContentFormDiv { margin-bottom: 30px; max-width: 600px; width: 100%; font-size: 15px; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form {  }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem { margin-bottom: 5px; padding: 8px; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem.Required { background-color: #ffcbcb; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormTitle { margin-bottom: 5px; font-size: 16px; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormTitle .Eng { padding-left: 5px; font-size: 15px; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormTitle .Required { padding-right: 5px; font-size: 20px; color: #B00; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent { margin-bottom: 5px; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent input { width: 100%; padding: 9px; font-size: 16px; border-radius: 3px; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent textarea { width: 100%; height: 100px; padding: 8px; font-size: 16px; border-radius: 3px; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent select { width: 100%; padding: 8px; font-size: 16px; border-radius: 3px; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent input[type="submit"] { background-color: #8c1515; color: #FFFFFF; border: none; border-radius: 3px; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent input[type="submit"]:hover { background-color: #5e0606; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent label { float: left; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent input[type="radio"] { width: auto; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent input[type="checkbox"] { width: auto; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent .RadioDiv { width: 100%; padding: 9px; font-size: 16px; border: solid 1px #AAAAAA; background-color: #F2F2F2; border-radius: 3px; }
#PMain #PMContent #CMContentRight .PageContentFormDiv form .FormItem .FormContent .RadioDiv:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }

#PMain #PMContent #CMContentRight .PageDownloadDiv { margin-bottom: 15px; width: 100%; padding: 8px; border: dotted 1px #CCCCCC; }
#PMain #PMContent #CMContentRight .PageDownloadDiv .SvgStyle { width: 24px; height: 24px; vertical-align: middle; }
#PMain #PMContent #CMContentRight .PageDownloadDiv:hover { cursor: pointer; color: #8c1515; }
#PMain #PMContent #CMContentRight .PageDownloadDiv:hover .SvgStyle { fill: #8c1515; }
#PMain #PMContent #CMContentRight .PageDownloadDiv .Contents { margin-left: 26px; text-indent: -26px; }
#PMain #PMContent #CMContentRight .PageDownloadDiv .Contents .Date { float: right; color: #555555; }
#PMain #PMContent #CMContentRight .PageDownloadDiv .Contents:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }

#PMain #PMContent #CMContentRight .PageCalendarTable { margin-bottom: 30px; width: 100%; border-collapse: collapse; font-size: 15px; }
#PMain #PMContent #CMContentRight .PageCalendarTable .Activities { width: auto; }
#PMain #PMContent #CMContentRight .PageCalendarTable th { padding: 10px;width: 65px; background-color: #F2EDD7; border: solid 1px #E3D7AA; font-size: 17px; text-align: center; }
#PMain #PMContent #CMContentRight .PageCalendarTable td { padding: 10px; background-color: #FFFFFF; border: solid 1px #E3D7AA; font-size: 18px; text-align: center; }
#PMain #PMContent #CMContentRight .PageCalendarTable td.CalendarTitle { font-weight: bolder; }
#PMain #PMContent #CMContentRight .PageCalendarTable td.SatTxt { color: #40c11c; }
#PMain #PMContent #CMContentRight .PageCalendarTable td.SunTxt { color: #c12020; }
#PMain #PMContent #CMContentRight .PageCalendarTable td.Holiday { background-color: #f7b7b7; }
#PMain #PMContent #CMContentRight .PageCalendarTable td.ActivitiesContent { font-size: 15px; line-height: 23px; background-color: #f9f2da; }
#PMain #PMContent #CMContentRight .PageCalendarTable td.ActivitiesContent table.ActivitiesTable { width: 100%; border-collapse: collapse; }
#PMain #PMContent #CMContentRight .PageCalendarTable td.ActivitiesContent table.ActivitiesTable th { width: 130px; padding: 8px; border: solid 1px #E3D7AA; font-size: 16px; background-color: #FFF; }
#PMain #PMContent #CMContentRight .PageCalendarTable td.ActivitiesContent table.ActivitiesTable td { padding: 8px; border: solid 1px #E3D7AA; font-size: 16px; text-align: left; }
#PMain #PMContent #CMContentRight .PageCalendarTable td div.HolidayText { color: #8c1515; }

#PMain #PMContent #CMContentRight .PageOtherDiv { margin-bottom: 30px; font-size: 18px; }
#PMain #PMContent #CMContentRight .PageOtherDiv .FromDiv {  }
#PMain #PMContent #CMContentRight .PageOtherDiv select { padding: 8px; font-size: 16px; }
#PMain #PMContent #CMContentRight .PageOtherDiv input { padding: 9px; font-size: 16px; }
#PMain #PMContent #CMContentRight .PageOtherDiv input[type="button"] { background-color: #CCCCCC; border: solid 1px #AAAAAA; }
#PMain #PMContent #CMContentRight .PageOtherDiv input[type="button"]:hover { background-color: #AAAAAA; }

#PMain #PMContent #CMContentRight .PageCareersDiv {  }
#PMain #PMContent #CMContentRight .PageCareersDiv .More { position: static; float: right; }

#PMain #PMContent #CMContentRight .PageNewsListDiv { margin-bottom: 30px; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item { width: 100%; margin: 8px 0px 8px; padding: 8px; border-radius: 5px; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item:hover { background-color: #F5F5F5; cursor: pointer; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .L { float: left; width: 230px; height: 140px; overflow: hidden; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .L img { width: 100%; padding-right: 15px; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .R { float: left; width: calc( 100% - 230px ); }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .R .D { float: right; font-size: 13px; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .R .G { margin-bottom: 5px; font-size: 15px; color: #8c1515; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .R .T { margin-bottom: 10px; float: none; clear: both; font-size: 19px; font-weight: bold; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .R .C { font-size: 17px; line-height: 25px; color: #555555; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .R .C .E { font-size: 16px; color: #006b9d; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .R .C .E .SvgStyle { margin-right: 5px; width: 24px; height: 24px; fill: #006b9d; vertical-align: middle; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Line { width: 100%; border-bottom: solid 1px #AAAAAA; }


#PMain #PMContent #CMContentRight .PageNewsSingleDiv .SvgStyle { margin-right: 5px; width: 24px; height: 24px; fill: #006b9d; vertical-align: middle; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .D { float: right; font-size: 14px; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .G { margin-bottom: 5px; font-size: 16px; color: #8c1515 }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .T { margin-bottom: 15px; padding-bottom: 10px; float: none; clear: both; border-bottom: solid 1px #AAAAAA; font-size: 26px; font-weight: bold; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .E { margin-bottom: 10px; font-size: 16px; color: #006b9d; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .L { margin-bottom: 10px; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .L img { max-width: 600px; box-shadow: 2px 2px 10px rgba( 0, 0, 0, 0.5 ); }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .C { margin-top: 20px; margin-bottom: 20px; padding: 0px 15px; font-size: 17px; line-height: 25px; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .C img { max-width: 80%; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .LK { margin-bottom: 10px; padding: 10px; border: solid 1px #CCCCCC; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .LK a { font-size: 14px; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .DL { margin-bottom: 10px; padding: 10px; border: solid 1px #CCCCCC; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .DL .FileItem {  }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .DL .FileItem a { font-size: 14px; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .DL .Line { margin: 10px 0px; width: 100%; border-bottom: solid 1px #CCCCCC; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .OL { margin-top: 20px; margin-bottom: 10px; padding: 15px 0px; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .OL .OLT { margin-bottom: 5px; padding: 5px; background-color: #CCCCCC; font-size: 20px; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .OL .OLD { float: right; padding: 2px; font-size: 13px; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .OL .OtherItem { float: none; clear: both; padding: 5px 2px; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .OL .OtherItem:hover { background-color: #DDDDDD; cursor: pointer; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .OL .Line { margin: 5px 0px; width: 100%; border-bottom: solid 1px #CCCCCC; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .IM { margin-bottom: 10px; padding: 0px 0px 0px; border: solid 1px #CCCCCC; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .IM:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .IM .Item { float: left; width: calc( 100% / 3 ); height: 0px; padding: 10px 10px 10px; }
#PMain #PMContent #CMContentRight .PageNewsSingleDiv .IM .Item a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

#PMain #PMContent #CMContentRight .PagePictureListDiv { margin-bottom: 30px; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item { position: relative; width: 100%; margin: 8px 0px 8px; padding: 8px; border-radius: 5px; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item:hover { background-color: #F5F5F5; cursor: pointer; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item .D { float: right; font-size: 13px; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item .G { margin-bottom: 5px; font-size: 15px; color: #8c1515 }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item .T { margin-bottom: 10px; float: none; clear: both; font-size: 25px; font-weight: bold; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item .I { margin-bottom: 10px; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item .I:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item .I .ImageItem { margin: 3px; width: calc( 100% / 5 - 6px ); height: 200px; background-size: auto 100%; background-position: center center; background-repeat: no-repeat; vertical-align: top; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item .C { font-size: 16px; line-height: 28px; color: #555555; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item .C .More { bottom: 5px; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Item .CA { display: none; font-size: 16px; line-height: 28px; color: #555555; }
#PMain #PMContent #CMContentRight .PagePictureListDiv .Line { width: 100%; border-bottom: solid 1px #AAAAAA; }

#PMain #PMContent #CMContentRight .PageContentMain { position: relative; margin: 0px auto 30px; width: 100%; padding: 15px 40px 40px; border-radius: 5px; background-color: #FFFFFF; border: solid 1px #999999; box-shadow: 0px 0px 15px rgba( 0, 0, 0, 0.4 ); }

#PMain #PMContent ul.SiteMapUl { margin: 0px 0px; padding: 0px; }
#PMain #PMContent ul.SiteMapUl li { margin-bottom: 10px; font-size: 20px; list-style-type: none; line-height: 25px; }
#PMain #PMContent ul.SiteMapUl li div:hover { text-decoration: underline; cursor: pointer; }
#PMain #PMContent ul.SiteMapUl li ul {  }
#PMain #PMContent ul.SiteMapUl li ul:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#PMain #PMContent ul.SiteMapUl li ul li { float: left; padding: 5px 0px; font-size: 16px; color: #555555; }
#PMain #PMContent ul.SiteMapUl li ul li:hover { text-decoration: underline; cursor: pointer; }

#PMain #PMContent #CMContentRight .PageTable.Qualification { width: 100%; max-width: 685px; }
#PMain #PMContent #CMContentRight .PageTable.Qualification .QualificationImage { width: 100%; max-width: 150px; }

#PMain #PMContent #CMContentRight iframe#Youtube { display: block; margin: 0px auto 20px; }

.PageBtnDiv { margin-top: 40px; text-align: center; }
.PageBtnDiv ul { display: inline-block; list-style-type: none; margin: 0px; padding: 0px; }
.PageBtnDiv ul:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
.PageBtnDiv ul li { float: left; margin: 0px 5px; line-height: 27px; }
.PageBtnDiv ul li a { padding: 2px 0px; font-size: 15px; }
.PageBtnDiv ul li .PAGE_LINK_TEXT     { font-size: 15px; color: #333333; height: 28px; line-height: 28px; }
.PageBtnDiv ul li .PAGE_SELECT        { font-size: 15px; color: #000000; height: 28px; padding: 4px; margin: 0px; }
.PageBtnDiv ul li .PAGE_BUTTON        { font-size: 15px; cursor: pointer; border: solid 1px #CCCCCC; background-color: #FFFFFF; color: #666666; height: 28px; padding: 0px 6px; text-align: center; background-repeat: no-repeat; background-position: center center; }
.PageBtnDiv ul li .PAGE_BUTTON:hover  { background-color: #A3D3F8; }
.PageBtnDiv ul li .PAGE_BUTTON_NO     { font-size: 15px; border: solid 1px #CCCCCC; background-color: #FFFFFF; color: #CCCCCC; height: 28px; padding: 0px 6px; text-align: center; }
.PageBtnDiv ul li .PAGE_IBUTTON_HOME   { width: 35px; background-image: url( '/manage/_system/_i/page_home.png' ); }
.PageBtnDiv ul li .PAGE_IBUTTON_PREV   { width: 35px; background-image: url( '/manage/_system/_i/page_prev.png' ); }
.PageBtnDiv ul li .PAGE_IBUTTON_NEXT   { width: 35px; background-image: url( '/manage/_system/_i/page_next.png' ); }
.PageBtnDiv ul li .PAGE_IBUTTON_END   { width: 35px; background-image: url( '/manage/_system/_i/page_end.png' ); }

#BMain { width: 100%; background-color: #8c1515; }
#BMain #BMContent { display: flex; flex-wrap: wrap; margin: 0px auto; padding: 16px 20px 13px; width: 100%; max-width: 1250px; background-image: url( '/_i/logo_copyright_ueis.png' ); background-repeat: no-repeat; background-size: auto auto; background-position: left center; }

#BMain #BMContent .BMCTop { display: none; }
#BMain #BMContent .BMCTop { flex: none; order: 1; width: 100%; margin-top: 10px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: solid 1px #AAA; }
#BMain #BMContent .BMCTop ul { list-style-type: none; margin: 0px; padding: 0px; }
#BMain #BMContent .BMCTop ul:after { float: none; clear: both; content: ''; display: block; height: 0; overflow: hidden; }
#BMain #BMContent .BMCTop ul li { float: left; margin-right: 20px; }
#BMain #BMContent .BMCTop ul li:hover { cursor: pointer; }
#BMain #BMContent .BMCTop .SvgStyle { width: 100%; fill: #FFFFFF; border-radius: 5px; }
#BMain #BMContent .BMCTop .TopFacebook .SvgStyle { width: 33px; height: 33px; fill: #FFFFFF; }
#BMain #BMContent .BMCTop .TopLine .SvgStyle { width: 33px; height: 33px; fill: #FFFFFF; }
#BMain #BMContent .BMCTop .TopYoutube .SvgStyle { width: 33px; height: 33px; fill: #FFFFFF; }
#BMain #BMContent .BMCTop .TopXuite .SvgStyle { width: 33px; height: 33px; fill: #FFFFFF; }
#BMain #BMContent .BMCTop .TopMoodle .SvgStyle { width: 34px; height: 34px; fill: #FFFFFF; }

#BMain #BMContent .MainRight { flex: 1; order: 3; margin-top: 12px; padding-left: 50px; }
#BMain #BMContent .MainRight ul.CopyrightMenu { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0px; }
#BMain #BMContent .MainRight ul.CopyrightMenu li { flex: 1; text-align: center; }
#BMain #BMContent .MainRight ul.CopyrightMenu li.Eng { flex: none; margin-bottom: 25px; width: calc( 100% / 4 ); }
#BMain #BMContent .MainRight ul.CopyrightMenu li a { display: block; margin-bottom: 8px; color: #FFFFFF; font-size: 19px; }
#BMain #BMContent .MainRight ul.CopyrightMenu li.Eng a { font-size: 17px; }
#BMain #BMContent .MainRight ul.CopyrightMenu ul { display: block; list-style-type: none; margin: 0px; }
#BMain #BMContent .MainRight ul.CopyrightMenu ul li { width: 100%; margin-bottom: 5px; }
#BMain #BMContent .MainRight ul.CopyrightMenu ul li.Eng { width: 100%; margin-bottom: 5px; }
#BMain #BMContent .MainRight ul.CopyrightMenu ul li a { font-size: 15px; }
#BMain #BMContent .MainRight ul.CopyrightMenu ul li.Eng a { font-size: 13px; }
#BMain #BMContent .MainRight img { margin-left: 20px; }

#BMain #BMContent .MainRight img.oxford { width: 150px; }
#BMain #BMContent .MainInfo { flex: none; order: 2; width: 360px; color: #FFFFFF; }
#BMain.Eng #BMContent .MainInfo { width: 480px; }
#BMain #BMContent .MainInfo .MainITitle { margin-top: 10px; margin-bottom: 18px; font-size: 35px; line-height: 36px; /*font-family: 'times';*/ }
#BMain.Eng #BMContent .MainInfo .MainITitle { font-size: 25px; font-weight: bold; }
#BMain #BMContent .MainInfo .CompanyInfo { margin-bottom: 15px; font-size: 16px; line-height: 30px; }
#BMain #BMContent .MainInfo .CompanyInfo .MainIAdderss { font-size: 15px; line-height: 23px; }
#BMain #BMContent .MainInfo .CompanyInfo .MainIAdderss .GMIcon { display: inline; margin: 20px 10px 20px 0px; vertical-align: bottom; }
#BMain #BMContent .MainInfo .CompanyInfo .MainITel { font-size: 15px; line-height: 23px; }
#BMain #BMContent .MainInfo .CompanyInfo .MainIFax { font-size: 15px; line-height: 23px; }
#BMain #BMContent .MainInfo .MainICopy { font-size: 13px; line-height: 23px; }
#BMain #BMContent .MainInfo img.CollegeBoard { margin: 0px 0px 10px; width: 250px; }

@media screen and (max-width: 1490px) {
#PMain #PMContentTitle .TitleDiv { background-size: auto 100%; background-position: center center; }

#BMain #BMContent .MainRight { padding-right: 50px; }
}

/* 1280 */
@media screen and (max-width: 1280px) {
#CMain #CMContent .MainTitle { font-size: 28px; }
#CMain #CMContent .CMCItemDiv.News .MainContent .MainCItem .MainCIContent .MainCICItem .MainCICITitle a { font-size: 16px; }

#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Item .Content { padding: 5px 8px; font-size: 12px; }

#BMain #BMContent .MainRight ul.CopyrightMenu ul li { width: 100%; margin-bottom: 5px;  }

#BMain #BMContent .MainRight { flex: none; order: 2; margin-bottom: 30px; width: 100%; padding: 0px; padding-right: 50px; padding-bottom: 30px; border-bottom: solid 1px #b45c5c; }

#BMain #BMContent .MainInfo { width: 100%; }
#BMain.Eng #BMContent .MainInfo { width: 100%; }
#BMain #BMContent .MainInfo { flex: none; order: 3; width: 100%; padding-right: 50px; }
#BMain #BMContent .MainInfo .MainITitle { font-size: 26px; line-height: 30px; }

#BMain #BMContent .MainRight img.CollegeBoard { width: 180px; }
#BMain #BMContent .MainRight img.oxford { width: 90px; }

}

/* 1165 */
@media screen and (max-width: 1165px) {

#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Item { width: calc( ( 100% - 43px * 3 ) / 4 ); }

#PMain #PMContent #CMContentRight .PageContent.PPT ul.ESL li.SubDiv { width: calc( 100% ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.English li.SubDiv { width: calc( 100% ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Mathematic li.SubDiv { width: calc( 100%); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.Science li.SubDiv { width: calc( 100% ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.SocialScience li.SubDiv { width: calc( 100% ); }

#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li.Eng { font-size: 13px; }
}


/* 1024 */
@media screen and (max-width: 1024px) {
#TMain #TMContent_1 #TMC1Right {  }
#TMain #TMContent_1 #TMC2Right {  }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li { margin-left: 12px; }
#TMain #TMContent_1 #TMC1Left {  }
#TMain #TMContent_1 #TMC1Left img {  }
#TMain #TMContent_1 #TMC1Left img.LogoLine { margin: 0px 12px; width: 7px; }
#TMain #TMContent_1 #TMC1Left img.CollegeBoard { width: 180px; }
#TMain #TMContent_1 #TMC1Left img.oxford { width: 180px; }

#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li { font-size: 17px; }

#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li.Eng { font-size: 13px; }
#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li.Eng div { padding: 8px 8px; }

#TMain #TMContent_3 #TMC3Menu ul#TMC3MCenter li ul li { font-size: 15px; }

#CMain #CMContent .CMCItemDiv { width: calc( 100% / 2 - 20px ); }

#PMain #PMContent #CMContentRight .PageContentChartDiv { width: calc( 25% - 30px ); }
#PMain #PMContent #CMContentRight .PageContentChartDiv .Title { font-size: 20px; }

#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Item.MinWidth { width: 175px; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.ELECTIVES li.Item .Content { margin-right: 10px; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.SubDiv ul li.Item.MinWidth { width: 175px; }

#PMain #PMContent #CMContentRight .PageTable[channel="stimetable"].V1280 { display: none; }
#PMain #PMContent #CMContentRight .PageTable[channel="stimetable"].V1024 { display: block; }

#BMain #BMContent .MainRight { padding-right: 50px; }
#BMain #BMContent .MainRight img { display: block; margin: 20px auto 30px; }
#BMain #BMContent .MainRight img.CollegeBoard { width: 180px; }
#BMain #BMContent .MainRight img.oxford { width: 90px; }
#BMain #BMContent .MainRight ul.CopyrightMenu li { flex: none; margin-bottom: 25px; width: calc( 100% / 4 ); }
#BMain #BMContent .MainRight ul.CopyrightMenu ul li { width: 100%; margin-bottom: 5px;  }
}



/* 773 */
@media screen and (max-width: 900px) {
#FixedAd { right: 60px; }
#GoVisit { right: 10px; bottom: 110px;  }
#GoHome { right: 10px; bottom: 60px; }
#ScrollTop { right: 10px; bottom: 10px; }

#TMain { background-position: right top; }
#TMain #TMContent_1 { padding: 0px 0px 0px; height: auto; border-bottom: solid 3px #8c1515; }
#TMain #TMContent_1 #TMC1Right { display: none; float: none; clear: both; padding-bottom: 12px; width: 100%; text-align: center; border-bottom: solid 1px #999999; }
#TMain #TMContent_1 #TMC1Right #TopMenuSub1 { width: 100%; text-align: center; }
#TMain #TMContent_1 #TMC1Right #TopMenuSub1 ul { float: none; clear: both; display: inline-block; }
#TMain #TMContent_1 #TMC2Right { float: right; margin-top: 18px; padding: 0px 10px 0px 0px; width: 50px; text-align: right; color: #333333; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 { width: auto; margin-top: 0px; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul { float: right; list-style-type: none; margin: 0px; padding: 0px; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li { display: none; }
#TMain #TMContent_1 #TMC2Right #TopMenuSub2 ul li.TopMenu { display: block; margin-left: 0px; }
#TMain #TMContent_1 #TMC1Left { float: left; margin: 0px; padding: 5px 10px; /* padding: 13px 10px; */ padding-right: 0px; width: calc( 100% - 50px ); text-align: left; }
#TMain #TMContent_1 #TMC1Left img { width: 250px; /* width: 200px; */ }

#TMain #TMContent_1 #TMC1Left img.CollegeBoard { width: 145px; }
#TMain #TMContent_1 #TMC1Left img.oxford { width: 145px; }

#TMain #TMContent_3 { display: none; }
#TMain #TMContent_4 { display: block; }

#CMain #CMContent_T { margin: 0px 0px 15px; }
#CMain #CMContent_T #ImageDiv #Image { width: 100%; height: auto; }
#CMain #CMContent_T #ImageDiv #Image .ImageMain { background-color: rgb( 246, 246, 246 ); }
#CMain #CMContent_T #ImageDiv #Image #ImageBtnLeft { top: calc( 50% - 40px ); }
#CMain #CMContent_T #ImageDiv #Image #ImageBtnRight { top: calc( 50% - 40px ); }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item #ImageInfo { position: static; max-width: 100%; padding: 10px; padding-bottom: 40px; background-color: rgb( 246, 246, 246 ); }

#CMain #CMContent_C #CMContentDiv #CMContent_Ad { padding: 0px 35px; }
#CMain #CMContent_C #CMContentDiv #CMContent { padding: 0px 20px 20px; }

#CMain #CMContent .CMCItemDiv { width: calc( 100% - 20px ); height: auto; }
#CMain #CMContent .CMCItemDiv .Events { height: auto; }
#CMain #CMContent .CMCItemDiv .Events .MainContent .MainCItem .MainCIImage { height: 195px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIImage { height: 300px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIImage .ImageItem { height: 300px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIContent { height: auto; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent iframe { height: 390px; }
#CMain #CMContent .CMCItemDiv.Life { height: auto; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIImage { height: 300px; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIImage .ImageItem { height: 300px; }

#PMain #PMContent #CMContentRight .PageContent.PPT ul { margin-bottom: 80px; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Item.MinWidth { width: 100%; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Item .Content { font-size: 16px; text-align: center; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul.ELECTIVES li.Item .Content { margin-right: 10px; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Arrow { width: 100%; margin: 0px; text-align: center; }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.Arrow .SvgStyle { transform: rotate( 90deg ); }
#PMain #PMContent #CMContentRight .PageContent.PPT ul li.SubDiv ul li.Item.MinWidth { width: 100%; }

#PMain #PMContentTitle .TitleDiv { background-size: 100% auto; height: 250px; background-position: center center; }
#PMain #PMContentTitle .TitleDiv[t='about'] { background-position: center center; }
#PMain #PMContentTitle .TitleDiv[t='aaffairs'] { background-position: center center; }
#PMain #PMContentTitle .TitleDiv[t='achievement'] { background-position: center center; }
#PMain #PMContentTitle .TitleDiv[t='camp'] { background-position: center center; }
#PMain #PMContentTitle .TitleDiv[t='admissions'] { background-position: center center; }
#PMain #PMContentTitle .TitleDiv[t='calendar'] { background-position: center center; }
#PMain #PMContentTitle .TitleDiv[t='contact'] { background-position: center center; }
#PMain #PMContentTitle .TitleDiv .Title { margin: 0px; padding: 20px 30px; font-size: 25px; line-height: 35px; }

#PMain #PMContent #CMContentLeft { display: none; float: left; margin-right: 0px; width: 100%; background-color: #FFFFFF; border-top: solid 3px #666666; }
#PMain #PMContent #CMContentRight { float: left; width: 100%; }
#PMain #PMContent #CMContentRight .PageContentFormDiv { max-width: 100%; width: 100%; }

#PMain #PMContent #CMContentRight .PageContentMain { padding: 15px 15px 15px; }

#PMain #PMContent #CMContentRight .PageImageDiv .PageImagePictures img[type="1"] { width: 100%; }

#PMain #PMContent #CMContentRight .PageTable.C[channel="stimetable"] { display: none; }
#PMain #PMContent #CMContentRight .PageTable.M[channel="stimetable"] { display: table; }

#PMain #PMContent #CMContentRight .PageTable.Qualification {  }
#PMain #PMContent #CMContentRight .PageTable.Qualification .QualificationImage { width: 100%; }

#BMain #BMContent .BMCTop { display: block; }
}

/* 600 */
@media screen and (max-width: 636px) {
#TMain #TMContent_1 #TMC1Left img {  }
#TMain #TMContent_1 #TMC1Left img.LogoLine { display: none; }
#TMain #TMContent_1 #TMC1Left img.CollegeBoard {  }

#PMain #PMContentTitle .TitleDiv { background-size: auto 100%; height: 300px; }

#PMain #PMContent #CMContentRight .PageNewsSingleDiv .IM .Item { float: left; width: calc( 100% / 2 ); height: 200px; }

#BMain #BMContent .MainRight ul.CopyrightMenu li { flex: none; margin-bottom: 25px; width: 100%; text-align: left; }
#BMain #BMContent .MainRight ul.CopyrightMenu li.Eng { flex: none; margin-bottom: 25px; width: 100%; text-align: left; }
#BMain #BMContent .MainRight ul.CopyrightMenu ul { display: flex; flex-wrap: wrap; }
#BMain #BMContent .MainRight ul.CopyrightMenu ul li { width: auto; padding: 0px 15px 0px 0px; }
}

/* 600 */
@media screen and (max-width: 610px) {
#TMain #TMContent_1 #TMC1Left {  }

#TMain #TMContent_1 #TMC1Left img { width: 240px; /* width: 160px; */ }
#TMain #TMContent_1 #TMC1Left img.CollegeBoard { width: 110px; }
#TMain #TMContent_1 #TMC1Left img.oxford { width: 110px; }

#BMain #BMContent .MainInfo .MainITitle { font-size: 22px; line-height: 28px; }
#BMain #BMContent .MainInfo .CompanyInfo { font-size: 15px; }
#BMain #BMContent .MainInfo .CompanyInfo .MainIAdderss { font-size: 15px; line-height: 23px; }

}


/* 510 */
@media screen and (max-width: 510px) {
#TMain #TMContent_1 #TMC1Left {  }

#TMain #TMContent_1 #TMC1Left img { width: 200px; /* width: 140px; */ }
#TMain #TMContent_1 #TMC1Left img.CollegeBoard { width: 80px; }
#TMain #TMContent_1 #TMC1Left img.oxford { width: 80px; }

#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] { margin: 0px auto 50px; width: 100%; position: relative; }
#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] div.TeacherImage { margin: 0 auto; width: 100%; }
#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] div.TeacherName { font-size: 25px; }
#PMain #PMContent #CMContentRight .PageTable[channel="teacher"] ul.ListItem li { font-size: 14px; }

#BMain #BMContent .MainInfo .MainITitle { font-size: 21px; line-height: 25px; }
#BMain #BMContent .MainInfo .CompanyInfo { font-size: 13px; }

#PMain #PMContent #CMContentRight .PageNewsSingleDiv .IM .Item { float: left; width: 100%; height: 200px; }
}


/* 480 */
@media screen and (max-width: 480px) {

}


/* 414 */
@media screen and (max-width: 414px) {
#NewAd { right: 60px; }

#TMain #TMContent_1 #TMC1Left img.CollegeBoard { margin-left: 10px; width: 70px; }
#TMain #TMContent_1 #TMC1Left img.oxford { margin-left: 10px; width: 70px; }

#TMain #TMContent_1 #TMC1Right #TopMenuSub1 ul li { padding: 3px 5px; font-size: 14px; }


#CMain #CMContent_T #ImageDiv #Image #ImageBtnLeft { top: calc( 50% - 50px ); }
#CMain #CMContent_T #ImageDiv #Image #ImageBtnRight { top: calc( 50% - 50px ); }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item #ImageInfo .ImageInfoTitle { font-size: 25px; }
#CMain #CMContent_T #ImageDiv #Image .ImageMain .Item #ImageInfo .ImageInfoContent {  font-size: 15px; }

#CMain #CMContent_C #CMContentDiv #CMContent_Ad { padding: 0px 10px; }
#CMain #CMContent_C #CMContentDiv #CMContent_Ad .Ad { font-size: 18px; }

#CMain #CMContent_C #CMContentDiv #CMContent { padding: 0px 5px 20px; }

#CMain #CMContent { padding: 0px 5px; }
#CMain #CMContent .CMCItemDiv { margin: 15px 5px; width: calc( 100% - 10px ); height: auto; }
#CMain #CMContent .CMCItemDiv.Events .MainContent .MainCItem .MainCIImage { background-size: auto 100%; height: 225px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIImage { height: 225px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIImage .ImageItem { height: 225px; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent iframe { height: 225px; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIImage { background-size: auto 100%; height: 225px; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIImage .ImageItem { height: 225px; }

#PMain #PMContentTitle .TitleDiv { padding: 5px 10px; }
#PMain #PMContentTitle .TitleDiv .Title {  }
#PMain #PMContentPath .PathDiv { padding: 5px 10px; }

#PMain #PMContent { padding: 5px 10px; }
#PMain #PMContent #CMContentRight .PageContentChartDiv { margin: 15px 0px; padding-top: 15px; width: 100%; height: 100px; }
#PMain #PMContent #CMContentRight .PageTable[channel="stimetable"] th.ThTime { width: 100px; }

#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .L { float: left; width: 100%; height: 200px; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .L img { width: 100%; padding-right: 0px; }
#PMain #PMContent #CMContentRight .PageNewsListDiv .Item .R { float: left; width: 100%; }
/*
#PMain #PMContent #CMContentRight .PageCalendarTable .CalendarNum { display: none; }
#PMain #PMContent #CMContentRight .PageCalendarTable .Activities { width: 100%; }
#PMain #PMContent #CMContentRight .PageCalendarTable th { padding: 10px;width: 65px; background-color: #F2EDD7; border: solid 1px #E3D7AA; font-size: 17px; }
#PMain #PMContent #CMContentRight .PageCalendarTable td { padding: 10px; background-color: #FFFFFF; border: solid 1px #E3D7AA; font-size: 18px; }
#PMain #PMContent #CMContentRight .PageCalendarTable td.SatTxt { color: #7BD562; }
#PMain #PMContent #CMContentRight .PageCalendarTable td.SunTxt { color: #DF6C6C; }
*/
#PMain #PMContent #CMContentRight .PageOtherDiv .FromDiv { display: block; }

}

@media screen and (max-width: 375px) {
#TMain #TMContent_1 #TMC1Left img.CollegeBoard { margin-left: 8px; width: 65px; }
#TMain #TMContent_1 #TMC1Left img.oxford { margin-left: 8px; width: 65px; }
#TMain #TMContent_1 #TMC2Right { margin-top: 16px; }
#TMain #TMContent_1 #TMC1Left img.CollegeBoard {  }
}

/* 320 */
@media screen and (max-width: 320px) {
#TMain #TMContent_1 #TMC2Right { margin-top: 12px; }
#TMain #TMContent_1 #TMC1Left img.CollegeBoard {  }

#CMain #CMContent_T #ImageDiv #Image #ImageBtnLeft { top: calc( 50% - 112px ); }
#CMain #CMContent_T #ImageDiv #Image #ImageBtnRight { top: calc( 50% - 112px ); }

#CMain #CMContent .CMCItemDiv.Events .MainContent .MainCItem .MainCIImage { height: 160px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIImage { height: 160px; }
#CMain #CMContent .CMCItemDiv.Picture .MainContent .MainCItem .MainCIImage .ImageItem { height: 160px; }
#CMain #CMContent .CMCItemDiv .Movie .MainContent iframe { height: 160px; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIImage { height: 160px; }
#CMain #CMContent .CMCItemDiv.Life .MainContent .MainCItem .MainCIImage .ImageItem { height: 160px; }

}