@charset "utf-8";

@media screen and (min-width:768px) and (max-width:1024px){
*{
	padding:0px;
	margin:0px;
	font-family:Arial,"微軟正黑體", "新細明體";	
	}
	
/* 邊距樣式 */
.container{padding: 0 20px;}

/* header */
.header{
	width:auto;
	height:auto;
	}
	
.header .boxs{
	width:100%;
	height:auto;
	margin:0 auto;
	}
	
.header .boxs .logos{
	float:none;
	margin:0;
	text-align:center;
	}
	
.header .boxs .logos img{
	width:300px;
	}
	
.header .boxs .funbox .menubtns{
	order: 2;
	width:35px;
	height:27px;
	float:right;
	display:block;
	padding:0 10px;
	}
	
.header .boxs .funbox .menubtns img{
width:100%;
}
	
.header .boxs .funbox{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	float:none;
	overflow:auto;
	padding:0 0 15px 0;
	width:320px;
	margin:0 auto;
	}
	
.header .boxs .funbox .searchbox{
	order: 1;
	border:1px solid #456cbc;
	height:25px;
	width:243px;
	overflow:hidden;
	}
	
.header .boxs .funbox .searchbox .inputsty{
	border:none;
	width:71px;
	height:25px;
	padding:0 2px;
	}
	
.header .boxs .funbox .searchbox .fbtn{
	display:block;
	float:right;
	}
	
.header .boxs .funbox .wordsize{
	order: 3;
	justify-content: center;
	height:27px;
	width:100%;
	overflow:auto;
	margin-top: 20px;
	}
	
.header .boxs .funbox .wordsize .divider{
	border-left:1px solid #456cbc;
	float:left;
	height:20px;
	margin:3px 0 0 9px;
	padding:0 9px 0 0;
	}
	
.header .boxs .funbox .wordsize .btn01{
	display:block;
	width:27px;
	height:27px;
	background-image:url(../images/sh/size01.jpg);
	float:left;
	margin:0 0 0 4px;
	}
	
.header .boxs .funbox .wordsize .btn02{
	display:block;
	width:27px;
	height:27px;
	background-image:url(../images/sh/size02.jpg);
	float:left;
	margin:0 0 0 4px;
	}
	
.header .boxs .funbox .wordsize .btn03{
	display:block;
	width:27px;
	height:27px;
	background-image:url(../images/sh/size03.jpg);
	float:left;
	margin:0 0 0 7px;
	}
	
.header .boxs .funbox .wordsize .btn01:hover{
	background-image:url(../images/sh/size01s.jpg);
	}
	
.header .boxs .funbox .wordsize .btn02:hover{
	background-image:url(../images/sh/size02s.jpg);
	}
	
.header .boxs .funbox .wordsize .btn03:hover{
	background-image:url(../images/sh/size03s.jpg);
	}
	
.header .boxs .funbox .wordsize .txts{
	width:33px;
	height:27px;
	text-align:center;
	line-height:27px;
	font-size:1rem;
	color:#595959;
	float:left;
	}
	
/*banner & menu*/
.blockbox{
	width:auto;
	height:auto;
	background-color:#ececec;
	position:relative;
	}
	
.menubox{
	display:none;
	}
	
.blockbox .banners{
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	}
	
.blockbox .banners img{
	width:100%;
	}
	
.blockbox .banners .btns01{
	position:absolute;
	width:47px;
	height:47px;
	top:50%;
	left:20px;
	margin-top:-23px;
	}
	
.blockbox .banners .btns02{
	position:absolute;
	width:47px;
	height:47px;
	top:50%;
	right:20px;
	margin-top:-23px;
	}
	
.blockbox .banners_page{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	}
	
.blockbox .banners_page img{
	width:100%;
	}

/*topbtn*/
.topbtnbox{
	text-align:center;
	padding:30px 0 0 0;
	}
	
/**/
.menudu{
	display:none;
	position:absolute;
	width:100%;
	height:auto;
	z-index:2000;
	background-image:url(../images/sh/bg.png);
	}
	
.menudu .lists{
	border-bottom:1px solid #FFF;
	}
	
.menudu .lists .m1{
	width:auto;
	height:auto;
	}
	
.menudu .lists .m1 img{
width:165px;
}
	
.menudu .lists .m1 a{
	width:100%;
	height:100%;
	display:block;
	}
	
.menudu .lists .m2{
	display:none;
	color:#fff;
	background-color:#06C;
	}
	
.menudu .lists .m2 .grids{
	border-top:1px solid #8BA4FF;
	padding:5px 10px 5px 60px;
	}
	
.menudu .lists .m2 .grids a{
	color:#fff;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	font-size:1rem;
	}
	
/*footer*/
.footer{
	background-color:#014f99;
	padding:32px 0;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-size:1rem;
	}
	
/*內容*/
.contentbox{
	width:auto;
	height:auto;
	margin:0 auto;
	overflow:auto;
	}
	
.contentbox .leftbox{
	float:none;
	width:95%;
	height:auto;
	padding:10px 0;
	margin:0 auto; 
	}
	
.contentbox .leftbox .gridsbox{
	width:auto;
	height:auto;
	}
	
.contentbox .leftbox .gridsbox .titles{
	width:auto;
	height:45px;
	background-image:url(../images/sh/title_bg.jpg);
	}
	
.contentbox .leftbox .gridsbox .titles img{
width:233px;
}
	
.contentbox .leftbox .gridsbox .listboxs{
	}
	
.contentbox .leftbox .gridsbox .listboxs .listgrid{
	border:1px #ccc solid;
	border-top:none;
	padding:5px 10px 7px 46px;
	background-image:url(../images/sh/be.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	}
	
.contentbox .leftbox .gridsbox .listboxs .listgrid a{
	font-size:1rem;
	text-decoration:none;
	color:#595959;
	}
	
.contentbox .leftbox .gridsbox .listboxs .listgrid_a{
	margin:0 14px;
	border-bottom:1px dashed #aaaaaa;
	padding:10px 0;
	}
	
.contentbox .leftbox .gridsbox .listboxs .listgrid_a a{
	text-decoration:none;
	}
	
.contentbox .leftbox .gridsbox .listboxs .listgrid_a .datelist{
	width:auto;
	color:#595959;
	font-size:1rem;
	margin:0 0 2px 0;
	}
	
.contentbox .leftbox .gridsbox .listboxs .listgrid_a .namelist{
	width:auto;
	color:#595959;
	font-size:1rem;
	}
	
.contentbox .leftbox .gridsbox .listboxs .morebtnm{
	margin:0 auto;
	width:192px;
	padding:15px 0;
	}
	
.contentbox .rightbox{
	width:95%;
	height:auto;
	float:none;
	padding:10px 0;
	margin:0 auto;
	}
	
.contentbox .rightbox .titles_main{
	width:auto;
	height:auto;
	font-size:1.25rem;
	color:#595959;
	font-weight:bold;
	}
	
.contentbox .rightbox .titles_main img{
	vertical-align:middle;
	}
	
.contentbox .rightbox .newsboxs{
	}
	
.contentbox .rightbox .newsboxs .btnmore{
	width:auto;
	text-align:right;
	padding:20px 0;
	}
	
.contentbox .rightbox .newslists{
	border-bottom:1px dashed #ccc;
	padding:10px 0;
	overflow: auto;
	}
	
.contentbox .rightbox .newslists .datebox{
	width:75px;
	float:left;
	color:#014f99;
	font-size:1.5rem;
	text-align:center;
	}
	
.contentbox .rightbox .newslists .datebox .period{
	width:62px;
	height:25px;
	background-image:url(../images/news/databg.png);
	background-repeat:no-repeat;
	margin:0 auto;
	font-size:1rem;
	color:#fff;
	line-height:25px;
	font-family:"微軟正黑體", "新細明體";
	}
	
.contentbox .rightbox .newslists .textbox{
	margin:0 0 0 82px;
	}

.contentbox .rightbox .newslists .textbox .titles_u{
	width:auto;
	font-size:1.125rem;
	color:#000;
	padding:4px 0;
	}
	
.contentbox .rightbox .newslists .textbox .titles_u a{
	color:#39c;
	text-decoration:none;
	}
	
.contentbox .rightbox .newslists .textbox .txt_u{
	font-size:1rem;
	color:#595959;
	width:auto;
	}
	
/**/	
.contentbox .rightbox .pagetitle{
	border-bottom:2px solid #456cbc;
	overflow:hidden;
	}
	
.contentbox .rightbox .pagetitle .titlename{
	float:left;
	font-size:1.375rem;
	color:#014f99;
	}
	
	
.contentbox .rightbox .navmob{
	display:block;
	text-align:right;
	font-size:1rem;
	color:#333;
	}
	
.contentbox .rightbox .navmob a{
	color:#999;
	text-decoration:none;
	}
	
.contentbox .contenttxt{
	font-size: 1rem;
    color: #333;
	}
		
.contentbox .contenttxt img{
	width:100%;
	margin:10px auto;
	}

/*頁碼*/
.pagenum{
	text-align:center;
	padding:15px 0;
	}
	
.pagenum table{
	margin:0 auto;
	}
	
.pagenum a{
	width:20px;
	height:20px;
	text-decoration:none;
	}
	
.pagenum .pagination{
	display:flex;
}

.pagenum .holds{
	color:#333 !important;
	font-size:1rem;
	padding:0 5px;
	font-family:"微軟正黑體", "新細明體";
	width:20px;
	height:20px;
	}
	
.pagenum .btnleft{
	background-image:url(../images/sh/btn_left.jpg);
	vertical-align: middle;
	margin-right:2px;
	display:block;
	/*margin-right:10px;*/
	width: 19px;
	height: 19px;
	}
	
.pagenum .btnright{
	background-image:url(../images/sh/btn_right.jpg);
	vertical-align: middle;
	margin-left:2px;
	display:block;
	/*margin-left:10px;*/
	width: 19px;
	height: 19px;
	}
	
.pagenum .nu{
	display: inline-block;
	font-size:1rem;
	color:#1366b5;
	text-decoration:none;
	padding:0 5px;
	font-family:"微軟正黑體", "新細明體";
	}
	
/*最新消息*/
.newsdetails{
	padding:10px 0;
	}
	
.newsdetails .titlebox_r{
	width:auto;
	font-size:1.125rem;
	color:#000;
	}	
	
.newsdetails .titlebox_r .padleft{
	padding:0 0 0 10px;
	}
	
.newsdetails .titlebox_r .datebox{
	width:75px;
	float:left;
	color:#014f99;
	font-size:1.5rem;
	text-align:center;
	}
	
.newsdetails .titlebox_r .datebox .period{
	width:62px;
	height:25px;
	background-image:url(../images/news/databg.png);
	background-repeat:no-repeat;
	margin:0 auto;
	font-size:1rem;
	color:#fff;
	line-height:25px;
	font-family:"微軟正黑體", "新細明體";
	}
	
.newsdetails .shbox{
	height:30px;
	width:auto;
	overflow:hidden;
	}
	
.newsdetails .shbox .btns01{
	width:120px;
	height:30px;
	float:right;
	}

.newsdetails .shbox .btns02{
	width:106px;
	height:25px;
	float:right;
	background-image:url(../images/news/sh02.jpg);
	margin:0 0 0 10px;
	padding:5px 0 0 48px;
	}
	
.newsdetails .textboxs{
	width:auto;
	height:auto;
	color:#595959;
	padding:20px 0;
	}
	
.newsdetails .btnsback{
	padding-top:0px;
	text-align:right;
	}
	
.btnsback{
	padding-top:10px;
	text-align:right;
	}
	
/*認識基金*/
.about_origin_box{
	border-bottom:1px dashed #CCC;
	padding:20px 0;
	}
	
.about_origin_box .txts01{
	color:#c6a52e;
	text-decoration:underline;
	font-size:1.125rem;
	margin:0 0 5px 0;
	}
	
.about_origin_box .txts02{
	font-size:1rem;
	color:#333;
	line-height:30px;
	}
	
.under_txt{
	font-size: 1rem;
    color: #333;
    line-height: 30px;
	padding:20px 0;
	}
	
.undertableboz{
	}

.undertableboz table{
	width:100%;
	}
	
.undertableboz table td{
	padding:5px;
	font-size:1rem;
	}
	
.undertableboz table td ul{
	margin:0 0 0 20px;
	}
	
.undertableboz table td ul li{
	margin:5px 0;
	}
	
.undertableboz table td.lines{
	border-bottom:1px solid #eee;
	}
	
.undertableboz table td.ww01{
	width:30%;
	}
	
.undertableboz table td.ww02{
	width:28%;
	}
	
.undertableboz table td.ww03{
	width:2%;
	}
	
.undertableboz table td.ww04{
	width:18%;
	}
	
.undertableboz table td.ww05{
	width:36%;
	}
	
.undertableboz table td.ww06{
	width:42%;
	}
	
.undertableboz table td.titlesname{
	background-color:#eee;
	}
	
.undertableboz table td.titlesname01{
	background-color:#f8f8f8;
	}
	
.undertableboz table td.lines{
	border-bottom:1px solid #e0e0e0;
	}
	
.undertableboz table td.linesa{
	border-bottom:1px solid #fff;
	}

.under_titles{
	padding:20px 0 0 0;
	font-size:1.125rem;
	color: #c6a52e;
	}
	
.under_finpie{
	text-align:center;
	padding:20px 0;
	}
	
.under_finpie img{
	width:auto;
	}
	
.under_txts{
	font-size: 1rem;
    color: #333;
    line-height: 25px;
	}

.under_txts ul{
	margin:0 0 0 25px;
	}
	
.under_txts ul li{
	list-style:decimal;
	margin:0 0 10px 0;
	}
	
.under_dividers{
	border-bottom:1px dashed #ccc;
	padding:15px 0 0 0;
	margin:0 0 15px 0;
	}
	
/*規章條款*/
.pro_way{
	margin:20px auto;
	background-color:#eee;
	border:dashed 1px #ccc;
	width:90%;
	padding:3%;
	}	
	
.pro_way h1{
	font-size:1.25rem;
	margin:0 0 15px 0;
	}
		
.pro_way ul{
	margin:0 0 0 20px;
	}
	
.pro_way ul li{
	margin:0 0 10px 0;
	font-size:1rem;
	color:#333;
	}
	
.pro_op{
	padding:10px 0;
	border-bottom:1px dashed #ccc;
	}	
	
.pro_op .titles{
	color:#c6a52e;
	font-size:1.125rem;
	padding:0 0 3px 0;
	}
	
.pro_op .texts{
	color:#595959;
	font-size:1rem;
	line-height:25px;
	}
	
	
.pro_note{
	padding:20px 0;
	}
	
.pro_note .titles{
	font-size:1.125rem;
	color:#333;
	font-weight:bold;
	padding-bottom:10px;
	}
	
.pro_note .dates{
	font-size:1rem;
	color:#555;
	text-align:left;
	padding:0 0 10px 0;
	}
	
.pro_note .texts{
	font-size:1rem;
	color:#595959;
	}
	
.pro_note .texts td{
	padding:10px 0px;
	}
	
.pro_note .annex{
	background-color:#eee;
	border:1px solid #ccc;
	padding:10px;
	}
	
.pro_note .annex .lists{
	font-size:1rem;
	padding:3px 10px;
	display:inline-block;
	}
	
.pro_note .annex .lists a{
	text-decoration:none;
	color:#014f99;
	}
	
/*基金動態*/
.reporet_tab{
	padding: 20px 0 20px 0;
    border-bottom: 2px dashed #ccc;
    border-top: 2px dashed #ccc;
    margin: 25px 0;
	}
	
.reporet_noborder{
	border-bottom:none;
	}
	
.reporet_tab .trboz{
	font-size:1.125rem;
	color:#f27b2b;
	padding:0 0 10px 0;
	}
	
.reporet_tab .tdboz{
	font-size:1rem;
	padding:0 0 5px 0;
	}
	
.reporet_tab .tableboz{
	}
	
.reporet_tab .tableboz table{
	width:100%;
	}
	
.reporet_tab .tableboz table td{
	padding:5px;
	font-size:1rem;
	}
	
.reporet_tab .tableboz table td a{
	color: #2586CC;
	padding:5px 0;
	display:block;
	}
	
.reporet_tab .tableboz table td.lines{
	border-bottom:1px solid #eee;
	}
	
.reporet_tab .tableboz table td.ww01{
	width:70%;
	}
	
.reporet_tab .tableboz table td.ww02{
	width:28%;
	}
	
.reporet_tab .tableboz table td.ww03{
	width:23.5%;
	}
	
.reporet_tab .tableboz table td.ww04{
	width:2%;
	}
	
.reporet_tab .tableboz table td.titlesname{
	background-color:#eee;
	}
	
.reporet_tab .tableboz table td .fh01{
	font-size:1.125rem;
	}
	
.reporet_tab .tableboz table td .fh02{
	font-size:1rem;
	}	
		
.reporet_links{
	background-color:#ECECEC;
	padding:10px 20px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	font-size:1rem;
	display:block;
	text-decoration:none;
	color:#2586CC;
	margin:5px 0;
	}
	
/*關於本會*/
.intableboz{
	padding:20px 0;
	}

.intableboz table{
	width:100%;
	}
	
.intableboz table td{
	padding:5px;
	font-size:1rem;
	}
	
.intableboz table td.lines{
	border-bottom:1px solid #eee;
	}
	
.intableboz table td.ww01{
	width:15%;
	}
	
.intableboz table td.ww02{
	width:66%;
	}

.intableboz table td.ww03{
	width:2%;
	}
	
.intableboz table td.ww04{
	width:15%;
	}
	
.intableboz table td.titlesname{
	background-color:#eee;
	}
	
.intableboz table td.lines{
	border-bottom:1px solid #e0e0e0;
	}
	
.organboximg{
	width:auto;
	}
	
.organboximg img{
	width:100%;
	}
	
.organtxt{
	font-size: 1rem;
    color: #333;
	padding:20px 0;
	line-height:30px;
	}
	
.osbox{
	padding:20px 0;
	}
	
.osbox .listsbox{
	border-bottom:1px dashed #949494;
	padding:12px 10px;
	}
	
.osbox .bgs{
	background-color:#f0f0f0;
	}
	
.osbox .listsbox .titlebtn{	
	color:#1a60a3;
	font-size:1rem;
	}
	
.osbox .listsbox .titlebtn .texts{
	margin:0 25px 0 0;
	font-weight:bold;
	}
	
.osbox .listsbox .titlebtn .btns{
	float:right;
	}
	
.osbox .listsbox .txts{
	color:#959595;
	font-size:1rem;
	margin:8px 0 0 0;
	}


.pageShare{
	padding-top: 10px;
	}
	
.pageShare .shbox{
	height:30px;
	width:auto;
	overflow:hidden;
	}
	
.pageShare .shbox .btns01{
	width:120px;
	height:30px;
	float:right;
	}

.pageShare .shbox .btns02{
	width:106px;
	height:25px;
	float:right;
	background-image:url(../images/news/sh02.jpg);
	margin:0 0 0 10px;
	padding:5px 0 0 48px;
	}	
	
}
