@charset "UTF-8";
html{height:100%;}
html, button, input, select, textarea {color:#333;}
body{
	padding:0;
	color:#333;
    font-size:16px;  font-weight:400;
	font-family:'Roboto', "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "YuGothic","Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", Arial, sans-serif;
	text-shadow:0 .3px .3px rgba(0,0,0,.15);
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	height:auto!important;min-height:100%;height:100%;
	overflow-x:hidden;
	background-color:#222;
}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
	html.menuOpened{
		overflow:hidden;
	}
	body{
		text-shadow:0 .3px .3px rgba(0,0,0,0);
		overflow-x:hidden;
	}
}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */
	body{
		font-size:15px;
	}
}
@media screen and (max-width:360px){/* Xiaomi 2S */
	body{
		font-size:15px;
	}
}
@media screen and (max-width:320px){/* i5 */
	body{
		font-size:14px;
	}
}

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:2em 0; padding:0;}

/* 移除圖片底下間隙 */
img{vertical-align:middle;}

a{color:#00adff; text-decoration:none; transition:.2s;}
a:hover, a:active, a:focus{color:#0040ff;}

.wrapper{
	width:1000px; min-width:1000px; 
	margin:0 auto; 
	position:relative;
	/* box-shadow:inset 0 0 1px rgba(0,0,0,.9); */
}
@media screen and (max-width:1024px){
	.wrapper{
		width:100%; min-width:100%;
	}
}

/*-------------------------------------------
Clearfix: contain floats
-------------------------------------------*/
.clearfix:before,
.clearfix:after{
    content:""; /* 1 */
    display:table; /* 2 */
}
.clearfix:after{clear:both;}
/* For IE 6/7 only */
.clearfix{*zoom:1;}

/*-------------------------------------------
Header
-------------------------------------------*/
#headerContainer{
	position:absolute; top:0; left:0; right:0; z-index:99;
	height:150px;
	transition:.3s all;
}
.headerSticky #headerContainer{
	position:fixed;
    height:130px;
}
	#headerContainer .headerWrap{
		position:absolute; top:0; left:0; right:0; bottom:0;
		height:100%;
		opacity:1;
		border-bottom:3px solid transparent;
	}
	.headerSticky #headerContainer .headerWrap{
		transition:.5s ease;
		background:#fff;
		border-bottom:3px solid #004097;
		box-shadow:0 0 5px rgba(0,0,0,.4);
	}
	.headerSticky #headerContainer .headerWrap.fadeOut{
		opacity:0;
	}
		#headerContainer header{
			position:relative; z-index:99;
			height:100%;
		}
			#headingLink{
				position:absolute; top:10px; left:10px; z-index:100;
			}
				#heading{
					margin:0;
					display:inline-block;
					width:224px;
					height:62px;
					background:url(../images/rsroc_title@2x.png?v=20210721) no-repeat 50% 50%;
					background-size:224px 62px;
					text-indent:-99999em;
				}
				.headerSticky #heading{
					background-image:url(../images/rsroc_title_black@2x.png?v=20210721);
				}
		#headerContainer .topLinks{
			position:absolute; right:10px; top:18px;
			list-style:none;
			margin:0;
			padding:0;
			text-align:right;
		}
			#headerContainer .topLinks li{
				display:inline-block;
				line-height:32px;
				padding-left:15px;
				font-size:14px;
				color:#fff;
			}
			.headerSticky #headerContainer .topLinks li{
                color:#333;
            }
			#headerContainer .topLinks li.liGoogle{
				display:none;
			}
				#headerContainer .topLinks .memberName{
					display:inline-block;
					vertical-align:top;
					margin-right:5px;
				}
				#headerContainer .topLinks em{
					font-style:normal;
					color:rgba(100%,100%,100%,.2);
				}
				.headerSticky #headerContainer .topLinks em{
					color:rgba(0,0,0,.2);
				}
				#headerContainer .topLinks a{
					color:#fff;
					transition:.2s;
				}
				.headerSticky #headerContainer .topLinks a{
					color:#000;
				}
				#headerContainer .topLinks a:hover{
					color:#0096ff;
				}
				#headerContainer .topLinks .btn{
					padding:7px;
					border-color:#fff;
				}
				.headerSticky  #headerContainer .topLinks .btn{
					border-color:#004097;
				}
				#headerContainer .topLinks .btn:hover{
					color:#004097;
					background-color:#fff;
				}
				#headerContainer .topLinks .icon{
					display:inline-block;
					vertical-align:top;
					width:24px;
					overflow:hidden;
					background-position:50% 50%;
					background-repeat:no-repeat;
					background-size:24px 24px;
					text-indent:-99999em;
					font-size:0;
				}
				#headerContainer .topLinks .icon:hover{
					opacity:.4;
				}
				#headerContainer .topLinks .fb{
					background-image:url(../images/header_icon_fb@2x.png);
				}
				#headerContainer .topLinks .youtube{
					background-image:url(../images/header_icon_youtube@2x.png);
				}
				#headerContainer .topLinks .google{
					background-image:url(../images/header_icon_google@2x.png);
				}
				.headerSticky #headerContainer .topLinks .fb{
					background-image:url(../images/header_icon_fb_b@2x.png);
				}
				.headerSticky #headerContainer .topLinks .youtube{
					background-image:url(../images/header_icon_youtube_b@2x.png);
				}
				/*--- google search ---*/
				#headerContainer .gsc-control-cse{
                    border:none;
                    background:none;
                    position:absolute; right:0;
                    padding:0;
                    margin-top:8px;
					display:none;
				}
				#headerContainer .gsc-control-cse.active{
                    display:block;
				}
                    #headerContainer .gsc-input-box{
                        border:none !important;
                        background:none !important;
                    }
                        #headerContainer table.gsc-search-box{
                            margin:0;
                        }
                            #headerContainer table.gsc-search-box td{
                                margin:0;
                                padding:0;
                                position:relative;
                                vertical-align:top !important;
                            }
                                #headerContainer input.gsc-input{
                                    border:1px solid #bbb !important;
                                    background-position-x:5px !important;
                                    padding:5px 10px !important;
                                    width:180px !important;
                                    min-height:32px !important;
                                }
                                #headerContainer .gsc-search-button-v2{
                                    padding:0;
                                    width:32px;
                                    height:32px;
                                    position:absolute; top:0; right:0;
                                }
                                    #headerContainer .gsc-search-button-v2 svg{
                                        width:18px;
                                        height:18px;
                                    }
                                    .gsc-results-wrapper-overlay{
                                        width:77% !important;
                                    }
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
	#headerContainer{
		height:70px;
	}
		#headingLink{
			left:15px;
		}
			#heading{
				width:180px; height:50px;
				background-image:url(../images/rsroc_title_sp@2x.png?v=20210721);
				background-size:180px 50px;
			}
			.headerSticky #heading{
				background-image:url(../images/rsroc_title_black_sp@2x.png?v=20210721);
			}
		#headerContainer .topLinks{
			display:none;
		}
}
@media screen and (max-width:375px){/* i6, i7, i8, iX */
	#heading{
		width:180px;
		height:50px;
		background-image:url(../images/rsroc_title_sp_s@2x.png?v=20210721);
		background-size:180px 50px;
	}
}
/*-------------------------------------------
Top Banner
-------------------------------------------*/
.topBanners{
    position:absolute; top:10px; right:310px;
}
.topBanners.logged{
    right:405px;
}
    .topBanners ul{
        list-style:none;
        margin:0;
        padding:0;
        display:flex;
        justify-content:center;
    }
        .topBanners li{
            padding:0 10px;
            position:relative;
        }
            .topBanners img{
                display:block;
                height:60px;
                border-radius:5px;
                box-shadow:0 3px 8px rgba(0,0,0,.2);
                margin:0 auto;
                transition:.2s;
            }
            .topBanners a:hover img{
                box-shadow:0 0 3px rgba(0,0,0,.2);
            }
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
    .topBanners,
    .topBanners.logged{
        right:90px !important;
    }
        .topBanners img{
            height:50px;
        }
}
@media screen and (max-width:568px){/* i5 Landscape */
    .topBanners,
    .topBanners.logged{
        top:80px; left:20px; right:20px !important;
        margin:0 -10px;
    }
        .topBanners li{
            flex-basis:50%;
        }
            .topBanners img{
                max-width:170px;
                width:100%;
                height:auto;
            }
}
@media screen and (max-width:320px){/* i5, SE */
    .topBanners{
        top:90px;
    }
}
/*-------------------------------------------
Nav
-------------------------------------------*/
#menuContainer{
	position:absolute; left:0; right:0; bottom:0; z-index:51;
}
.headerSticky #menuContainer{
	bottom:10px;
}
	#spMenu{
		display:none;
	}
	#menu{
		list-style:none;
		margin:0 auto;
		padding:0;
        display:flex;
        justify-content:space-between;
	}
		#menu > li{
            flex:1;
			position:relative;
            padding:0 10px;
            text-align:center;
		}
			#menu > li::before{
				content:"";
				display:inline-block;
				border-left:1px solid rgba(100%,100%,100%,.2);
				position:absolute; left:0; top:30%; bottom:30%;
			}
			.headerSticky #menu > li:before{
				border-left:1px solid rgba(0,0,0,.2);
			}
			#menu > li:first-child:before{
				display:none;
			}
			#menu > li > a{
				display:block;
				position:relative;
				color:#fff;
				line-height:1.2;
                padding:5px;
				transition:.2s;
			}
			.headerSticky #menu > li > a{
				color:#000;
			}
			#menu > li > a:hover{
				color:#0096ff;
			}
@media screen and (max-width:1024px){
	#menu > li{
		padding:0 5px;
	}
}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
	/*-------------------------------------------
	Menu icon
	-------------------------------------------*/
	.toggleMenu{
		display:inline-block;
		width:50px;
		height:50px;
		line-height:50px;
		text-align:center;
		padding:0;
		background-color:#fff;
		border-radius:50%;
		position:fixed; right:15px; top:10px; z-index:701;
		-webkit-transition:.4s ease;
		-moz-transition:.4s ease;
		transition:.4s ease;
		box-shadow:0 0 8px rgba(0,0,0,.4);
	}
	.toggleMenu.scrollStyle{
		top:15px;
		box-shadow:0 0 8px rgba(0,0,0,.4);
	}
	.toggleMenu.active{
		background-color:#fff;
	}
		#icon-menu{
			display:inline-block;
			width:24px;
			height:24px;
			margin-top:12px;
			position:relative;
			-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
			-webkit-transition:.4s ease;-moz-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;
			cursor:pointer;
		}
			#icon-menu span{
				display:block;
				position:absolute; left:0;
				height:3px;
				width:100%;
				background-color:#0072c0;
				border-radius:3px;
				opacity:1;
				-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
				-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;
			}
			#icon-menu span:nth-child(1){top:15%; background-color:#0072c0;}
			#icon-menu span:nth-child(2){top:50%;}
			#icon-menu span:nth-child(3){top:85%; background-color:#0072c0;}

		#icon-menu.active span{
			transition-delay:0s;-webkit-transition-delay:0s;
			background-color:#e7290a;
		}
		#icon-menu.active span:nth-child(1){
			top:48%;
			-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
		}
		#icon-menu.active span:nth-child(2){
			opacity:0;
		}
		#icon-menu.active span:nth-child(3){
			top:48%;
			-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
		}
	/*-------------------------------------------
	Nav
	-------------------------------------------*/
	/*--- menu show/hide ---*/
	#menuContainer{
		display:block;
		position:fixed; top:0; left:0; bottom:0; 
		z-index:0;
		opacity:0;
		width:0vw; min-width:0vw;
		height:100%;
		overflow-x:hidden;
		overflow-y:auto;
		background-color:rgba(0,64,151,.98);
		pointer-events:none;
		transform-origin:left top;
		transform:skewX(-10deg);
		transition:.5s ease;
	}
	#menuContainer.active{
		opacity:1;
		z-index:100;
		width:100vw;
		pointer-events:auto;
		-webkit-transform:skewX(0deg); transform:skewX(0deg);
	}
		/*--- smart phone menu ---*/
		#spMenu{
			display:block;
			list-style:none;
			margin:0;
			padding:10px 0 30px;
			color:#fff;
			/* background-color:rgba(0,0,0,.2); */
			opacity:0;
			transition:.5s;
			transition-delay:.5s;
		}
		#menuContainer.active #spMenu{
			opacity:1;
		}
			#spMenu > div{
				text-align:center;
			}
				#spMenu a{
					display:inline-block;
					vertical-align:middle;
					color:#fff;
				}
				#spMenu a:hover{
					color:#73bcff;
				}
			#spMenu .spHome{
				padding:0 0 30px;
			}
				#spMenu .spHome #headingLink{
					position:static;
					padding:0;
				}
			#spMenu .spMemberInfo{
				
			}
				#spMenu .spLogout{
					border-color:#fff;
					margin-left:5px;
					padding-left:8px; padding-right:8px;
				}
			#spMenu .other{
				margin-top:30px;
			}
				#spMenu .icon{
					display:inline-block;
					width:24px; height:24px;
					overflow:hidden;
					background-position:50% 50%;
					background-repeat:no-repeat;
					background-size:24px 24px;
					text-indent:-99999em;
					font-size:0;
					margin-left:25px;
				}
				#spMenu .icon:hover{
					opacity:.4;
				}
				#spMenu .fb{
					background-image:url(../images/header_icon_fb@2x.png);
				}
				#spMenu .youtube{
					background-image:url(../images/header_icon_youtube@2x.png);
				}
				#spMenu .qrcode{
					background-image:url(../images/header_icon_qr@2x.png?v=20191128);
				}
		/*--- main menu ---*/
		#menu{
			color:#fff;
			position:relative; top:auto; bottom:auto; z-index:0;
			opacity:0;
			padding-bottom:20px;
			transition:.3s;
			transition-delay:.5s;
		}
		#menuContainer.active #menu{
            flex-direction: column;
            opacity:1;
		}
			#menu > li{
				float:none;
				width:180px;
				padding:0;
				margin:0 auto;
				text-align:center;
				border-bottom:1px solid rgba(255,255,255,.2);
			}
			#menu > li:last-child{
				border-bottom:none;
			}
				#menu > li:before{
					border:none;
				}
				#menu > li.haveSub:after{
					display:none;
				}
				#menu > li > a{
					display:inline-block;
					font-size:18px; line-height:1;
					color:#fff;
					padding:15px 0;
				}
				#menu > li:hover > a, 
				#menu > li.active:hover > a{
					color:#fff;
					background-color:transparent;
					font-weight:700;
				}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	#spMenu .spHome{
		text-align:left;
		padding-left:15px;
	}
}
@media screen and (max-width:360px){/* Xiaomi 2S */
	#menu > li > a {
		font-size:16px;
		padding:12px 0;
	}
}
/*-------------------------------------------
Container
-------------------------------------------*/
#contentContainer{
	height:auto!important;min-height:460px;height:460px;
	position:relative; z-index:0;
	background:url(../images/bg_top.jpg?v=20210721) no-repeat 50% 0 #f7f7f7;
	line-height:1.5;
	padding-top:185px;
}
	#contentContainer > .wrapper{
		background-color:#fff;
	}
	#contentContainer > .wrapper:before{
		content:"";
		display:block;
		background-color:#004097;
		position:absolute; top:0; left:0; z-index:0;
		/* sideMenu's width */
		width:190px;
		height:100%;
	}
	#contentContainer.noSide > .wrapper:before{
		display:none;
	}
	#googleSearchContainer .googleSearchResults{
		padding:50px 0 5px;
	}
		#googleSearchContainer > .wrapper{
			background-color:#fff;
			padding-left:20px; padding-right:20px;
		}
			#googleSearchContainer .googleSearchResults h3{
				margin:0 0 30px;
				border:none;
			}
@media screen and (max-width:1024px){
	#contentContainer{
		padding-left:15px; padding-right:15px;
	}
}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
	#contentContainer{
		background-size:auto 330px;
		padding-top:85px;
	}
	#contentContainer > .wrapper:before{
		display:none;
	}
}
@media screen and (max-width:568px){/* i5 Landscape */
	#contentContainer{
		/* 無top banners時使用 */
        background-size:auto 270px;
        /* 有top banners時使用 */
        /* padding-top:180px; */
	}
}
/*-------------------------------------------
Side Menu
-------------------------------------------*/
#contentContainer .sideMenu{
	float:left;
	position:relative; z-index:1;
	background-color:#004097;
	width:190px;
	padding:90px 20px 50px;
}
	.sideMenu .sideTitle{
		margin:0;
		padding-top:40px;
		height:90px;
		font-size:30px; line-height:1;
		color:#fff;
		border-bottom:3px solid rgba(0,0,0,.2);
		position:absolute; top:0; left:20px; right:0;
	}
	.sideMenu .menuTitle{
		margin:0;
		color:#fff;
		padding:5px 0;
	}
	.sideMenu .menu_left{
		position:relative;
		list-style:none;
		margin:30px 0 0;
		padding:0;
	}
		.sideMenu .menu_left li{
			border-bottom:1px solid rgba(100%,100%,100%,.2);
			line-height:1.4;
		}
			.sideMenu .menu_left a{
				display:block;
				color:#fff;
				padding:8px 0;
			}
			.sideMenu .menu_left a:hover{
				color:#63e3ff;
			}
			.sideMenu .menu_left .lv2{
				list-style:none;
				margin:0;
				padding:10px;
				font-size:85%;
				background-color:rgba(0,0,0,.15);
			}
				.sideMenu .menu_left .lv2 li{
					border-bottom:1px solid rgba(100%,100%,100%,.1);
				}
				.sideMenu .menu_left .lv2 li:last-child{
					border-bottom:none;
				}
					.sideMenu .menu_left .lv2 li a{
						padding:5px 0;
					}
		.sideMenu .toggleSubMenu{
			display:none;
		}
.sideMenu a[target *='_blank']{
	background:url(../images/icon_blank.png?v=20190220) no-repeat 0 9px;
	background-size:16px 16px;
	padding-left:24px;
}
.sideMenu a[href *='.pdf']{
	background:url(../images/icon_pdf@2x.png?v=20190220) no-repeat 0 9px;
	background-size:16px 16px;
	padding-left:24px;
}
.sideMenu a[href *='mailto:']{
	background:url(../images/icon_email@2x.png) no-repeat 0 9px;
	background-size:16px 16px;
	padding-left:24px;
}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
	#contentContainer .sideMenu{
		float:none;
		padding:30px 20px 65px;
		width:100%;
		height:300px;
		overflow:hidden;
	}
	#contentContainer .sideMenu.active{
		height:auto;
	}
		.sideMenu .sideTitle{
			padding-top:0; padding-bottom:20px;
			height:auto;
			font-size:30px;
			position:static;
		}
		.sideMenu .menu_left{
			margin:15px 0 0;
		}
		.sideMenu .toggleSubMenu{
			display:block;
			width:140px;
			margin:15px auto 0;
			text-align:center;
			color:#fff;
			font-size:85%;
			white-space:nowrap;
			border:2px solid #fff;
			background-color:#004097;
			padding:5px 15px;
			border-radius:5px;
			transition:.2s;
			cursor:pointer; 
			outline:none;
			box-shadow:0 3px 8px rgba(0,0,0,.2);
			position:absolute; bottom:20px; left:50%; z-index:2;
			margin-left:-70px;
		}
		.sideMenu .toggleSubMenu:hover,
		.sideMenu .toggleSubMenu:focus{
			background-color:#fff;
			color:#004097;
			cursor:pointer;
		}
		#contentContainer .sideMenu:after{
			display:block;
			content:"";
			background-color:#000;
			height:120px;
			position:absolute; bottom:0; left:0; right:0; z-index:1;
			background:rgba(0,63,151,0);
			background:-moz-linear-gradient(top, rgba(0,63,151,0) 0%, rgba(0,63,151,1) 50%, rgba(0,63,151,1) 100%);
			background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,63,151,0)), color-stop(50%, rgba(0,63,151,1)), color-stop(100%, rgba(0,63,151,1)));
			background:-webkit-linear-gradient(top, rgba(0,63,151,0) 0%, rgba(0,63,151,1) 50%, rgba(0,63,151,1) 100%);
			background:-o-linear-gradient(top, rgba(0,63,151,0) 0%, rgba(0,63,151,1) 50%, rgba(0,63,151,1) 100%);
			background:-ms-linear-gradient(top, rgba(0,63,151,0) 0%, rgba(0,63,151,1) 50%, rgba(0,63,151,1) 100%);
			background:linear-gradient(to bottom, rgba(0,63,151,0) 0%, rgba(0,63,151,1) 50%, rgba(0,63,151,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f97', endColorstr='#003f97', GradientType=0 );
			transition:.2s;
		}
		#contentContainer .sideMenu.active:after{
			height:1px;
		}
}
/*-------------------------------------------
Article content
-------------------------------------------*/
#contentContainer article{
	float:left;
	/* 100% - (sideMenu's width + article's padding-right */
	width:calc(100% - 220px);
	padding:0 0 50px;
}
#contentContainer.noSide article{
	width:100%;
	padding:0 30px 60px;
}
	.pageHeader{
		position:relative;
		height:90px;
		border-bottom:3px solid rgba(0,64,151,.2);
	}
		.pageHeader .pageTitle{
			margin:0;
			padding:40px 30px 0 30px;
			font-size:30px; line-height:1;
			color:#004097;
		}
		.noSide .pageHeader .pageTitle{
			padding-left:0;
		}
		.pageHeader .crumbs{
			position:absolute; top:15px; left:30px;
			font-size:12px;
			color:#aaa;
		}
		.noSide .pageHeader .crumbs{
			left:0;
		}
			.pageHeader .crumbs a{
				color:#333;
			}
	.articleContent{
		position:relative;
		padding-top:30px; padding-left:30px;
	}
	.noSide .articleContent{
		padding-left:0;
	}
		.partTitle{
			color:#004097;
			font-size:125%; line-height:1.2;
			padding-bottom:8px;
			border-bottom:2px solid #ccc;
		}
		.partTitle:nth-of-type(1){
			margin-top:0;
		}
			.partTitle .en{
				color:#333;
				font-size:90%; font-weight:400;
			}
			.partTitle em{
				display:inline-block;
				vertical-align:top;
				width:12px;
				font-style:normal; font-weight:400;
				color:#666;
				background:url(../images/img_li_icon1@2x.png?v=20190219) no-repeat 50% 50%;
				background-size:12px 12px;
				text-indent:-99999em;
				margin:0 5px;
			}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
	#contentContainer article{
		width:100%;
		padding:20px 15px 50px;
	}
		.pageHeader .pageTitle{
			padding:40px 0 0 0;
		}
		.pageHeader .crumbs{
			left:0;
		}
	.articleContent{
		padding-left:0;
	}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.pageHeader{
		height:auto;
		padding-bottom:20px;
	}
		.pageHeader .pageTitle{
			padding-top:30px;
			font-size:24px;
		}
		.pageHeader .crumbs{
			display:none;
		}
}
@media screen and (max-width:320px){/* i5 */
	.pageHeader .pageTitle{
		font-size:20px;
	}
}

/*-------------------------------------------
Menu Tabs
-------------------------------------------*/
.menuTabs{
	list-style:none; margin:0; padding:0;
	margin-bottom:30px;
	text-align:center;
	white-space:nowrap;
	width:100%;
	overflow:hidden;
	border-radius:5px;
	box-shadow: 0 3px 8px rgba(0,0,0,.2);
}
	.menuTabs li{
		float:left;
		position:relative;
		white-space:nowrap;
		width:33%;
		line-height:1.2;
	}
	.menuTabs li:first-child{
		width:34%;
	}
		.menuTabs li a{
			display:block;
			padding:5px;
			color:#004097;
			background-color:#fff;
			border:2px solid #004097;
			border-right:none;
		}
		.menuTabs li:last-child a{
			border-right:2px solid #004097;
		}
		.menuTabs li a:hover{
			background-color:#004097;
			color:#fff;
		}
		.menuTabs li.active a, 
		.menuTabs li.active a:hover{
			color:#fff;
			background-color:#004097;
			cursor:default;
		}
			.menuTabs .btn_tw{
				display:block;
				margin-top:2px;
				font-size:85%;
				opacity:.6;
			}
@media screen and (max-width:568px){/* i5 Landscape */
	.menuTabs li{
		font-size:90%;
	}
}

/*-------------------------------------------
Search Block
-------------------------------------------*/
#searchBlock{
	position:relative;
	background-color:#f7fcff;
	padding:10px 15px;
	border:2px solid #c9dcf7;
	font-size:85%;
	color:#000;
	margin-bottom:20px;
}
	#searchBlock ul{
		list-style:none;
		margin:0;
		padding:0 0 5px;
	}
		#searchBlock li{
			float:left;
			padding:8px 1em 8px 0;
		}
		#searchBlock li .explanation{
			font-size:85%;
		}
			#searchBlock label{
				color:#333;
				font-weight:700;
			}
			#searchBlock .btn,
			#searchBlock .btnSecondary,
			#searchBlock input[type=submit],
			#searchBlock input[type=reset]{
				background-color:#fff;
			}
			#searchBlock .btn:hover,
			#searchBlock .btnSecondary:hover,
			#searchBlock input[type=submit]:hover,
			#searchBlock input[type=reset]:hover,
			#searchBlock input[type=submit]:focus,
			#searchBlock input[type=reset]:focus{
				background-color:#004097;		
			}
	#searchBlock .radioTypeGroup{
		margin-top:10px;
	}
@media screen and (max-width:430px){/* i14 Pro Max */
	#searchBlock li{
		float:none;
		padding-right:0;
	}
		#searchBlock li label{
			display:block;
			margin-bottom:3px;
		}
		#searchBlock li select,
		#searchBlock li input[type=text]{
			width:100%;
		}
		#searchBlock li input.date{
			width:120px;
		}
		#searchBlock li:last-child{
			padding-top:15px;
			text-align:center;
		}
		#searchBlock li:last-child input{
			width:40%;
			margin:0 5px;
		}
}

/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alert{
	background:#fdf8ea; 
	border:1px solid #fad993;
	color:#000;
	text-align:center;
	padding:20px 20px;
	margin:5px 0;
}
	.alert a{color:#09F;}

/*-------------------------------------------
Common
-------------------------------------------*/
.floatL{float:left;}
.floatR{float:right;}
.hidden{display:none;}
.explanation{color:#C60; font-weight:400; font-size:14px; padding:3px 0;}
ul.explanation{margin:3px 0 3px 1.5em;}
ul.explanation li{padding-left:0;}
.required{color:#f00 !important;}
.paddingNone{padding:0 !important;}
form{display:inline;}
.important{color:#f00 !important;}
.noneData{color:#333; text-align:center; clear:both; padding:15px; background-color:#fffdeb;}
.msgRow{text-align:center; background:#fff3f3; border:1px solid #ffcece; color:#f00; padding:12px; margin-bottom:5px;}


/*-------------------------------------------
Input, Select, Textarea
-------------------------------------------*/
/* 移除fieldset預設樣式 */
fieldset{
    border:0;
    margin:0;
    padding:0;
}
input[type=radio], input[type=checkbox]{
    vertical-align:-1px;
    margin:0 3px;
}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], textarea, select{
	box-sizing:border-box; -webkit-box-sizing:border-box;
	-webkit-appearance:none; appearance:none;
	/* font-size:14px; line-height:18px; */
	font-size:16px; 
    line-height:1;
	padding:7px; 
	margin:0; 
    min-height:35px;
	background:#fff;
	border:1px solid #bbb; 
	transition:.2s;
}
select{
	padding:8px 25px 8px 5px;
	background-image:url(../images/select_arrow@2x.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:24px auto;
	margin-right:3px;
	box-shadow:0 3px 8px rgba(0,0,0,.15);
}
select::-ms-expand{
	display:none;
}
textarea{
    resize:vertical;
	width:100%;
}
input.bir{
	width:120px;
}
input.date{
	width:120px;
}
input.time{
	width:120px;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus, select:focus{
	outline:0;
	background-color:#fff;
	border:1px solid #24a5ff !important;
	box-shadow:0 0 0 1px rgba(36,165,255,.4);
}
/*-------------------------------------------
Buttons
-------------------------------------------*/
input[type=submit], input[type=button], input[type=reset], a.btn, .field-file{
	box-sizing:border-box; -webkit-box-sizing: border-box;
	display:inline-block; *display:inline; *zoom:1;
	-webkit-appearance:none; appearance:none;
	vertical-align:top; text-align:center;
	text-decoration:none;
	font-family:inherit;
	color:#004097;
	font-weight:700;
    line-height:1;
	border:2px solid #004097;
	background-color:transparent;
	border-radius:5px;
	padding:8px 15px;
	transition:.2s;
	cursor:pointer; 
	outline:none;
	box-shadow:0 3px 8px rgba(0,0,0,.2);
}
input.btnSecondary, .btn.btnSecondary, input[type="reset"]{
	color:#333;
	font-weight:400;
	border-color:#999;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover, .field-file:hover{
	text-decoration:none;
	color:#fff;
	background-color:#004097;
	border-color:#004097;
	box-shadow:0 0 0 rgba(0,0,0,.2);
}

.buttons{
	text-align:center; 
	margin:30px 0 0; 
	position:relative;
}
	.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
		padding:12px 20px; 
		font-size:100%; line-height:1;
		margin-left:10px; margin-right:10px;
	}
@media screen and (max-width:320px){/* i5 */
	.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
		padding-left:15px; padding-right:15px;
		margin-left:5px; margin-right:5px;
	}
}

/*-------------------------------------------
Login
-------------------------------------------*/
.login{
	border:3px solid #ccc;
	padding:40px 30px;
	text-align:center;
}
	.login h3{
		text-align:center;
		padding-bottom:15px;
		margin:0 0 30px;
		color:#000;
		font-size:150%;
		border-bottom:1px solid #ddd;
	}
	.login form{
		display:block;
		width:250px;
		margin:0 auto;
	}
		.login form .row{
			position:relative;
			padding-bottom:20px;
		}
			.login form label{
				display:inline-block;
				background-color:#fff;
				font-size:14px; line-height:1; font-weight:700;
				color:#000;
				padding:0 10px;
				position:absolute; top:-.5em; left:.5em;
			}
			.login form input[type=text],
			.login form input[type=password]{
				padding-top:15px;
			}
			.login form input{
				width:100%;
			}
@media screen and (max-width:430px){/* i14 Pro Max */
	.login form{
		width:100%;
	}
}

/*-------------------------------------------
Table (list)
-------------------------------------------*/
.tableList{
	margin:0 auto;
	border-collapse:collapse;
}
	.tableList caption{
		text-align:left;
		font-size:125%; font-weight:700;
		color:#004097;
		border-bottom:2px solid #b9d4ec;
	}
	.tableList thead th{
		font-size:85%; line-height:1.2;
		color:#000;
		background-color:#e7f5fe;
		border-bottom:2px solid #a9d2ed;
		border-left:1px solid rgba(0,0,0,.07);
		padding:5px;
	}
	.tableList thead th:nth-child(1){
		border-left:none;
	}
	.tableList tbody th{
		font-size:85%;
		border-bottom:1px solid #c6daeb; 
		background-color:#f5fbff; 
		text-align:right;
		padding:10px 5px;
	}
	.tableList tbody tr:nth-child(even){
		background-color:#f5f5f5;
	}
	.tableList tbody td{
		border-bottom:1px solid #e3e3e3;
		border-left:1px solid #eee;
		position:relative;
		/* word-break:keep-all; */
		padding:10px 5px;
		font-size:90%;
        line-height:1.2;
	}
	.tableList tbody td:first-child{
		border-left:none;
	}
        .tableList tbody td a{
            word-break:break-all;
        }
@media screen and (max-width:1024px){
	.tableWrap{
		position:relative;
		overflow-x:auto;
		overflow-y:hidden;
		width:100%;
	}
		.tableWrap:before,
		.tableWrap:after{
			content:"* 表格太寬時可利用表格下方捲軸左右移動觀看";
			font-size:85%; line-height:1.2;
			padding:5px ;
			color:brown;
		}
		.tableWrap > table{
			border-collapse:collapse;
			/* border:1px solid #aaa; */
		}
			.tableWrap > table th,
			.tableWrap > table td{
				padding:5px;
			}
}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
	.tableWrap:before,
	.tableWrap:after{
		content:"* 表格太寬時可左右滑動觀看";
	}
}

@media screen and (max-width:430px){/* i14 Pro Max */
	.tableWrap:before,
	.tableWrap:after{
		font-size:12px;
	}
		.tableWrap table{
			min-width:800px !important;
		}
			.tableWrap table th,
			.tableWrap table td{
				min-width:auto;
				word-break:break-word;
			}
}
/*-------------------------------------------
Table (content)
-------------------------------------------*/
.tableContent{
	margin:0 auto;
	border-collapse:collapse;
}
	.tableContent caption{
		text-align:left;
		font-size:125%; font-weight:700;
		color:#004097;
		border-bottom:2px solid #b9d4ec;
		padding:5px 0;
	}
	.tableContent th, .tableContent td{
		padding:5px 10px;
	}
	.tableContent thead th{
		font-size:85%;
		color:#000;
		border-bottom:1px solid #c6daeb; 
		background-color:#f5fbff; 
		text-align:center;
	}
	.tableContent tbody th{
		font-size:85%;
		color:#000;
		background-color:#f0f9ff;
		border-bottom:1px solid #b9d4ec;
		text-align:right;
	}
	.tableContent tbody tr:first-child th{
		border-top:1px solid #b9d4ec;
	}
	.tableContent tbody td{
		border-bottom:1px solid #e3e3e3; 
		height:40px;
		position:relative;
		border-left:1px solid #e3e3e3;
		/* word-break:keep-all; */
		text-align:left;
		font-size:90%;
	}
	.tableContent tbody tr:first-child td{
		border-top:1px solid #e3e3e3;
	}
	.tableContent tbody tr td:first-child{
		border-left:none;
	}
    .tableContent tbody td a{ 
        word-break:break-all;
    }
	.v-code{
		color:brown;
		font-size:125%;
	}
	table .before,
	table .after{
		display:inline-block;
		font-size:85%;
	}
	table .before{
		color:green;
	}
	table .afterRow{
		margin-top:5px;
	}
	table .after{
		color:Crimson;
	}
	table #cityAndCode{
		display:inline-block;
	}
	table .inputAddrAfter{
		width:250px;
	}
@media screen and (max-width:568px){/* i5 Landscape */
	.tableContent{
		border-bottom:1px solid #ccc;
	}
		.tableContent tbody tr:first-child td{
			border:none;
		}
		.tableContent tr,
		.tableContent tbody th,
		.tableContent tbody td{
			display:block;
			width:100%;
			text-align:left;
			height:auto;
			border:0;
            padding-left:0; padding-right:0;
		}
		.tableContent tbody td{
			min-height:32px;
			padding-bottom:15px;
		}
			.tableContent .explanation{
				display:block;
				font-size:85%;
				margin-top:5px;
			}
}
/*-------------------------------------------
會員專區
-------------------------------------------*/
.member_item{background:#108afc; color:#fff; text-align:left; font-weight:bold; font-size:15px; padding:5px;}
.member_table1 th, .member_table1 td{padding:3px 5px 3px 5px; border:1px solid #d3e2f0;}
.member_table1 th{ border:1px solid #b9d4ec; background:#f0f9ff; text-align:right; color:#000; font-weight:normal;}
.member_table1 td{ border:1px solid #ddd;text-align:left;}
.member_table1 .required{color:#f00; padding-right:5px;}
.member_table1 .comm{font-size:11px; font-weight:normal;}
.member_table1 .change{background:#fff0f0; color:#c00;}

.member_table2 th, .member_table2 td{padding:3px 5px 3px 5px; border:1px solid #d3e2f0;}
.member_table2 th{ border:1px solid #b9d4ec; background:#f0f9ff; text-align:center; color:#000; font-weight:normal;}
.member_table2 td{ border:1px solid #ddd;text-align:center;}

/*-------------------------------------------
學術活動
-------------------------------------------*/
.actions_list{border-top:2px solid #78b7f6;}
.actions_list th, .actions_list td{border-bottom:1px dotted #ccc; padding:6px 3px;}
.actions_list th{width:15px; text-align:left;}
.actions_list td.date{color:#aaa; text-align:right; padding-left:10px;}
.actions_list a{color:#468cd1; line-height:140%;}
.actions_list a:hover{color:#468cd1; text-decoration:underline;}
.actions_list img{padding-top:4px;}

/*-------------------------------------------
Social Share
-------------------------------------------*/
#socialShare{
	padding:10px 0;
	line-height:32px;
	clear:both;
	border-top:1px solid #ddd;
}
	#socialShare strong{
		display:inline-block;
		vertical-align:top;
		font-size:13px; font-weight:400;
	}
	#socialShare a{
		display:inline-block;*display:inline;zoom:1; 
		width:32px; height:32px; 
		margin-left:7px; 
		background-image:url(../images/icons_social@2x.png); 
		background-size:32px 192px;
		background-repeat:no-repeat;
		background-color:transparent;
		text-indent:-99999em;
		border:none !important;
		overflow:hidden; 
	}
	#socialShare .fb     {background-position:0 0;}
	#socialShare .gl     {background-position:0 -32px; display:none;}
	#socialShare .twitter{background-position:0 -64px;}
	#socialShare .plurk  {background-position:0 -96px;}
	#socialShare .line{background-position:0 -128px;}
	#socialShare .pinterest{background-position:0 -160px !important;}
/*-------------------------------------------
Page 分頁
-------------------------------------------*/
.page{
	font-size:14px; line-height:1;
	margin:20px auto;
	padding-top:20px;
	text-align:center; 
	border-top:1px solid #ddd;
	clear:both;
}
	.page a{
		display:inline-block;
		vertical-align:top;
		padding:8px;
		margin:0 5px;
		border-radius:5px;
		color:#333; 
		background-color:#fff;
		border:2px solid #aaa;
		text-decoration:none;
	}
	.page a:hover{
		color:#fff;
		background:#004097;
		border-color:#004097;
	}
	.page select{
		font-size:14px; line-height:1;
		padding:9px; padding-right:25px;
	}
	
/*-------------------------------------------
Banners
-------------------------------------------*/
#banners{
	background-color:#f1f1f1;
	padding:35px 0;
}
	#banners ul{
		list-style:none; margin:0; padding:0;
	}
		#banners ul li{
			float:left;
			width:20%;
			position:relative;
			text-align:center;
			padding:10px 0;
			transition:.3s;
		}
			#banners ul li a{
				display:inline-block;
				width:170px;
			}
				#banners ul li img{
					max-width:100%;
				}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
	#banners ul li{
		width:25%;
		padding:10px 0;
	}
		#banners ul li a{
			width:170px;
		}
}
@media screen and (max-width:736px){/* i6+, i7+, i8+ Landscape */
	#banners ul li a{
		width:150px;
	}
}
@media screen and (max-width:667px){/* i6, i7, i8, iX Landscape */
	#banners ul li a{
		width:130px;
	}
}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */
	#banners ul li{
		width:33.33333%;
	}
		#banners ul li a{
			width:170px;
		}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	#banners ul{
        padding:0 5px;
    }
        #banners ul li{
            width:50%;
            padding:10px;
        }
            #banners ul li a{
                width:100%;
            }
}

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
	position:relative;
	padding:45px 0;
	font-size:.875rem;
    line-height:1.5;
	color:#fff;
}
	footer a{
		color:#fff;
	}
	.footerContactInfo{
		display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        margin:0 -20px 15px;
	}
        .footerContactItem{
            padding:0 20px;
            height:100%;
        }
        .footerContactItem:nth-of-type(n+2){
            border-left:1px solid rgba(255,255,255,.1);
        }
            .footerContactItem h4{
                margin:0 0 5px;
                color:#29b6ff;
                font-size:1rem;
            }
            .footerBreastPlan h4{
                color:#FAB8CE;
            }
            .footerLungPlan h4{
                color:#ff4141;
            }
            .footerContactItem ul{
                list-style:none;
                margin:0;
                padding:0 0 10px;
            }
                .footerAccountName{
                    opacity:.7;
                }
        .footerLogo{
            color:#999;
            font-size:.75rem;
            flex-basis:100%;
            padding:0;
            text-align:center;
        }
            .footerLogo i{
                display:block;
                margin:0 auto 5px;
                width:80px; height:78px;
                background:url(../images/footer_rsroc_logo@2x.png?v=20210721) no-repeat 50% 50%;
                background-size:80px 78px;
            }
            .footerCopyright{
                
            }
	.footerRecommend{
		clear:both;
		border-top:1px solid #333;
		margin-top:15px;
		padding-top:15px;
		text-align:center;
		font-size:12px;
		color:#999;
	}
		.footerRecommend a{
			color:#999;
		}
	.huaweb{
		font-size:.75rem;
        text-align:center;
	}
        .huaweb a{
            color:#555;
        }
@media screen and (max-width:1024px){
	footer{
		padding-left:20px; padding-right:20px;
	}
}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
	footer{
		padding:30px 20px;
	}
        .footerContactInfo{
            margin-left:-15px; margin-right:-15px;
        }
            .footerContactItem{
                padding:0 15px;
            }
            .footerLogo{
                float:none;
            }
        .footerRecommend{
            display:none;
        }
        .huaweb{
            border-top:1px solid #333;
            padding-top:15px;
        }
}
@media screen and (max-width:912px){
    .footerContactItem{
        flex-basis:100%;
        display:flex;
        padding:10px;
    }
    .footerContactItem:nth-of-type(n+2){
        border-top:1px solid rgba(255,255,255,.15);
        border-left:none;
    }
        .ContactItemInner{
            flex:1;
        }
        .ContactItemInner:nth-of-type(2){
            flex:0 0 250px;
            padding-left:15px;
        }
}
@media screen and (max-width:568px){/* i5 Landscape */
	footer{
		font-size:.75rem;
	}
        .footerContactItem{
            flex-wrap:wrap;
        }
            .ContactItemInner{
                flex-basis:100%;
            }
            .ContactItemInner:nth-of-type(2){
                flex-basis:100%;
                padding-left:0;
            }
		.huaweb{
			border-top:1px solid #333;
			padding-top:15px;
		}
}
@media screen and (max-width:320px){/* i5 */
	footer{
		padding-left:15px; padding-right:15px;
	}
}

/*-------------------------------------------
Scroll Up
-------------------------------------------*/
.scrollUp{
	text-indent:-9999em;
	width:46px; height:46px; 
	border-radius:50%;
	background:url(../images/btn_top@2x.png?v=20181115) no-repeat 50% 50% #004097;
	background-size:46px 46px;
	border-radius:50%;
	position:fixed; bottom:40px; right:3%; z-index:150;
	box-shadow:0 0 8px rgba(0,0,0,.4);
	display:none;
}
@media screen and (max-width:932px){/* i14 Pro Max Landscape */
	.scrollUp{
		bottom:15px; right:15px;
	}
}