.div-main-article{
    width:100%;
    margin:4rem 0;
}

/* article start */

.div-article {
	width: 100%;
	text-align: justify;
	margin: 3rem 0 0 0;
}

.article-container {
	
	width: 60%;
	margin: 0 auto;
	display: flex;
}

.article-style1 {
	width: 40%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.article-style1 img{
	width: 100%;
}

.article-style2 {
	width: 0px;
	float: left;
	height: 95%;
	transform: translateY(3%);
	
}

.article-style3 {
	background-color: white;
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
}

.article-style3-text {
	width: 100%;
    height: 100%;
    align-items: center;
    font-size: 1rem;
    font-family: 'Noto Sans TC', sans-serif ,Georgia, 'Times New Roman', Times, serif;
    justify-content: center;
    color: #122B4F;
}

.title{
	text-align: center !important;
    font-size: 2rem;
    margin: 0;
    font-weight: 600;
}
/* article end */


/* article-r-text start */

.div-article-r-text {
	width: 100%;
	text-align: justify;
	margin: 2rem 0 0 0;
}

.article-r-text-container {
	
	width: 60%;
	margin: 0 auto;
	display: flex;
}

.article-r-text-style1 {
	width: 40%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.article-r-text-style1 img{
	width: 100%;
}

.article-r-text-style2 {
	width: 0px;
	float: left;
	height: 95%;
	transform: translateY(3%);
	
}

.article-r-text-style3 {
	background-color: white;
    width: 59%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
}

.article-r-text-style3-text {
	width: 100%;
    height: 100%;
    font-size: 1rem;
    font-family: 'Noto Sans TC', sans-serif ,Georgia, 'Times New Roman', Times, serif;
    color: #122B4F;
	display: flex;
    justify-content: center;
    align-items: start;
	flex-flow: column;
}

/* article-r-text end */

/* article-l-text start */

.div-article-l-text {
	width: 100%;
	text-align: justify;
	margin: 2rem 0 0 0;
}

.article-l-text-container {
	
	width: 60%;
	margin: 0 auto;
	display: flex;
}

.article-l-text-style1 {
	width: 40%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.article-l-text-style1 img{
	width: 100%;
}

.article-l-text-style2 {
	width: 0px;
	float: left;
	height: 95%;
	transform: translateY(3%);
	
}

.article-l-text-style3 {
	background-color: white;
    width: 59%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 2rem 2rem;
    margin-right: 0.5rem;
}

.article-l-text-style3-text {
	width: 100%;
    height: 100%;
    font-size: 1rem;
    font-family: 'Noto Sans TC', sans-serif ,Georgia, 'Times New Roman', Times, serif;
    color: #122B4F;
	display: flex;
    justify-content: center;
    align-items: start;
	flex-flow: column;
}

/* article-l-text end */

/* article-c-text start */

.div-article-c-text {
	width: 100%;
	text-align: justify;
	margin: 2rem 0 0 0;
}

.article-c-text-container {
	
	width: 60%;
	margin: 0 auto;
	display: flex;
}

.article-c-style {
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.article-c-style img{
	width: 100%;
}

.article-c-text{
	width: 100%;
}

.article-c-text-text {
	width: 100%;
    height: 100%;
    font-size: 1rem;
    font-family: 'Noto Sans TC', sans-serif ,Georgia, 'Times New Roman', Times, serif;
    color: #122B4F;
	display: flex;
    justify-content: center;
    align-items: start;
	flex-flow: column;
}

.content-text{
	
	width: 100%;
	text-align: left;
}

.content-text a{
	text-decoration: none;
	font-family: 'Noto Sans TC', sans-serif ,Georgia, 'Times New Roman', Times, serif;
    color: #122B4F;
}

.nonmargin{
	margin:0rem;
}

.nontopmargin{
	margin-top: 0rem;
}

.nonbottommargin{
	margin-bottom: 0rem;
}



/* article-c-text end */

.margin1{
	margin-top: 1rem !important;
}

.margin2{
	margin-top: 2rem !important;
}

.lightbluetext{
	color: #6666fc !important;
}

.bluetext{
	color: blue !important;
}

.redtext{
	color: red;
}

.greentext{
	color: green;
}


.darkredtext{
	color:darkred !important;
}

.darkredblue{
	color:darkblue !important;
}

.orangetext{
	color: #F79646!important;
}

.lightorangetext{
	color: #fda45b!important;
}

.lightpurpletext{
	color: rgb(179, 0, 179)!important;
}

.purpletext{
	color: purple !important;
}

.textcolor{
	color: darksalmon;
}

.font600{
	font-weight: 600;
}

.nomargin{
	margin:0 0 0 0 !important;
}

.nopadding{
	padding:0 0 0 0 !important;
}

.fullimg{
	width: 100% !important;
}

.margin-height-5{
	margin:5rem !important;
}

.margin-l-2{
	margin-left:2rem !important;
}

.margin-l-3{
	margin-left:3rem !important;
}

.leftpadding1{
	padding-left: 1rem;
}

.bg-light-red{
	background-color: #F4CCCC;
}

.bg-light-yellow{
	background-color: #FFF2CC;
}

.bg-light-green{
	background-color: #D9EAD3;
}

.hr-style{
	width: 60%;
	border:1px solid#122B4F;
}