@charset "utf-8";
/* CSS Document */
.banner{ width: 100%; overflow: hidden; position: relative; }
.banner .imgbox{ position:relative; z-index:1; }
.banner .imgbox img{ width:100%; }
.banner .btns{ position:absolute; z-index:2; bottom:30px; width:100%; left:0px; text-align:center; }
.banner .btns .btn{ display:inline-block; vertical-align:middle; border: none; margin:0 5px; width:18px; height:18px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:rgba(255,255,255,0.5); }
.banner .btns .btn:hover,.banner .btns .btn.hold{ background:rgba(255,255,255,1); }


.banner_wary{ position: absolute; top: 0px; right: 9%; z-index: 1; }
.banner_wary img{ height: 170px; }

.banner_wary.mobile { display:none; padding:7px; background-color:white; box-sizing:border-box; }
.banner_wary.mobile .banner_wary_box { background-image: url(../images/index/banner_logo_bg.jpg); width: 150px; text-align: center; padding: 5px; }
.banner_wary.mobile .banner_wary_box .wary_icon { height:auto; }
.banner_wary.mobile .banner_wary_box .wary_txt { display:inline-block; color:white; font-size:1.625em; font-weight:bold; }

@media screen and (max-width: 767px){
	.banner_wary{ display:none; }
	
	.banner_wary.mobile { display:block; position: relative; padding:5px; top:unset; right:unset; }
	.banner_wary.mobile .banner_wary_box{ width:auto; }
	.banner_wary.mobile .banner_wary_box .wary_icon { height:25px; padding-right:5px; }
	.banner_wary.mobile .banner_wary_box .wary_txt { display:inline-block; }
	.banner_wary.mobile .banner_wary_box .wary_txt br{ display:none; }
}

.block01{ background:#fff; border-bottom:2px solid #99c66f; padding-bottom:50px; }
.block01 .mar{ margin:0 auto; max-width:1240px; padding:0 20px; }
.block01 .mar .nlink{ display:block; }
.block01 .mar .nlink .sss{ display:inline-block; vertical-align:middle; color:#245580; font-size:1rem; }
.block01 .mar .ntitle{ display:inline-block; font-size:2.25rem; color:#245580; font-weight:bold; }
.block01 .mar .ntitle:after{ content:""; display:block; height:5px; background:#245580; }

.block02{ background-image:url(../images/index/bg01.jpg); background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; padding-bottom:60px; }
.block02 .mar{ margin:0 auto; max-width:1240px; padding:0 20px; font-size:0rem; }
.block02 .mar .zone{ font-size:0rem; position:relative; }
.block02 .mar .zone .grids{ width:33.3334%; display:block; font-size:0rem; position:absolute; top:-30px; }
.block02 .mar .zone .grids.w1{ left:0px; }
.block02 .mar .zone .grids.w1:focus{ width: calc( 33.3334% - 2px ); }
.block02 .mar .zone .grids.w2{ left:33.3334%; }
.block02 .mar .zone .grids.w2:focus{ width: calc( 33.3334% - 2px ); }
.block02 .mar .zone .grids.w3{ right:0px; }
.block02 .mar .zone .grids img{ max-width:100%; }
.block02 .mar .nblock{ display:none; font-size:0rem; padding: 60px 0 0 0; }
.block02 .mar .news{ display:inline-block; vertical-align:top; width:50%; padding-right:12px; }
.block02 .mar .news .bgs{ background:#fff; min-height:276px; }
.block02 .mar .news .newtitle{ padding:10px 10px 10px 15px; font-size:1.25rem; color:#1e5282; font-weight:bold; border-bottom:2px solid #1e5282; position:relative; }
.block02 .mar .news .newtitle .more{ position:absolute; line-height:26px; color:#1e5282; padding:0 8px; border:1px solid #1e5282; font-size:1.125rem; font-weight:normal; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; right:15px; }
.block02 .mar .news .newlist{ display:block; margin:0 10px; border-bottom:1px solid #e0e0e0; padding:16px 0 16px 160px; position:relative; }
.block02 .mar .news .newlist:last-child{ border:none; }
.block02 .mar .news .newlist .ntitle{ width:100%; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; font-size:1.063rem; color:#000; }
.block02 .mar .news .newlist .ndate{ padding:0 0 0 30px; background-image:url(../images/index/icon.png); background-repeat:no-repeat; background-position:left center; font-size:1.25rem; color:#000; background-size:15px; position:absolute; left:15px; }

.block02 .mar .addbanner{ display:inline-block; vertical-align:top; width:50%; padding-left:12px; }
.block02 .mar .addbanner img{ width:100%; max-height: 276px; }

.block02 .mar .intab{ margin-top:26px; display:table; width:100%; background:#fff; }
.block02 .mar .intab .in-a{ display:table-cell; vertical-align:middle; width:33%; text-align:center; }
.block02 .mar .intab .in-a .intitle{ display:inline-block; }
.block02 .mar .intab .in-a .intitle .icon{ width:90px; height:116px; background-image:url(../images/index/icon_01.png); background-position:center; background-repeat:no-repeat; margin:auto; }
.block02 .mar .intab .in-a .intitle .texts{ font-size:2.25rem; color:#1e5282; font-weight:bold; }
.block02 .mar .intab .in-b{ display:table-cell; vertical-align:middle; }
.block02 .mar .intab .in-b img{ width:100%; }
/*.block02 .mar .intab .in-b a:focus img{ background: #ffe400; outline: 2px solid #ff9400; margin: 2px 0px; }*/

.block02 .mar .zone.noscript{ padding:20px 0 0 0; }
.block02 .mar .zone.noscript .grids{ position:static; display:inline-block; vertical-align:middle; }
.block02 .mar .zone.noscript .nblock{ display:block; padding: 10px 0 40px 0; }


.block03{ background-image:url(../images/index/bg02.jpg); background-repeat: no-repeat; background-position:bottom center; padding:40px 0; }
.block03 .mar{ margin:0 auto; max-width:1240px; padding:0 20px; font-size:0rem; }
.block03 .mar .ntitle{ display:inline-block; font-size:2.25rem; color:#245580; font-weight:bold; }
.block03 .mar .ntitle:after{ content:""; display:block; height:5px; background:#245580; }
.block03 .mar .zonegrids{ margin-left:-15px; padding:25px 0; font-size:0rem; }
.block03 .mar .zonegrids .zgrids{ width:33.3334%; display:inline-block; vertical-align:top; padding-left:15px; padding-bottom:15px; }
.block03 .mar .zonegrids .zgrids .zbg{ display:block; width:100%; height:0; padding-bottom:72%; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; }

.block03 .mar .zonegrids .zgrids .zbg .ztext{ background:rgba(0,0,0,0.7); font-size:1.875rem; color:#fff; padding:5px; text-align:center; position:absolute; bottom:0px; left:0; right:0; margin:auto; }
.block03 .mar .zmore{ text-align:center; padding:15px 0 40px 0; }
.block03 .mar .zmore .btns{ background:#666; display:inline-block; line-height:46px; width:106px; text-align:center; color:#fff; font-size:1rem; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

.block04{ background:#fff; padding:40px 0; }
.block04 .mar{ margin:0 auto; max-width:1240px; padding:0 20px; font-size:0rem; text-align:center; }
.block04 .mar .fsgrid{ display:inline-block; vertical-align:top; width:20%; padding:20px 25px; }
.block04 .mar .fsgrid .imgwht{ max-width:116px; margin:auto; }
.block04 .mar .fsgrid .imgs{ width:100%; height:0; padding-bottom:96%; background-position:center; background-repeat:no-repeat; background-size:100%; }
.block04 .mar .fsgrid .img01{ background-image:url(../images/index/ficon01.png); }
.block04 .mar .fsgrid .img02{ background-image:url(../images/index/ficon02.png); }
.block04 .mar .fsgrid .img03{ background-image:url(../images/index/ficon03.png); }
.block04 .mar .fsgrid .img04{ background-image:url(../images/index/ficon04.png); }
.block04 .mar .fsgrid .img05{ background-image:url(../images/index/ficon05.png); }
.block04 .mar .fsgrid .img06{ background-image:url(../images/index/ficon06.png); }
.block04 .mar .fsgrid .img07{ background-image:url(../images/index/ficon07.png); }
.block04 .mar .fsgrid .texts{ text-align:center; color:#215180; font-size:1.5rem; font-weight:bold; }

.block05{ background:#f9f9f9; padding:50px 0; }
.block05 .mar{ margin:0 auto; max-width:1240px; padding:0 20px; }
.block05 .mar .ntitle{ display:inline-block; font-size:2.25rem; color:#245580; font-weight:bold; margin:0 0 20px 0; }
.block05 .mar .ntitle:after{ content:""; display:block; height:5px; background:#245580; }
.block05 .mar .cont{ font-size:0rem; }
.block05 .mar .newsbox{ width:calc(100% - 300px); display:inline-block; vertical-align:top; }
.block05 .mar .newsbox .bookmark{ display:flex; width:100%; height:418px; position:relative; }
.block05 .mar .newsbox .bookmark .booktd{ width:12.5%; display:block; background:#ddd; color:#333; height:48px; line-height:48px; font-size:1rem; text-align:center; border-right:1px solid #fff; }
.block05 .mar .newsbox .bookmark .booktd:last-child{ border:none; }
.block05 .mar .newsbox .bookmark .booktd.hold{ background:#245580; color:#fff; }
.block05 .mar .newsbox .bookblock{ display:none; position:absolute; left:0; top:48px; right:0; margin:auto; }
.block05 .mar .newsbox .bookcont{ background:#fff; padding:0 15px; }
.block05 .mar .newsbox .bookcont .list{ display:block; border-bottom:1px solid #e1e1e1; line-height:62px; padding:0 0 0 120px; position:relative; }
.block05 .mar .newsbox .bookcont .list .ldate{ position:absolute; top:0; left:10px; line-height:62px; font-size:1.063rem; color:#000; }
.block05 .mar .newsbox .bookcont .list .ltitle{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.063rem; color: #000; }
.block05 .mar .newsbox .bookcont .list:last-child{ border:none; }
.block05 .mar .likebox{ display:inline-block; vertical-align:top; width:300px; padding-left:20px; }
.block05 .mar .nmore{ text-align:right; padding:10px 0 0 0; }
.block05 .mar .nmore .btns{ background: #666; display: inline-block; line-height: 46px; width: 106px; text-align: center; color: #fff; font-size: 1rem; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.block05 .mar .mores{ background: #666; display: inline-block; vertical-align:middle; line-height: 46px; width: 106px; text-align: center; color: #fff; font-size: 1rem; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-left:15px; margin-bottom: 10px; }

.block05 .mar .newsbox .bookmark.noscript{ display:block; height:auto; }
.block05 .mar .newsbox .bookmark.noscript .booktd{ display:inline-block; }
.block05 .mar .newsbox .bookmark.noscript .bookblock{ position:static; display:block; padding: 0 0 20px 0; }


.block06{ background:#fff; padding:50px 0; }
.block06 .mar{ margin:0 auto; max-width:1240px; padding:0 20px; }
.block06 .mar .ntitle{ display:inline-block; font-size:2.25rem; color:#245580; font-weight:bold; }
.block06 .mar .ntitle:after{ content:""; display:block; height:5px; background:#245580; }
.block06 .mar .sortinline{ display:inline-block; vertical-align:middle; padding:0 0 0 20px; }
.block06 .mar .sortinline .grids{ color:#245580; font-size:1rem; padding:0 10px; border-left:2px solid #245580; }
.block06 .mar .sortinline .grids:first-child{ border:none; }
.block06 .mar .carousel{ padding:40px 75px; position:relative; }
.block06 .mar .carousel .carbox{ width:100%; overflow:hidden; font-size:0rem; }
.block06 .mar .carousel .carbox .cargrids{ display:inline-block; vertical-align:top; width:25%; text-align:center; padding:0 10px; }
.block06 .mar .carousel .carbox .cargrids img{ max-width:100%; margin: 2px 0px; }
.block06 .mar .carousel .carbox .cargrids a:focus img{ background: #ffe400; outline: 2px solid #ff9400; }
.block06 .mar .carousel .btnleft{ position:absolute; width:42px; height:42px; border:1px solid #777; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; left:0; top:50%; margin-top:-21px; font-size:0rem; }
.block06 .mar .carousel .btnleft:before{ content: ""; display: block; position: absolute; width: 14px; height: 2px; background: #7f7f7f; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); top:16px; left:12px; }
.block06 .mar .carousel .btnleft:after{ content: ""; display: block; position: absolute; width: 14px; height: 2px; background: #7f7f7f; transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); bottom:16px; left:12px; }
.block06 .mar .carousel .btnright{ position:absolute; width:42px; height:42px; border:1px solid #777; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; right:0; top:50%; margin-top:-21px; font-size:0rem; }
.block06 .mar .carousel .btnright:before{ content: ""; display: block; position: absolute; width: 14px; height: 2px; background: #7f7f7f; transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); top:16px; right:12px; }
.block06 .mar .carousel .btnright:after{ content: ""; display: block; position: absolute; width: 14px; height: 2px; background: #7f7f7f; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); bottom:16px; right:12px; }
.block06 .mar .mores{ background: #666; display: inline-block; vertical-align:middle; line-height: 46px; width: 106px; text-align: center; color: #fff; font-size: 1rem; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-left:15px; margin-bottom: 10px; }

.videobox{ font-size:0rem; padding:10px 0; }
.videobox .grids{ display:inline-block; vertical-align:top; width:50%; padding:0 13px 0 0; }
.videobox .grids:nth-child(even){ padding:0 0 0 13px; }
.videobox .grids .vbox{ display:block; width:100%; height:0; padding-bottom:56%; position:relative; overflow:hidden; }
.videobox .grids .vbox iframe{ width:100%; height:100%; position:absolute; left:0; top:0; }
.videobox .grids .vbox img{ position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; width:100%; }
.videobox .grids .vtitle{ display:block; font-size:1.875rem; color:#000; text-align:center; padding:15px 0 0 0; }

.branchTab{ display:table; width:100%; }
.branchTab .b1{ display:table-cell; vertical-align:middle; width:165px; }
.branchTab .b2{ display:table-cell; vertical-align:middle; font-size:0rem; }

.branchgrid{ display:inline-block; width:25%; padding:5px 0 5px 12px; }
.branchgrid .bgs{ display:block; width:100%; background:#215181; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:15px 0; text-align:center; }
.branchgrid .bgs .icons{ display:inline-block; vertical-align:middle; width:50px; height:50px; background:url(../images/index/icon_02.png); background-repeat:no-repeat; }
.branchgrid .bgs .texts{ display:inline-block; vertical-align:middle; font-size:1.5rem; font-weight:bold; color:#fff; padding:0 0 0 15px; }

.bigrange{ margin-left:-16px; font-size:0rem; }
.bigrange .bigrids{ width:25%; padding-left:16px; display:inline-block; }
.bigrange .bigrids .bgs{ display:block; width:100%; height:0; border:3px solid #ffb700; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#fff; padding-bottom:100%; position:relative; }
.bigrange .bigrids .bgs .ts{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }
.bigrange .bigrids .bgs .ts .imgs{ width:196px; height:170px; background-repeat:no-repeat; background-position:center; margin:auto; }
.bigrange .bigrids .bgs .ts .img01{ background-image:url(../images/index/icon_img01.png); }
.bigrange .bigrids .bgs .ts .img02{ background-image:url(../images/index/icon_img02.png); }
.bigrange .bigrids .bgs .ts .img03{ background-image:url(../images/index/icon_img03.png); }
.bigrange .bigrids .bgs .ts .img04{ background-image:url(../images/index/icon_img04.png); }
.bigrange .bigrids .bgs .ts .text{ text-align:center; padding:15px 0 0 0; font-size:2.25rem; font-weight:bold; color:#215181; white-space:nowrap; }

.advertbox{ padding: 40px 50px; position: relative; }
.advertbox .adbox{ width:100%; overflow: hidden; font-size: 0rem; }
.advertbox .adbox .adgrids{ display:inline-block; vertical-align:middle; width:20%; padding:0 10px; text-align:center; }
.advertbox .adbox .adgrids img{ max-width:100%; margin: 2px 0px; width:198px ; height: 80px; }
.advertbox .adbox .adgrids a:focus img{ background: #ffe400; outline: 2px solid #ff9400; margin: 2px 0px; }
.advertbox .btnleft{ position:absolute; width:42px; height:42px; border:1px solid #777; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; left:0; top:50%; margin-top:-21px; font-size:0rem; }
.advertbox .btnleft:before{ content: ""; display: block; position: absolute; width: 14px; height: 2px; background: #7f7f7f; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); top:16px; left:12px; }
.advertbox .btnleft:after{ content: ""; display: block; position: absolute; width: 14px; height: 2px; background: #7f7f7f; transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); bottom:16px; left:12px; }
.advertbox .btnright{ position:absolute; width:42px; height:42px; border:1px solid #777; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; right:0; top:50%; margin-top:-21px; font-size:0rem; }
.advertbox .btnright:before{ content: ""; display: block; position: absolute; width: 14px; height: 2px; background: #7f7f7f; transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); top:16px; right:12px; }
.advertbox .btnright:after{ content: ""; display: block; position: absolute; width: 14px; height: 2px; background: #7f7f7f; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); bottom:16px; right:12px; }

/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){
.block02 .mar .news .newtitle .more:hover{ background:#1e5282; color:#fff; }	
	
.block03 .mar .zonegrids .zgrids .zbg:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); box-shadow:5px 5px 10px rgba(0,0,0,0.3); }
.block03 .mar .zmore .btns:hover{ background:#1e5282; color:#fff; }	
	
.block04 .mar .fsgrid:hover{ background:#eee; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }	
	
.block05 .mar .newsbox .bookmark .booktd:hover { background: #245580; color:#fff; }
.block05 .mar .nmore .btns:hover{ background:#1e5282; color:#fff; }
.block05 .mar .mores:hover{ background:#1e5282; }

.block06 .mar .sortinline .grids:hover{ color:#000; }
.block06 .mar .mores:hover{ background:#1e5282; }

.branchgrid .bgs:hover .texts{ color:#fff000; }

.bigrange .bigrids .bgs:hover{ background:#fff8e6; }

}

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
.block02 .mar .news{ display:block; padding:0 0 15px 0; width:auto; }
.block02 .mar .addbanner{ display:block; padding:0; width:auto; }
.block02 .mar .zone .grids{ top:0; }

.block04 .mar .fsgrid{ padding:0 10px; }

.block05 .mar .newsbox{ width:100%; display:block; }
.block05 .mar .newsbox .bookmark .booktd{ font-size:0.875rem; }
.block05 .mar .nmore{ text-align:center; }
.block05 .mar .likebox{ display:none; }

.block06 .mar .sortinline{ display:block; padding:10px 0 0 0; }
.block06 .mar .sortinline .grids:first-child{ padding-left:0; }

.branchgrid .bgs .icons{ display:block; margin:auto; }
.branchgrid .bgs .texts{ display:block; padding:0; text-align:center; }

.bigrange .bigrids .bgs .ts .imgs{ width:120px; height:104px; background-size:120px; }
.bigrange .bigrids .bgs .ts .text{ font-size:1.5rem; }

}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.banner .btns{ bottom:/*10px*/63px; }
.banner .btns .btn{ width:12px; height:12px; }

.block01{ padding:0 0 10px 0; }
.block01 .mar .ntitle{ font-size:1.5rem; }
.block01 .mar .ntitle:after{ height:3px; }

.block02{ padding:20px 0; }
.block02 .mar .zone{ top:0; padding-top:126px; }
.block02 .mar .zone .grids{ display:block; width:280px; text-align:center; margin:auto; }
.block02 .mar .zone .grids.w1{ top:0; left:0; right:0; }
.block02 .mar .zone .grids.w2{ top:42px; left:0; right:0; }
.block02 .mar .zone .grids.w3{ top:84px; left:0; right:0; }
.block02 .mar .nblock{ padding:20px 0 0 0; }
.block02 .mar .news{ display:block; padding:0 0 15px 0; width:auto; }
.block02 .mar .news .newlist{ padding:12px 0; }
.block02 .mar .news .newlist .ndate{ font-size:0.875rem; position:static; margin: 0 0 5px 0; padding:3px 0 0 20px; }
.block02 .mar .news .newlist .ntitle{ font-size:1rem; }
.block02 .mar .news .newtitle .more{ font-size:0.875rem; line-height:20px; }
.block02 .mar .addbanner{ display:block; padding:0; width:auto; }

.block02 .mar .intab{ display:block; margin-top: 15px; }
.block02 .mar .intab .in-a{ display:block; width:auto; }
.block02 .mar .intab .in-b{ display:block; }
.block02 .mar .intab .in-a .intitle{ display:block; padding: 10px 0; }
.block02 .mar .intab .in-a .intitle .icon{ display:inline-block; vertical-align:middle; width: 28px; height: 36px; background-size: 28px;}
.block02 .mar .intab .in-a .intitle .texts{ display:inline-block; vertical-align:middle; padding:0 0 0 5px; font-size: 1.5rem; }

.block02 .mar .zone.noscript{ padding:0; }

.block03 .mar .ntitle{ font-size:1.5rem; }
.block03 .mar .ntitle:after{ height:3px; }
.block03 .mar .zonegrids .zgrids{ width:50%; }
.block03 .mar .zonegrids .zgrids .zbg .ztext{ font-size:1.125rem; }

.block04{ padding:30px 0; }
.block04 .mar .fsgrid{ width:33.33334%; padding:10px; }
.block04 .mar .fsgrid .texts{ font-size:1rem; }

.block05 .mar .ntitle{ font-size:1.5rem; }
.block05 .mar .ntitle:after{ height:3px; }
.block05 .mar .newsbox{ width:100%; }
.block05 .mar .newsbox .bookmark{ display:block; font-size:0rem; height:480px; }
.block05 .mar .newsbox .bookmark .booktd{ display:inline-block; padding:0 5px; width:33.33334%; font-size:0.75rem; line-height: 36px; height: 36px; border-bottom: 1px solid #fff; }
.block05 .mar .newsbox .bookblock{ top:108px; }
.block05 .mar .newsbox .bookcont .list{ padding:10px 0; line-height:normal; }
.block05 .mar .newsbox .bookcont .list .ldate{ line-height:normal; position:static; }
.block05 .mar .newsbox .bookcont .list .ltitle{ font-size:1rem; }
.block05 .mar .likebox{ display:none; }
.block05 .mar .nmore{ text-align:center; }

.block06 .mar .ntitle{ font-size:1.5rem; }
.block06 .mar .ntitle:after{ height:3px; }
.block06 .mar .sortinline{ display:block; padding:10px 0 0 0; }
.block06 .mar .sortinline .grids{ font-size:0.75rem; padding:0 5px; }
.block06 .mar .sortinline .grids:first-child{ padding:0 5px 0 0; }

.videobox .grids{ display:block; width:100%; padding:0 0 15px 0; }
.videobox .grids:nth-child(even){ padding:0 0 10px 0; }
.videobox .grids .vtitle{ padding:10px 0 0 0; font-size:1.125rem; }

.branchTab{ display:block; }
.branchTab .b1{ display:block; }
.branchTab .b2{ display:block; padding: 10px 0 0 0; margin-left:-20px; }

.branchgrid{ padding:5px 0 5px 20px; width:50%; }
.branchgrid .bgs .icons{ margin:auto; display:block; }
.branchgrid .bgs .texts{ font-size:1rem; padding:0; padding:5px 0 0 0; }

.bigrange{ text-align:center; }
.bigrange .bigrids{ width:50%; padding:0 0 12px 12px;  max-width: 280px; }
.bigrange .bigrids .bgs .ts .imgs{ width:92px; height:80px; background-size:92px; }
.bigrange .bigrids .bgs .ts .text{ font-size:1.125rem; }



}