@import url("./icon/css/all.min.css?03");
/* ----------首頁---------- */
:root {
	--black:#000;   
	--night_black:#353b48;   
	--gold:#e1b12c;
	--yellow:#fbc531;	
	--orange:;
	--gray:#d7dcd7;	
	--blueberry:#7f8fa6;
	--hint_gray:#dcdde1;	
	--lynx_white:#f5f6fa;
	--white:#FFFFFF;
	--pink:;
	--peach: #f05f5f;
	--red:#c40109;
	--flower_red:#e84118;	
	--purple:#8c7ae6;
	--winkle_purple:#9c88ff;
	--indigo:#004161;
	--tiffany:#71c5b5;
	--grass:#ebf6f2;
	--mazarine_blue:#273c75;	
	--naval_blue:#40739e;	
	--sea_blue:#487eb0;
	--pylon_blue:#0097e6;
	--blue:#00a8ff;
}
/*.bgcolor0 {background: #dee2f700 url(../Image/1012008_3.jpg) no-repeat center;}*/
.bgcolor0 {background-image: url(../Image/1012008_3.jpg),linear-gradient(rgb(71 195 191), rgb(154 205 195));background-repeat: no-repeat;background-position: center;}
.bgcolor1 {background: var(--white);}
.bgcolor2 {background: var(--lynx_white);}
.bgcolor3 {background: var(--tiffany);}
.bgcolor4 {background: var(--peach);}
.bgcolor5 {background: #fdf9ed;/*height: 175px*/} /*#f5f7e8*/
.bgcolor6 {background: var(--lynx_white);}
.bgcolor7 {background: #ffdd61;}
.bgcolor8 {background: #ebeeff;}
.bgcolor9 {background: #ffd3d2;}/*#68cad5  #f5f6fa*/
.bgcolor10 {background: #d9b95c;border-top: 10px #ffedb9 solid;border-bottom: 10px #ffedb9 solid;}
.bgcolor11 {background: #f8f9f3;}
.bgcolor12 {background: #00afc2}
.bgcolor13 {background: #fdf1f3;}
.bgcolor14 {background: #edf7f6;}

h1 {font-size: 2.5rem;color:#37567c;font-family: "Microsoft YaHei","Microsoft Yi Baiti","Arial Unicode MS";margin-bottom: 0.7%;letter-spacing: 2px;}
h2 {font-size: 2rem;}
#Master_title, #channel_master, #channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #channel_eighth, #Ask{padding: 1rem;}
button.flash:hover {animation: push 0.5s linear;}
#Master_title {margin-top: -54px !important;}
p {line-height: 1.8rem;}

@keyframes push {
	50% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}
.target-fix {position: relative;top: -10rem;display: block;visibility: hidden;}
.disc-type li {list-style-type: disc;margin-left: 2rem;}

/* Header */
#Header {position: fixed;top: 0;left: 0;width: 100%;z-index: 9;background: #ffdc5cf5;box-shadow: 0px -14px 16px 8px #000000}
#Header nav {width: 55%;margin: auto;}
.brand {font-size: 2rem;width: 40%;}
.brand a {color:#1d6386;text-decoration: none;}
.brand img {object-fit: contain;}
.menu-mobile {display: none;margin: 1rem 1rem auto auto;text-align: right;color: #111;text-decoration: none;font-size: 0.875rem;}
/*.menu-mobile::after {content: "\f142";font-family: "Font Awesome 5 Free";font-weight: bold;font-size: 1.125rem;transform: translateY(-25%);}*/
.menu-dropdown-icon::before {content: "\f067";font-family: "Font Awesome 5 Free";font-weight: bold;display: none;cursor: pointer;float: right;padding: 0.5rem 2rem;background: #fff;color: #333;}
.menu-container{}
.menu {}
.menu > ul {margin: auto;width: 100%;list-style: none;position: relative;}
.menu > ul::before, .menu > ul::after {content: '';}
.menu > ul > li {text-align: center;margin: auto;}
.menu > ul > li > a {text-decoration: none;padding: 0.5rem 0;display: block;font-size: 1.25rem;color: #111}
.menu > ul li > ul {display: none;width: 100%;background: #ededed/*#fffef3*/;/* padding: 20px 10px 20px 10px; */position: absolute;z-index: 9;left: 0;margin-left: 1%;border-top: 6px #3c95be solid;}
.menu > ul li > ul::before, .menu > ul li > ul::after {content: '';display: table;}
.menu > ul li > ul::after {clear: both;}
.menu > ul li > ul > li a {text-align: left;display: block;border-bottom: 1px #ffc107 solid;text-decoration: none;padding: 2px;}
.menu > ul li > ul.normal-sub {width: 300px;left: auto;padding:10px 10px 15px 20px;margin: auto;}
.menu > ul li:nth-of-type(2) > ul.normal-sub, .menu > ul li:nth-of-type(3) > ul.normal-sub, .menu > ul li:nth-of-type(5) > ul.normal-sub {overflow-y: scroll;max-height: 500px;}
.menu > ul li:last-of-type > ul.normal-sub {right: 0;}
.normal-sub li {width: 100%;}	
.menu-sort {color: #3c95be;text-align: left;font-weight: bold;}
#BodyContentMainNavigator {width: 1200px;margin: auto;padding-top: 8.4rem;}

/* 能力特質 */
.quiz-wrap{}
#Home {padding-top: 6.5rem;}
#Home #Master_title {/*background-color: #5dc2da;background:#dee2f700 url(../Image/1012008_3.jpg) no-repeat center;*/padding: 6rem 1rem 2.9rem;margin-top: 0 !important;}
#Home #Master_title h1 {font-size: 3.8rem;line-height: 4.7rem;color: #3b4067;text-align: center;margin: 2% 2% 0;display: inline-block;position: relative;left: 50%;font-family: "Microsoft YaHei","Microsoft Yi Baiti","Arial Unicode MS";}
.ability {margin: 14.8rem auto 0;}
.ability li {width:calc(100%/10 - 1rem);}
.ability li span {position: relative;display: block;background: linear-gradient(to bottom left, #f05f5fd1 50%, #f05f5fd1 50%);font-size: 1.5rem;color: white;text-align: center;padding: 0.5rem 0}
.ability li span::before, .ability li span::after {content: '';position: absolute;width: 0;left: 0;right: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;margin: auto;}
.ability li span::before {bottom: 100%; border-bottom: 30px solid #f05f5fd4;}
.ability li span::after {top: 100%; border-top: 30px solid #f05f5fd1;}
.top_note {background-image: url(../Image/1012008_topnote_bg.png);background-position: center;z-index: 2;   }

/* 開始測驗 */
#Home #channel_master h1{font-size: 2.6rem;font-family: 華康儷黑 Std w7;color: #3c95be;}
.type-pic li {width:calc(100%/4 - 1rem);text-align: center;font-size: 1.3rem;color: #333;font-weight: bold;}
.type-pic img {margin: auto;border-radius: 100px;background-color: #ffdd61;}
.topic-title {width: 100%;text-align: center;font-size: 1.5rem;color: #111;padding: 2% 0 1%;}
.topic li {width:calc(100%/2 - 2rem);margin: 0.5rem auto;}
.topic label {border-radius: 2rem;padding: 1rem;background-color:#3c95be;font-size: 1.3rem;border: 4px #bbe3ef solid;width: 100%;display: block;margin: auto;color: #fff;}
.topic input:checked ~ label, .topic label:hover {background: var(--lynx_white);color: #111;border: 3px #f5f6fa solid;font-size: 1.4rem;}
.topic input{display: none;}
.topic button{padding: 0.5rem 2.25rem;border-radius: 2rem;background: #324650;color: var(--white);text-decoration: none;font-size: 1.2rem;cursor: pointer;margin-top: 1rem;}
.float-text {position: fixed;right: 0;top: 60%;background-color: #f05f5f;padding: 0 1rem;font-size: 1.05rem;border-radius: 16px 0 0 16px;color: #fff;z-index: 2;}
.float-text a {display: block;margin: 0.5rem auto;text-align: center;border-bottom: 4px #89d1d1 dotted;text-decoration: none;padding: 0 0 0.2rem;}

/* 安排學習歷程 */
#Home #channel_sec h1{color:#22939f}
.sec_bg{background:url(../Image/1012008_map1.png) no-repeat center;background-size: 660px;background-position-x: 43%;background-position-y: -40%;position: relative;}
.problem {width:calc(100%/3 - 1rem);text-align: center;}
.problem li {background: #56b9c3;border-radius: 2rem;padding: 0.7rem 0.7rem;margin: 1rem;color: #fff;font-size: 1.35rem;font-weight: bold;}
.grade {text-align: center;border-bottom: 1px dotted var(--black);margin: 1rem auto;text-align: right;}
.grade li {position: relative;padding-left: 1.25rem;display: inline-block;margin: auto 0rem auto 1rem;}
.grade li::before {position: absolute;content: '\f14a';font-weight: bold;font-family: "Font Awesome 5 Free";left: 0;}
.grade-title {font-size: 1.5rem;font-family: 華康儷黑 Std w7;color: #162344}
.plan-wrap{width: 100%;}
.step-wrap {width: 50%;margin: 3rem 1rem auto auto;}

/* 探索課程 */
#Home #channel_third h1{ color:#d55351}
.course {width: calc(100%/2 - 2rem);background-size: cover;border-radius: 10px;height: 250px;margin: 1rem;font-size: 1.8rem;line-height: 2.3rem;font-family: 華康儷黑 Std w7;color: #fff;position: relative;}
.course a {position: absolute;top: 0;left: 0;padding: 2rem;border-radius: 10px 0 0 10px;height: 100%;}
.course:nth-of-type(1) a {background: rgb(194 69 65 / 72%);}
.course:nth-of-type(2) a {position: initial;}
.course:nth-of-type(3) a {background: rgb(135 175 100 / 82%);}
.course:nth-of-type(4) a {background: rgb(83 118 172 / 74%);}
.course-bg1 {background-image:url(../Image/1012008_course_bg1.jpg);background-position: 50% 0;}
.course-bg2 {background-image:url(../Image/1012008_course_bg2.jpg);}
.course-bg3 {background-image:url(../Image/1012008_course_bg3.jpg);}
.course-bg4 {background-image:url(../Image/1012008_course_bg4.jpg);}
.course-bg5 {background: linear-gradient(120deg, #ffffff,#f6e9e3);height: inherit !important;}
.course-bg5 a {position: initial;display: block;}
.course-bg5 img {margin: auto;}

/* 我想問 */
#Home #channel_fourth {padding: 1rem 3%;margin: 0 auto;}
#Home #channel_fourth h1 {font-size: 2.3rem;margin: 1.3% 0 0.7%;}
#formlist .chosen, #formlist .information {width:calc(100%/2 - 2rem);}
#formlist li{ line-height:1.9rem}
.ask-title {font-size: 1.5rem;line-height: 3rem;}
.chosen-list {margin: 1rem auto;}
.chosen-list li:first-of-type {font-weight: bold;margin: auto;color: #ef3f3f;font-size: 1.25rem;}
.chosen-list li {margin-left: 1rem;}
.information li {margin: 0.125rem auto;}
#formlist input, #formlist select {padding: 0.25rem 0.5rem;margin: 0.25rem;font-size: 1.05rem;border-radius: 4px;border: 1px #ccc solid}
#formlist .input_bg {width: 100px;height: 36px; background-color: #2c99ce;color: #fff;float: right;border: none}
#formlist .reset_bg {width: 100px;height: 36px;background-color: #a8a8a8;color: #fff;float: right;border: none}

/* 悅讀法律 */
#Home #channel_fifth h1 {line-height: 1rem;margin-bottom: 4%}
.grateful-wrap {line-height:1.9rem;margin-bottom: 1%;}
.grateful-wrap strong {color: var(--peach);}
.book-list {position: relative;}
.book-list a {font-size: 1.5rem;padding: 0.125rem 0;width:calc(100%/6);text-align: center;background-color: #fff0f0;border-radius: 40px 0;text-decoration: none;transition: all 0.3s linear;}
.book-list a.active {background: var(--peach);color: var(--white);}
.book-list a:hover{transform: scale(1.1);}
#app {margin: 1rem auto;text-align: center;}
#app .VueCarousel-slide img {margin: auto;width: 70%;}
#app .VueCarousel-navigation-prev {left: 1.125rem;}
#app .VueCarousel-navigation-next {right: 1.125rem;}

/* 尋找彼此 */
#Home #channel_sixth h1{font-size: 2.6rem;font-family: 華康儷黑 Std w7;color: #6069a4;}
.grateful-wrap strong {font-size: 1.5rem;}
.find-cont {width:calc(100%/2 - 2rem);margin: 1rem 1rem 1rem -1rem;line-height: 1.9rem;}
.find-cont a {display: inline-block;padding: 0.25rem 1rem 0;color: var(--white);font-weight: bold;text-decoration: none;font-size: 1.6rem;line-height: 2.4rem;border-radius: 7px;margin-bottom: 1.8%;transition: all 0.3s linear;}
.find-cont a:hover {transform: scale(1.1);}

/* 單元文章 */
#Master_title h1 {font-size: 3rem;line-height: 3.8rem;padding: 1rem;margin-top: 62px;text-shadow: 0 0 10px #fdf9ed, 0 0 10px #fdf9ed, 0 0 10px #fdf9ed, 0 0 10px #fdf9ed, 0 0 10px #fdf9ed;letter-spacing: 6px;}
#blog p, #blog ol, #blog dl, #blog table {margin: 1rem auto;line-height: 1.8rem;}
#blog ol li {list-style-type: decimal;margin-left: 1rem;}
#blog p a{ color:#5f3ab7;}
#blog #Master_title {background-position: right;background-repeat: no-repeat;background-size: auto 285px;z-index: 2;height: 235px;}
/*.highlight {background: #e16676;padding: 0.3% 0 0.3% 0.3%;color: #fff;}*/
.highlight {background-color: #f3dd16;}
.required-system {font-size: 1.5rem;display: block;text-align: center}
.required-subject {margin: 0.25rem auto 2rem;}
.required-subject dl {width: calc(100%/2 - 1rem);background: #fbfaf3;border-radius: 1rem;margin: 0 0.5rem 0.5rem 0;padding: 2% 1.5%;border: 1px #7f8cde dotted;/* border-bottom: 1px #000 dotted; */}
.required-subject dt {font-size: 1.25rem;font-weight: bold;text-align: center;}
.required-subject dd {padding: 0.5rem 1rem;line-height: 1.8rem;}
.paragraph-title {font-size: 1.5rem;font-weight: bold;margin-top: 1rem;margin-bottom: 0.4rem;display: block;}
.blog-pic-man {display: inline-block;margin-right: 1rem;width: 100px;height: 100px;overflow: hidden;border-radius: 50px;/*border: 1px solid #bbc0df;*/}
.blog-pic-man img {width: 100%;object-fit: cover;transform: scale(1.05);}
.blog-table {width: 100%;}
.blog-table th, .blog-table td {border-collapse: collapse;padding: 0.5rem;}
.blog-table td {border: 1px solid var(--hint_gray);}
.blog-table th {background: var(--hint_gray);border: 1px solid var(--white);}
.paragraph-pic img {width: 100%;height: auto;}
.blog-table ul li {list-style-type: disc;margin-left: 2rem;}
.sort-title {display: inline-block;font-weight: bold;border-left: 28px #00bcd4 solid;line-height: 1.8rem; padding-left: 10px;margin-top: 4%;}
.extend-item dt {background: #00bcd4;color: var(--white);display: inline-block;padding: 0.1% 0.7%;}
.extend-item dd::before {position: relative;content: '\f14a';margin-right: 0.5rem;font-family: "Font Awesome 5 Free";font-weight: bold;color: #00bcd4;font-size: 1.6rem;padding: 0.2rem 0 0 0;vertical-align: middle;}
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.read-more {color: #f44336;padding: 0px 10px;background-color: #ffeff1;border-radius: 50px;border: 1px #3a4581 solid;text-decoration: none;font-size: 0.9rem;line-height: 1.5rem;transition: all 0.3s linear;display: inline-block;}
a.read-more {color: #f44336 !important}
a.read-more:hover{/**transform: scale(1.1);*/animation: push 0.5s linear;}
.guide-btn {margin: 2rem auto auto;text-align: center;}
.guide-btn a {display: inline-block;padding: 0.25rem 1rem 0;color: var(--white);font-weight: bold;text-decoration: none;font-size: 1.6rem;line-height: 2.4rem;border-radius: 7px;}
.guide-btn a:hover{animation: push 0.5s linear;}
.next {position: fixed;width: 100%;background-color: #ffdc5c;bottom: 0;left: 0;}
#blog .next dl {width: 1200px;margin: auto;padding: 0.5rem 0;margin: auto;display: flex;flex-wrap: wrap;justify-content: center;}
#blog .next dt {color: #929292;margin-right: 0.5rem;}
#blog .next dd a {font-weight: bold;color: #3c95be;}

/* 會計類科 */
.accounting_blog h1 {color: #8c2533;}
.info_blog h1 {color: #1d5565;}
.highlight_a {background-color: #f3dd16;}
.accounting_blog .blog_man {padding: 1rem 2rem;border-radius: 25px;display: flex;flex-wrap: wrap;align-items: center;justify-content: start;float: left;margin: 1rem 1rem 1rem 0;}
.accounting_blog .blog_man h3::after {content: "";display: block;width: 100%;height: 2px;right: 0;}
.references {font-size: 0.8rem;border-top: #cfcbcb 1px solid;padding: 0.5rem;display: block;margin: 2rem auto auto;word-wrap:break-word;}
.references ul li {width: calc(100%/2);}
.match-pic {float: left;margin: auto 1rem auto auto;}
.match-pic-r {float: right;margin: auto auto auto 1rem;}
.match-pic img, .match-pic-r img {width: 300px;height: 350px;object-fit: cover;}
.irt-logo {margin: auto 0 auto auto;width: 30%;}
.irt-logo img {width: 100%;}

/* 資訊類科 */
.info_blog .blog_man {background-color: #eff5eb;}
.info_blog .blog_man h3::after {background-color: #72adc9;}
.info_header .advertise {display: none;}
.info_menulist {position: fixed;left: 0;bottom: 0;width: 100%;z-index: 2;}
.info_tab {margin: auto;max-width: 1600px;}
.info_tab a {background-color: #607D8B;color: #fadbd2;font-weight: bold;border-radius: 0.75rem 0.75rem 0 0;padding: 0.5rem 1rem;z-index: 1;position: relative;bottom: 0.125rem;}
.info_tab a.active {background-color: #00BCD4;color: #3c95be;color: #fff;border: 4px #93e9ffcc dotted;bottom: 0.25rem;}
.info_tabcont {background-color: #ffdc5c;padding: 0.75rem;z-index: 2;position: relative;}
.info_tabcont ul {display: flex;flex-wrap: wrap;justify-content: center;}
.info_tabcont ul li {margin: auto 1rem;position: relative;display: flex;flex-wrap: wrap;align-items: center;}
.info_tabcont ul li::before {content: '';width: 5px;height: 5px;;background-color: #929292;margin: auto 0.5rem auto auto;background-color: #929292}
.info_tabcont ul li a {color: #3c95be;font-weight: bold;}

/* 小廣告 btn */
.bulletin {position: fixed;right: 0;top: calc(45% - 130px);z-index: 7;padding-right: 0.125rem;}
.bulletin i {color: #484848;font-size: 1.125rem;margin-right: 0;text-align: right;display: block;}
.bulletin img {margin: 0.25rem auto;}

/* 置頂鍵 */
#back-top {position: fixed;bottom: 5%;right: 1%;z-index: 8;}
#back-top a {font-size: 1.25rem;width: 2.75rem;height: 2.75rem;display: flex;justify-content: center;align-items: center;border-radius: 50%;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);color: var(--indigo);background: var(--white);opacity: .8;text-decoration: none;}

/* Footer */
.footer-wrap {padding: 1.5rem 0.5rem 3rem;align-items: center;justify-content: center;}
.footer-wrap .dot {width: 3px;height: 3px;border-radius: 100%;display: inline-flex;margin: auto 0.5rem;background: var(--black);}

@media (min-width: 1201px){	
	/* 首頁 */
	#Header header {padding: 1rem 0;}
	#Header header, #Master_title, #channel_master, #channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #channel_eighth, #Ask{width: 1200px;margin: auto;}
	#channel_master, #channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #channel_eighth, #Ask {padding: 3rem 5rem 4rem;}
	#Header h1{/*font-size: 2.5rem;color:#3a4581;font-family: "Microsoft YaHei","Microsoft Yi Baiti","Arial Unicode MS";*/margin-bottom: 0;}
	.menu > ul > li > a::after {content: '\f0dd';font-family: "Font Awesome 5 Free";font-weight: bold;margin-left: 0.25rem;bottom: 3px;position: relative;}
	#Home #Master_title {position: relative;}
	.top_note {padding: 94px 0 0 140px;position: absolute;width: 371px;height: 337px;top: -0.2rem;left: -11rem;text-align: center;}
	/* 單元文章 */
	.video-wrap {width: 50%;margin: 1rem auto 1rem 0;}
}

@media (max-width: 1200px){
	#Header nav, #BodyContentMainNavigator, .knowledge-item, .menu > ul li > ul.normal-sub, .irt-pic, #blog .next dl {width: 100%;}
	.brand {width: 45%;padding: 0 1rem;z-index: 9;margin: 0.5rem;}
	.brand img {height: 55px;}
	#Header {height: 6rem;}
	#Header nav {background: none;top: 6rem;}
	.menu-scroll {position: fixed;overflow-y: scroll;height: 100%;padding-bottom: 5rem;}
	#Home {padding-top: 4rem;}
	.menu-mobile, .menu .show-on-mobile, .menu-dropdown-icon::before  {display: block;}
	.menu > ul {display: none;}
	.menu > ul > li {width: 100%;float: none;display: block;background: #fefefe;}
	.menu > ul > li > ul {position: relative;}
	.menu > ul > li > a {color: #000;}	
	.menu > ul > li > a {display: block;border-bottom: 1px #ffc107 solid;text-decoration: none;padding: 8px 2px 2px;text-align: center;}	
	.menu-dropdown-icon::before {background: #fefefe;color: #333;}	
	.ability li {width:calc(100%/5 - 0.25rem);margin: 2rem auto;display: flex;justify-content: center;}
	.ability li span {padding: 0.5rem 0;width: 100px;}
	.course a {font-size: 1.5rem;padding: 1rem;}
	.table-wrap {overflow-x: scroll;}
	.blog-table {width: 100%;}
	.float-text {right: 0;top: auto;bottom: 0;width: 100%;display: flex;flex-wrap: wrap;border-radius: 16px 16px 0 0;justify-content: center;padding: 0.25rem 0 0;}
	.float-text a {margin: auto 0.5rem;text-decoration: underline;border-bottom: none;}
	.bulletin {bottom: 15%;top: auto;}
	#Master_title h1 {font-size: 2.5rem;}	
	#Home #Master_title {background: #dee2f700 url(../Image/1012008_3.jpg) no-repeat center;}
	/*#Home #Master_title {background: #dee2f700 url(../Image/1012008_3.jpg) no-repeat center;padding: 2rem 1rem 1rem;background-position: -28px 14px;}*/
	#Home #Master_title h1 {text-align: right;display: block;position: inherit;left: inherit;font-family: "Microsoft YaHei","Microsoft Yi Baiti","Arial Unicode MS";padding-right: 0;}
	.match-pic img, .match-pic-r img {width: 200px;height: 200px;}	
}

@media (min-width:992px) and (max-width:1199px){
	#Master_title .sm\:block {display: inline-block;}
	#Home #Master_title h1 {padding-right: inherit;}
}

@media (min-width:768px) and (max-width:991px){
	.course {height: 150px;}
	#Master_title .sm\:block {display: inline-block;}
}

/*手機_直式*/
@media (max-width: 767px) {	
	#Header {height: 4rem;}
	#Header nav {top: 4rem;}
	.ability {}
	.ability li {width:calc(100%/5 - 0.25rem);margin: 1rem auto;}
	.ability li span {font-size: 0.9rem;line-height: 1rem;padding: 0 0.25rem;width: 50px;}
	.ability li span {position: relative;display: block;background: linear-gradient(to bottom left, #f05f5fd1 50%, #f05f5fd1 50%);}
	.ability li span::before {border-bottom: 15px solid #f05f5fd1;}
	.ability li span::after {border-top: 15px solid #f05f5fd1;}
	.ability li span::before, .ability li span::after {border-left: 25px solid transparent;border-right: 25px solid transparent;}
	.problem {width: calc(100%/2 - 1rem);}
	.book-list a {width: calc(100%/3);}	
	.type-pic img {margin: 20% auto 0;width: 70%;}	
	#BodyContentMainNavigator {width: auto;margin: auto;padding: 5.75rem 2rem 0;}
	.brand {width: 70%;z-index: 9;margin: 0.25rem 0.5rem;}   
	/*#Home #Master_title {background-size: 135%;}*/
	.bgcolor0 {background-image: none;background-repeat: no-repeat;background-position: center;background: linear-gradient(rgb(71 195 191), rgb(154 205 195));}
	#Home #Master_title {background: rgb(225 231 219) url(../Image/1012008_3_mb.jpg) no-repeat;background-size: 100%;}
	#Home #Master_title { padding: 1px 0rem 0.9rem; margin-top: 0 !important;}
	.ability {margin: 11rem auto 0;}
	/*bgcolor0 {background-image: url(../Image/1012008_3_mb.jpg),linear-gradient(rgb(71 195 191), rgb(154 205 195));background-repeat: no-repeat;background-position: center;}*/
	#Master_title h1 {font-size: 2rem;line-height: 2.8rem;padding: 0 0 0 1rem;}
	#Home #channel_master h1 {font-size: 1.8rem;margin-top: 6%;}
	.top_note {text-align: center;margin-top: 0.7rem;}
	.topic-title {font-size: 1.2rem;}
	.topic label {font-size: 1rem;padding: 0.3rem;}
	.topic li {width: 100%;}
	#Home #Master_title h1 {font-size: 2.5em;line-height: 3.7rem;}	
	/* 開始測驗 */
	.quiz-wrap {padding: 6% 2%;}
	/* 安排學習歷程 */
	.step-wrap {width: 100%;margin: 3rem auto auto;}
	.grade {text-align: center;}
	#Home #channel_sec h1 {color: #22939f;font-size: 1.85rem;line-height: 2.4rem;width: 53%;margin-top: 7%;}
	.problem li {border-radius: 1.5rem;}
	.sec_bg {background: url(../Image/1012008_map1.png) no-repeat center;background-size: 129%;background-position-x: 35%;background-position-y: -2%;position: relative;}	
	.course {height: 150px;}
	/* 我想問 */
	.ask-wrap{width: 100%;padding-left: 6%}
	#Home #channel_fourth h1 {text-align: center;font-size: 1.7rem;margin: 1.3% 0 0.7% 6%;}
	.ask-title {font-size: 1.1rem;padding-left: 8%;}
	#formlist .chosen, .course {width: 100%;}
	#formlist .information {width: calc(100%/1 - 2rem);}
	/* 悅讀法律 */
	#Home #channel_fifth {padding: 2.8rem 1rem 1.6rem;}
	#Home #channel_fifth h1 {font-size: 1.7rem;text-align: center;}		
	.book-list a {font-size: 1rem;margin: 0.7% 0;}
	/* 尋找彼此 */
	#channel_sixth{ padding:2rem 1rem}
	#Home #channel_sixth h1 {font-size: 2rem;}
	.grateful-wrap strong {font-size: 1.3rem;line-height: 0.9rem}
	.find-cont {width: 100%;margin: 1rem auto;}
	#formlist input[type="text"] {display: block;}
	.blog-table {width: 100%;}
	/* 會計類科 */
	.accounting_blog .blog_man {width: 100%;justify-content: center;padding: 1rem 0.5rem 0;}
	.match-pic, .match-pic-r {width: 100%;float: initial;margin: auto;}
    .match-pic img, .match-pic-r img {margin: auto auto 1rem;}
	.irt-logo {width: 60%;}
	#blog .next dl {padding: 0.25rem 0.5rem;}
	/* 資訊類科 */
	.info_tabcont ul {justify-content: flex-start;}
	.info_tabcont ul li {margin: 0 0.5rem;}
	/* 小廣告 btn */
	.bulletin i {margin: -15px -3px 0 0;}
}

/*手機_橫式*/
@media screen and (min-width:600px) and (max-width:769px) {	
    .ability li {width: calc(100%/10 - 0.25rem);margin: 4rem auto 1rem;}
	.blog-table {width: 100%;}
}

/* ----------- iPad ----------- */
/*ipad_直式*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#BodyContentMainNavigator {padding-top: 6.4rem;padding-left: 4rem;}
	.menu-mobile {margin: 1.8rem 1.5rem auto auto;}
	#Header nav {background: none;top: 4.6rem;}
	#Header {height: 4.6rem;}
	#Home #Master_title {background: #dee2f700 url(../Image/1012008_3_mb.jpg) no-repeat;background-size: 100%;background-position: 0 0;}
	#Home #Master_title {padding: 6rem 1rem 1.7rem;}
	.bgcolor0 {background-image: none;background-repeat: no-repeat;background-position: center;background: linear-gradient(rgb(222 227 214), rgb(223 227 213));top: 0.6rem;position: relative;}
	.ability { margin: 12.8rem auto 0;}
	.ability li span::before, .ability li span::after {border-left: 35px solid transparent;border-right: 35px solid transparent;}
	.ability li span {font-size: 1.2rem;line-height: 1.5rem;padding: 0 0.5rem !important;}
	.ability li span::before {border-bottom: 15px solid #f05f5fd4;}
	.ability li span::after {border-top: 15px solid #f05f5fd1;}
	.ability li {width: calc(100%/10 - 0.25rem);margin: 0.5rem auto 1rem;}
	.top_note {background-image: none;background-position: center;z-index: 2;text-align: center;margin-top: 0.7rem;}
	#Home #channel_sec h1 {font-size: 2.1rem;}
	.sec_bg { background-size: 571px;background-position-x: 38%;background-position-y: -214%;position: relative;}
	.problem {width: auto;text-align: center;}
	.problem li {padding: 0.6rem 1.2rem; margin: 1rem;font-size: 1.3rem;}
}

/*ipad_橫式*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {	
    #BodyContentMainNavigator {padding-top: 6.7rem !important;padding-left: 4rem}
    #Header nav {background: none;top: 5rem;}
	#Header {height: 5rem;}
	#Master_title, #channel_master, #channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #Ask {
    padding: 1rem 3rem;}
	.brand {width: 37%;}
	#Home #Master_title {background: #dee2f700 url(../Image/1012008_3.jpg) no-repeat center;background-position-x: -32rem;}
	#Home #Master_title {padding: 4.2rem 1rem 1.5em;}
	.bgcolor0 {background-image: none;background-repeat: no-repeat;background-position: center;background: linear-gradient(rgb(222 227 214), rgb(223 227 213));top: 0.6rem;position: relative;}
	.bgcolor0 {margin-top: -3rem;}
    .top_note {text-align: center;padding: 10px 0 0;background-image: none;}
	.menu-mobile {margin: 1.7rem 2em auto auto;}
	.ability {}
	.ability li {width: calc(100%/10 - 0.25rem);margin: 7rem auto 1rem;}
	.ability li span {font-size: 1.3rem;line-height: 1.55rem;padding: 1px 1rem 1px !important;width: 78px;}	
	.ability li span {position: relative;display: block;background: linear-gradient(to bottom left, #f05f5fd1 50%, #f05f5fd1 50%);}
	.ability li span::before {border-bottom: 15px solid #f05f5fd1;}
	.ability li span::after {border-top: 15px solid #f05f5fd1;}
	.ability li span::before, .ability li span::after {border-left: 38px solid transparent;border-right: 38px solid transparent;}
     #Home #channel_fifth h1 {line-height: 1rem;margin-bottom: 2%;padding: 1rem 3%;font-size: 2.3rem;margin: 1.3% 0 1.7%;}
	 h1 {font-size: 2rem;line-height: 2.7rem;}
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* 直Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	 #Master_title, #channel_master, #channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #Ask {
    padding: 1rem 3rem;}
	.brand {width: 37%;}
	.menu-mobile {margin: 1.7rem 2em auto auto;}
	.ability {}
	.ability li {width: calc(100%/10 - 0.25rem);margin: 7rem auto 1rem;}
	.ability li span {font-size: 1.3rem;line-height: 1.55rem;padding: 1px 1rem 1px !important;width: 78px;}
	
	.ability li span {position: relative;display: block;background: linear-gradient(to bottom left, #f05f5fd1 50%, #f05f5fd1 50%);}
	.ability li span::before {border-bottom: 15px solid #f05f5fd1;}
	.ability li span::after {border-top: 15px solid #f05f5fd1;}
	.ability li span::before, .ability li span::after {border-left: 38px solid transparent;border-right: 38px solid transparent;}
     #Home #channel_fifth h1 {line-height: 1rem;margin-bottom: 2%;padding: 1rem 3%;font-size: 2.3rem;margin: 1.3% 0 1.7%;}
	 #BodyContentMainNavigator {padding-top: 6.53rem;padding-left: 4rem}
	 h1 {font-size: 2rem;line-height: 2.7rem;}
}

/* 橫Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  #BodyContentMainNavigator {padding-top: 8.7rem;}
}

/* 相容檢視 */
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
    #noie {display: none;}
}
@-moz-document url-prefix(){/*Firefox*/
    #noie {display: none;}
}
@media \0screen\,screen\9 {/*IE 6 7 8*/    
    .browser {text-align: center;background: red;font-weight: bold;color: white;}
    .browser a {color: white;display: block;}
}
@media screen\0 {/*IE 8 9 10 11*/    
    .browser {text-align: center;background-color: rgba(0,0,0,.9);font-weight: bold;position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 8;}
    .renew {background-color: #f6f6f6;display: inline-block;top: 45%;position: relative;border-radius: 5px;overflow: hidden;}
    .renew span {padding: 1rem;display: block;}
    .browser a {color: #039be6;display: block;border-top: 1px solid #989898;padding: 1rem;background-color: #EDEDED;}
}
@media print {
}