header {
	box-shadow: none
}
header .header-wrap {
	display: block;
	padding-bottom: 120px;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902181015/https://market.cloud.edu.tw/images/header-bg-marketing.png) center 65px no-repeat;
	background-size: 1280px
}

@media screen and (max-width: 768px) {
header .header-wrap {
	padding-bottom: 150px;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902181015/https://market.cloud.edu.tw/images/header-bg-marketing768.png) center top no-repeat;
	background-size: 768px
}
}

/*@media screen and (max-width: 768px) {
header .header-wrap {
	padding-bottom: 150px;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902181015/https://market.cloud.edu.tw/images/header-bg-login768.png) center top no-repeat;
	background-size: 768px
}
}*/

@media screen and (max-width: 767px) {
header .header-wrap {
	padding-bottom: 205px
}
}

@media screen and (max-width: 375px) {
header .header-wrap {
	padding-bottom: 50px;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902181015/https://market.cloud.edu.tw/images/header-bg-marketing375.png) center 15px no-repeat;
	background-size: 375px
}
}
/*@media screen and (max-width: 375px) {
header .header-wrap {
	padding-bottom: 115px;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902181015/https://market.cloud.edu.tw/images/header-bg-login375.png) center top no-repeat;
	background-size: 375px
}
}*/
header .header-wrap.version2 {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902181015/https://market.cloud.edu.tw/images/header-bg.png) center 65px no-repeat;
	background-size: 1280px
}

@media screen and (max-width: 768px) {
header .header-wrap.version2 {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902181015/https://market.cloud.edu.tw/images/header-bg-768.png) center top no-repeat;
	background-size: 768px
}
}

@media screen and (max-width: 375px) {
header .header-wrap.version2 {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180902181015/https://market.cloud.edu.tw/images/header-bg-375.png) center top no-repeat;
	background-size: 375px
}
}



header .header-wrap .logo {
	margin-right: 0
}

@media screen and (max-width: 1024px) {
header .header-wrap .logo {
	max-width: 275px
}
}

@media screen and (max-width: 767px) {
header .header-wrap .logo {
	max-width: 200px
}
}
header .header-wrap .login {
	top: 25px
}

@media screen and (max-width: 768px) {
header .header-wrap .login {
	top: 22px
}
}
/*新增登入會員好處多多行銷用調整*/
header .header-wrap .search-bar {
	clear: both;
	float: unset;
	width: 100%;
	padding-top: 220px;
	margin: 0 auto
}
/*header .header-wrap .search-bar {
	clear: both;
	float: unset;
	width: 100%;
	padding-top: 230px;
	margin: 0 auto
}*/
header .header-wrap .search-bar .input-group {
	max-width: 520px;
	margin: 0 auto 15px;
	box-shadow: 0 0 35px 0 #ffcc00
}
header .header-wrap .search-bar .input-group .form-control {
	border-color: #ff9900;
	box-shadow: none
}
header .header-wrap .search-bar .keyword {
	margin: 0 auto
}

@media screen and (max-width: 1280px) {
header .header-wrap .search-bar .input-group {
	max-width: 520px
}
header .header-wrap .search-bar .input-group .input-group-btn .btn-search {
	padding: 0 26px
}
header .header-wrap .search-bar .input-group .search-tip {
	top: 12px;
	bottom: auto;
	right: -106px
}
header .header-wrap .search-bar .keyword {
	text-align: center
}
}

@media screen and (max-width: 991px) {
header .header-wrap .search-bar .input-group {
	max-width: 520px
}
header .header-wrap .search-bar .input-group .search-tip {
	top: 12px;
	right: -106px
}
}

@media screen and (max-width: 768px) {
/*新增登入會員好處多多行銷用*/
header .header-wrap .search-bar {
	padding-top: 145px
}
/*header .header-wrap .search-bar {
	padding-top: 170px
}*/
}
@media screen and (max-width: 767px) {
header .header-wrap .search-bar .input-group .form-control {
	border-left: 1px solid #ff9900
}
}

@media screen and (max-width: 375px) {
header .header-wrap .search-bar {
	padding-top: 163px
}
}

/*@media screen and (max-width: 375px) {
header .header-wrap .search-bar {
	padding-top: 95px
}
}*/
header .header-wrap .btn-group {
	top: 18px
}

@media screen and (max-width: 768px) {
header .header-wrap .btn-group {
	top: 22px
}
}
#content-main section {
	padding: 0
}
#content-main section .content {
	overflow: hidden;
	padding: 40px 15px 50px
}
/* 修正手機教學運用，圖片區塊靠左，改成居中設定 */
#content-main section .content ul li {
	margin-bottom: 30px;
}
#content-main section .content ul li .img-content {
	margin-bottom: 0px
}
/*#content-main section .content ul li .img-content {
	margin-bottom: 12px
}*/
#content-main section .content ul li .img-content img {
	margin: 0 auto
}
#content-main section .content ul li article {
	position: relative;
}
/*#content-main section .content ul li article {
	position: relative;
	min-height: 72px
}*/

#content-main section .content ul li h3 {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	margin-top: 12px;
}
/*#content-main section .content ul li article h3 {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1.5rem
}*/
#content-main section .content ul li article h3:hover {
	color: #06c
}
#content-main section .content ul li article p {
	margin-bottom: 0
}
#content-main section .content.theme-source {
	padding: 40px 17px 50px
}
#content-main section .content.theme-source ul li {
	padding: 0 13px
}
#content-main section .content.theme-source ul li .figure-article {
	overflow: hidden;
	height: 305px;
	border: 1px solid #ccc;
	border-radius: 0.5rem
}
@media screen and (max-width: 375px) {
#content-main section .content.theme-source ul li .figure-article {
	overflow: hidden;
	height: 285px;
	border: 1px solid #ccc;
	border-radius: 0.5rem
}
}

/*#content-main section .content.theme-source ul li .figure-article {
	overflow: hidden;
	height: 240px;
	border: 1px solid #ccc;
	border-radius: 0.5rem
}*/
#content-main section .content.theme-source ul li .figure-article:hover {
	border-color: #06c
}
/*修改主題資源*/
/*#content-main section .content.theme-source ul li .img-content {
	overflow: hidden;
	height: 145px
}*/
#content-main section .content.theme-source ul li h3 {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	padding: 0 24px;
	margin-top: 6px;
}
#content-main section .content.theme-source article {
	padding: 0 24px
}
#content-main section .content.theme-source article .count {
	display: block;
	position: absolute;
	top: -25px;
	right: 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #2ca6e0;
	color: #fff;
	font-size: 0.875rem;
	line-height: 30px;
	text-align: center
}
/*#content-main section .content.theme-source article .count {
	display: block;
	position: absolute;
	top: -7px;
	right: 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #2ca6e0;
	color: #fff;
	font-size: 0.875rem;
	line-height: 30px;
	text-align: center
}*/
#content-main section .content.news {
	padding: 40px 30px 0
}
#content-main section .content.news ul {
	max-width: 680px;
	margin: 0 auto
}
#content-main section .content.news ul li {
	margin-bottom: 20px
}
#content-main section .content.news ul li time {
	display: inline-block;
	padding-right: 40px;
	color: #7d7d7d
}
#content-main section .content.news ul li span {
	display: inline-block;
	font-size: 1.125rem
}
#content-main section .content.news ul li span:hover {
	color: #06c
}
#content-main section .content.news .func-btn {
	text-align: right
}

@media screen and (max-width: 767px) {
#content-main section .content {
	padding: 20px 30px 0
}
#content-main section .content ul li {
	padding: 0
}
#content-main section .content.theme-source {
	padding: 20px 17px 40px
}
#content-main section .content.news {
	padding: 20px 30px 0
}
#content-main section .content.news ul li time {
	display: block
}
#content-main section .content.news ul li h4 {
	display: block;
	line-height: 26px
}
#content-main section .content.news .func-btn {
	display: none
}
}
/* 追加手機橫式閱讀模式 */
@media screen and (max-width: 667px){
#content-main section .content ul li .img-content img {
 margin: 0 auto;
 text-align: center;
 display: block;
}
}

/* Button Search */
.button-bs {
 width: 100px; /* Width of the dropdown button */
 height: 30px;
 border-radius: 6px;
 background-color: #f5f5f5;
 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
 background-repeat: repeat-x;
 border: 1px solid #cccccc;
 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 border-bottom-color: #b3b3b3;
 margin-left: auto;
 margin-right: auto;
}





/*
     FILE ARCHIVED ON 18:10:15 九月 2, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 13:47:31 五月 19, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/