.container,.main-content{position:relative;margin:auto}.grid-layout::after,.link-group::after{content:'';clear:both}*{outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:Lato,Verdana,Arial,"Trebuchet MS",'Microsoft JhengHei','Microsoft YaHei',sans-serif}body{background:#FFF}.container{max-width:1040px;padding:0 7px}.main-content{max-width:1920px;width:100%}.bg-container,.bg-image{position:absolute;top:0}.bg-container{width:100%;left:0;height:0;padding:50% 0 0;margin:auto;overflow:hidden}.bg-image{width:1920px;vertical-align:top;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.grid-layout{width:100%;padding:60px 0 30px;margin:auto;position:relative;z-index:1}.grid-layout::after{display:block}.grid-layout>.line{width:calc(30.33% - 10px);height:1px;background:#7F7F7F;position:absolute;bottom:30px;left:10%}.col{position:relative;float:left}.col:nth-child(2n+1){margin-right:10px}.title-wrapper .title h2,.title-wrapper .title h3{margin:2% 0;font-family:Roboto,Helvetica,Verdana,Arial,"Trebuchet MS",'Microsoft JhengHei','Microsoft YaHei',sans-serif}.col img{width:100%;vertical-align:top}.col-4{width:40.33%}.col.col-4:nth-child(2n+1){width:calc(40.33% - 10px)}.col-8{width:59.67%}.col.col-8:nth-child(2n+1){width:calc(59.67% - 10px)}.title-wrapper{background-color:#1D71B7;position:relative;width:0;height:0;padding-top:calc(70.67% - 5px);padding-right:100%}.title-wrapper a{display:block;position:absolute;top:10%;left:7%;cursor:pointer}.title-wrapper .title{position:absolute;top:45%;right:7%;left:7%}.title-wrapper img.ust-logo{max-width:177px;width:100%;vertical-align:top}.title-wrapper img.academic-year{max-width:365px;width:100%;vertical-align:top}.title-wrapper .title h2{font-size:60px;color:#F9C600}.title-wrapper .title h3{font-size:29px;color:#FFF}.grid-image{margin-bottom:10px;z-index:10;position:relative}.grid-bg-image{position:absolute;top:calc(65.7% + 10px);left:0;width:100%;z-index:2}.grid-image-1{float:left;margin-right:10px;width:calc(66.667% - 10px)}.grid-image-2{float:left;width:33.333%;margin-top:calc(25% - 15px)}.grid-image-3,.grid-image-4{width:calc(50% - 5px);float:left}.grid-image-3{margin-right:5px}.grid-image-4{margin-left:5px}.postgraduate,.undergraduate{width:50%;float:left;vertical-align:top;padding:15px 40px;text-align:center;color:#FFF}.postgraduate img,.undergraduate img{max-width:192px;width:100%}.postgraduate .catalog,.undergraduate .catalog{width:100%;max-width:192px;margin:auto}.postgraduate .catalog a.course img,.postgraduate .catalog a.program img,.undergraduate .catalog a.course img,.undergraduate .catalog a.program img{max-width:96px}.grid-layout>.logo{position:absolute;bottom:30px;left:0;z-index:11}.grid-layout>.logo img{width:100%;vertical-align:top}.undergraduate{background:#8ABE3D}.postgraduate{background:#334799}.postgraduate h2,.undergraduate h2{margin:0;padding:0;font-size:28px;font-weight:700;font-family:Roboto,Helvetica,Verdana,Arial,"Trebuchet MS",'Microsoft JhengHei','Microsoft YaHei',sans-serif}.catalog a:active,.catalog a:hover,.catalog a:link,.catalog a:visited{text-align:center;font-family:Roboto,Helvetica,Verdana,Arial,"Trebuchet MS",'Microsoft JhengHei','Microsoft YaHei',sans-serif;color:#FFF;padding:5px 0;display:inline-block;font-size:16px;text-decoration:none;position:relative;width:50%}.copyright *,.link-group a:active,.link-group a:link,.link-group a:visited{font-family:'Open Sans',Verdana,Arial,"Trebuchet MS",'Microsoft JhengHei','Microsoft YaHei',sans-serif;text-decoration:none}.copyright *{color:#000;margin:0;padding:0;font-size:14px}.link-group{float:right}.link-group::after{display:block}.link-group a:active,.link-group a:link,.link-group a:visited{color:#002DB1;position:relative;font-size:18px}.link-group a:hover{color:#E68335}.link-group-item{display:inline-block;padding:0 10px 20px}.link-group-item:nth-child(1)::after{content:'|';color:#002DB1;padding:0 0 0 20px}.link-group-item:last-child{padding:0 0 20px 10px}#show-archive-year{padding:0 20px 0 0}ul.archived-year.open{display:block}ul.archived-year{position:absolute;display:none;padding:0;margin:40px 0;left:5px;right:5px;list-style:none;background:#D8D8D8;z-index:999}ul.archived-year::after{content:'';display:block;clear:both}ul.archived-year li{float:left;text-align:center;width:9.09%}ul.archived-year li>a:active,ul.archived-year li>a:link,ul.archived-year li>a:visited{display:block;color:#555;text-decoration:none;font-size:18px;padding:20px 11.5px}ul.archived-year li>a:hover{color:#E68335}@media screen and (max-width:1024px){.container{width:100%;padding:10px}.title-wrapper .title h2{font-size:5.5vw;margin:2% 0}.title-wrapper .title h3{font-size:2.8vw}ul.archived-year li{width:16.66%}.grid-layout{padding:5px 0 30px}}@media screen and (max-width:960px){.container{width:100%;padding:18px}.grid-layout{padding:0}.col,.col-4,.col-8,.col.col-4:nth-child(2n+1),.col.col-8:nth-child(2n+1){width:100%;position:relative;float:left;margin-bottom:10px}.title-wrapper{padding:0;width:100%;height:auto}.title-wrapper .title{position:relative;padding:20px;top:auto;right:auto;left:auto}.title-wrapper a{position:absolute;top:auto;left:auto;width:38%;right:0;margin:20px;text-align:right}.title-wrapper a::after{content:'';display:block;clear:both}.grid-image.grid-image-1,.grid-image.grid-image-3{width:100%}.grid-image.grid-image-2,.grid-image.grid-image-4{display:none}div#col-idx-3{width:33.3%}div#col-idx-4{width:calc(66.7% - 10px)}ul.archived-year li{width:33.33%}.title-wrapper .title h2{font-size:60px}.title-wrapper .title h3{font-size:35px}.copyright{margin:0;padding:10px 0;text-align:right}.link-group{float:none;text-align:right}.link-group a:active,.link-group a:link,.link-group a:visited{font-size:16px}.grid-bg-image{top:130.6%}.grid-layout>.logo{bottom:0;width:33.3%}.grid-layout>.logo img{width:45%}.grid-layout>.line{width:87%;height:2px;background:#7F7F7F;position:absolute;bottom:0;left:13%}.link-group-item{padding:10px}ul.archived-year{position:relative;margin:0;left:auto;right:auto}}@media screen and (max-width:600px){.postgraduate,.undergraduate{width:100%}}@media screen and (max-width:540px){.title-wrapper .title h2{font-size:9vw}.title-wrapper .title h3{font-size:6vw}.link-group-item:nth-child(1)::after{content:none}.link-group{float:none;padding:5px 0 0}.link-group-item{width:100%;padding:10px}}@media screen and (max-width:360px){ul.archived-year li{width:50%}}@page{size:A4;margin:0}@media print{body,html{width:210mm;height:297mm;margin:auto}.container,.main-content{width:100%}}