#CMain .CMT { float: left; padding: 15px 15px 15px 15px; }

#CMain .Contents { width: 100%; padding: 15px; border-radius: 8px; }

#CMain #C1 { float: right; width: calc( 100% - 660px ); }
#CMain #C1 .Contents { background-color: rgba( 12, 59, 93, 0.4 ); }
#CMain #C1 .Contents:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain #C1 .Contents .CC { float: left; width: calc( 100% / 2 ); border-right: none; color: #EEE; font-size: 17px; }
#CMain #C1 .Contents .CC:nth-child(1) { border-right: solid 1px #FFF; }
#CMain #C1 .Contents .CC .CNum { width: 100%; text-align: center; height: 69px; line-height: 69px; }
#CMain #C1 .Contents .CC .CNum span { padding-right: 8px; font-size: 50px; font-family: 'Arial'; text-shadow: 0px 3px 5px rgba(0,0,0,0.4); }
#CMain #C1 .Contents .CC.CLeft { width: 200px; }
#CMain #C1 .Contents .CC.CLeft .CNum span { color: #97e1f1; transition: all .3s; }
#CMain #C1 .Contents .CC.CLeft .CText { width: 100%; text-align: center; font-size: 25px; transition: all .3s; }
#CMain #C1 .Contents .CC.CLeft .CText .Eng { padding-left: 5px; font-size: 15px; }
#CMain #C1 .Contents .CC.CRight { width: calc( 100% - 200px ); padding-left: 15px; }
#CMain #C1 .Contents .CC.CRight .CRALLS { width: 100%; overflow-y: hidden; overflow-x: scroll; }
#CMain #C1 .Contents .CC.CRight .CRALLS .CRAll { width: 2000px; }
#CMain #C1 .Contents .CC.CRight .CRALLS .CRAll .CRItem { float: left; padding: 0px 10px 0px 0px; }
#CMain #C1 .Contents .CC.CRight .CRALLS .CRAll .CRItem .CNum { padding-left: 25px; height: 60px; line-height: 60px; }
#CMain #C1 .Contents .CC.CRight .CRALLS .CRAll .CRItem .CNum span { color: #fff9b2; }
#CMain #C1 .Contents .CC.CRight .CRALLS .CRAll .CRItem .CText { width: 100%; text-align: center; font-size: 19px; }
#CMain #C1 .Contents .CC.CRight .CRALLS .CRAll .CRItem .CText .Eng { display: block; padding-left: 5px; font-size: 13px; }
#CMain #C1 .Contents .CC.CCenter { position: relative; width: 100%; padding: 8px 0px 0px; }
#CMain #C1 .Contents .CC.CCenter:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain #C1 .Contents .CC.CCenter .CText { float: left; font-size: 16px; color: #FFF; }
#CMain #C1 .Contents .CC.CCenter .CText i { color: #AAA; font-style: normal; font-weight: normal; }
#CMain #C1 .Contents .CC.CCenter .CText svg { display: inline; width: 24px; vertical-align: bottom; fill: #AAA; }
#CMain #C1 .Contents .CC.CCenter .CText .Male { color: #00adff; font-weight: bold; font-family: Arial; }
#CMain #C1 .Contents .CC.CCenter .CText .Female { color: #ff3f97; font-weight: bold; font-family: Arial; }
#CMain #C1 .Contents .CC.CCenter .CText .Service { color: #89d624; font-weight: bold; font-family: Arial; }
#CMain #C1 .Contents .CC.CCenter .CUpDate { float: right; font-size: 12px; color: #999; }


#CMain #C2 { float: left; width: 660px; }
#CMain #C2 .Contents { background-color: rgba( 255, 255, 255, 0.4 ); }
#CMain #C2 .Contents .CTitle { margin-bottom: 15px; padding: 0px 0px 10px; font-size: 21px; border-bottom: solid 1px #FFF; color: #FFF; line-height: 28px; }
#CMain #C2 .Contents .CTitle .Eng { padding-left: 5px; font-size: 15px; }
#CMain #C2 .Contents .CTitle .All { float: right; font-size: 16px; color: #ffffff; border-radius: 3px; line-height: 28px; background-color: #435663; padding: 0px 10px; }
#CMain #C2 .Contents .CTitle .All:hover { cursor: pointer; }
#CMain #C2 .Contents .CContents { position: relative; width: 100%; height: 780px; overflow: hidden; border-radius: 8px }
#CMain #C2 .Contents .CContents svg { position: absolute; top: -28%; left: -63%; width: 1750px; }
#CMain #C2 .Contents .CContents .TaipeiTagInfo {  }
#CMain #C2 .Contents .CContents .TaipeiTagInfo .Item { display: none; position: absolute; z-index: 100; padding: 3px 5px; border-radius: 5px; background-color: rgba(0,0,0,0.7); box-shadow: 0px 5px 5px rgba(0,0,0,0.3); color: #FFFFFF; text-align: center; cursor: pointer; font-size: 15px; }
#CMain #C2 .Contents .CContents .TaipeiTagInfo .Item span { font-size: 12px; }
#CMain #C2 .Contents .CContents .TaipeiTagInfo .Item.Open { display: block; }

#CMain #C3 { float: left; width: calc( ( 100% - 660px ) / 100 * 63 ); }
#CMain #C3 .Contents { position: relative; background-color: rgba( 41, 83, 114, 0.4 ); }
#CMain #C3 .Contents .CTitle { margin-bottom: 8px; font-size: 21px; color: #FFFFFF; }
#CMain #C3 .Contents .CTitle .Eng { padding-left: 5px; font-size: 15px; }
#CMain #C3 .Contents #SportTypeNum { width: 100%; height: 410px; }
#CMain #C3 .Contents .TagList { width: 100%; }
#CMain #C3 .Contents .TagList .Scroll {  }
#CMain #C3 .Contents .TagList .Area { margin-bottom: 15px; width: 100%; height: 60px; overflow-y: hidden; overflow-x: scroll; }
#CMain #C3 .Contents .TagList .Area .MDiv { white-space: nowrap; line-height: 40px; }
#CMain #C3 .Contents .TagList .Area .MDiv a { display: inline; margin: 0px 6px; padding: 5px 11px; border-radius: 5px; color: #FFFFFF; font-size: 15px; font-family: 'Microsoft YaHei'; transition: all .3s;  }
#CMain #C3 .Contents .TagList .Area .MDiv a .Eng { padding-left: 5px; font-size: 12px; }
#CMain #C3 .Contents .TagList .Area .MDiv a:hover { background-color: #cd7b00; cursor: pointer; }
#CMain #C3 .Contents .TagList .Area .MDiv a.This { background-color: #007e99; box-shadow: 0px 5px 5px rgba(0,0,0,0.3); }
#CMain #C3 .Contents .TagList .SType { margin-bottom: 15px; width: 100%; height: 60px; overflow-y: hidden; overflow-x: scroll; }
#CMain #C3 .Contents .TagList .SType .MDiv { white-space: nowrap; line-height: 40px; }
#CMain #C3 .Contents .TagList .SType .MDiv a { display: inline; margin: 0px 6px; padding: 5px 11px; border-radius: 5px; color: #FFFFFF; font-size: 15px; font-family: 'Microsoft YaHei'; transition: all .3s; }
#CMain #C3 .Contents .TagList .SType .MDiv a .Eng { padding-left: 5px; font-size: 12px; }
#CMain #C3 .Contents .TagList .SType .MDiv a:hover { background-color: #cd7b00; cursor: pointer; }
#CMain #C3 .Contents .TagList .SType .MDiv a.This { background-color: #009970; box-shadow: 0px 5px 5px rgba(0,0,0,0.3); }
#CMain #C3 .Contents .Info { font-size: 13px; color: #ffffff; }

#CMain #C4 { float: right; width: calc( ( 100% - 660px ) / 100 * 37 ); }
#CMain #C4 .Contents { position: relative; background-color: rgba( 12, 59, 93, 0.4 ); }
#CMain #C4 .Contents .CTitle { padding-bottom: 14px; font-size: 21px; color: #FFFFFF; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#CMain #C4 .Contents .CTitle .Eng { padding-left: 5px; font-size: 15px; }
#CMain #C4 .Contents .CTitle .CTitleRight { float: right; }
#CMain #C4 .Contents #SportGrowNum { width: 100%; height: 203px; }
#CMain #C4 .Contents #C4Movie { width: 100%; height: 250px; }
#CMain #C4 .Contents .TagList { width: 100%; }
#CMain #C4 .Contents .TagList .Scroll {  }
#CMain #C4 .Contents .TagList .Area { margin-bottom: 5px; width: 100%; height: 60px; overflow-y: hidden; overflow-x: scroll; }
#CMain #C4 .Contents .TagList .Area .MDiv { white-space: nowrap; line-height: 40px; }
#CMain #C4 .Contents .TagList .Area .MDiv div { display: inline; margin: 0px 8px; padding: 5px 11px; border-radius: 5px; color: #FFFFFF; font-size: 16px; font-family: 'Microsoft YaHei'; }
#CMain #C4 .Contents .TagList .Area .MDiv div.This { background-color: #b5aa1d; box-shadow: 0px 5px 5px rgba(0,0,0,0.3); }

#CMain #C5 { float: right; width: calc( ( 100% - 660px ) / 100 * 37 ); }
#CMain #C5 .Contents { background-color: rgba( 12, 59, 93, 0.4 ); }
#CMain #C5 .Contents #Card5 { width: 100%; height: 235px; }
#CMain #C5 .Contents .CTitle { font-size: 21px; color: #FFFFFF; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#CMain #C5 .Contents .Info { font-size: 13px; color: #ffffff; }

#CMain #C6 { float: right; width: calc( 100% - 660px ); }
#CMain #C6 .Contents { background-color: rgba( 12, 59, 93, 0.4 ); }
#CMain #C6 .Contents .CTitle { font-size: 21px; color: #FFFFFF; }
#CMain #C6 .Contents .CTitle .Eng { padding-left: 5px; font-size: 15px; }
#CMain #C6 .Contents #wowslider-container1 { margin: 0 auto; }

/*
#CMain #C6 { float: right; width: calc( ( 100% - 660px ) / 100 * 37 ); }
#CMain #C6 .Contents { background-color: rgba( 12, 59, 93, 0.4 ); padding-top: 28px; padding-bottom: 28px; }
#CMain #C6 .Contents:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain #C6 .Contents .CC { float: left; width: calc( 100% / 2 ); border-right: none; color: #EEE; font-size: 17px; }
#CMain #C6 .Contents .CC:nth-child(1) { border-right: solid 1px #FFF; }
#CMain #C6 .Contents .CC .CNum { width: 100%; text-align: center; height: 69px; line-height: 69px; }
#CMain #C6 .Contents .CC .CNum span { padding-right: 8px; font-size: 50px; font-family: 'Arial'; text-shadow: 0px 3px 5px rgba(0,0,0,0.4); }
#CMain #C6 .Contents .CC.CLeft { width: 55%; }
#CMain #C6 .Contents .CC.CLeft .CNum span { color: #ff9900; }
#CMain #C6 .Contents .CC.CLeft .CText { width: 100%; text-align: left; font-size: 25px; }
#CMain #C6 .Contents .CC.CRight { width: 45%; }
#CMain #C6 .Contents .CC.CRight .CNum span { color: #ff9900; }
#CMain #C6 .Contents .CC.CRight .CText { width: 100%; text-align: right; font-size: 22px; }
#CMain #C6 .Contents .CC.CCenter { position: relative; width: 100%; height: 25px; }
#CMain #C6 .Contents .CC.CCenter .CText { position: absolute; left: calc( 55% - 40px ); top: 5px; font-size: 12px; color: #999; }

#CMain #C7 { float: right; width: calc( ( 100% - 660px ) / 100 * 63 ); }
#CMain #C7 .Contents { background-color: rgba( 41, 83, 114, 0.4 ); background-repeat: no-repeat; background-size: auto 120%; }
#CMain #C7 .Contents .CTitle { padding-bottom: 5px; width: 100%; text-align: right; font-size: 18px; color: #FFFFFF; }
#CMain #C7 .Contents .CMainRecommend { overflow: hidden; margin-bottom: 15px; width: 100%; }
#CMain #C7 .Contents .CMainRecommend .CItem { position: relative; float: left; margin: 0px 0px 0px; width: 100%; height: 100px; padding: 0px; font-size: 15px; color: #CCCCCC; line-height: 27px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#CMain #C7 .Contents .CMainRecommend .CItem:hover { cursor: pointer; }
#CMain #C7 .Contents .CMainRecommend .CItem:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain #C7 .Contents .CMainRecommend .CItem .Image { float: left; overflow: hidden; width: 150px; height: 100px; background-repeat: no-repeat; background-size: 100% auto; background-position: center; border-radius: 5px; }
#CMain #C7 .Contents .CMainRecommend .CItem .Info { float: left; width: calc( 100% - 150px - 8px ); padding: 0px 10px; }
#CMain #C7 .Contents .CMainRecommend .CItem .Info .Title { width: 100%; font-size: 27px; color: #fff9b2; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
#CMain #C7 .Contents .CMainRecommend .CItem:hover .Info .Title { color: #ff9c15 }
#CMain #C7 .Contents .CMainRecommend .CItem .Info .Tag { color: #FFFFFF; }
#CMain #C7 .Contents .CMainRecommend .CItem .Info .Address { color: #FFFFFF; }
#CMain #C7 .Contents ul.CMenu { margin: 0px; padding: 0px; list-style-type: none; }
#CMain #C7 .Contents ul.CMenu:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain #C7 .Contents ul.CMenu li { float: left; margin-right: 8px; width: 30px; height: 5px; background-color: rgba( 255,255,255,0.5 ); list-style-type: none; transition: all .3; }
#CMain #C7 .Contents ul.CMenu li.Current { background-color: rgba( 255,255,255,1 ); }
*/

#CMain #C8 { width: 660px; }
#CMain #C8 .Contents { background-color: rgba( 12, 59, 93, 0.4 ); background-image: url( '../s/bullhorn.svg' ); background-repeat: no-repeat; background-size: auto 120%; }
#CMain #C8 .Contents .CMainNews { overflow: hidden; width: 100%; height: 400px; }
#CMain #C8 .Contents .CMainNews .CItem { position: relative; float: left; padding: 0px 8px; }
#CMain #C8 .Contents .CMainNews .CItem .CType { margin-bottom: 10px; width: 100%; text-align: right; font-size: 18px; color: #FFFFFF; }
#CMain #C8 .Contents .CMainNews .CItem .CType .Eng { padding-left: 5px; font-size: 15px; }
#CMain #C8 .Contents .CMainNews .CItem a.CTitle { display: block; width: 100%; font-size: 27px; color: #fff9b2; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
#CMain #C8 .Contents .CMainNews .CItem a.CTitle:hover { color: #ff9c15; cursor: pointer; }
#CMain #C8 .Contents .CMainNews .CItem .CContents { margin: 10px 0px 20px; width: 100%; height: 390px; padding: 0px 5px; font-size: 18px; color: #CCCCCC; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
#CMain #C8 .Contents .CMainNews .CItem .CContents a { color: #00b8ff; }
#CMain #C8 .Contents .CMainNews .CItem .CTag { padding: 10px 0px 18px; }
#CMain #C8 .Contents .CMainNews .CItem .CTag .Eng { padding-left: 5px; font-size: 13px; }
#CMain #C8 .Contents .CMainNews .CItem .CTag:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain #C8 .Contents .CMainNews .CItem .CTag a.CTagItem { float: left; margin-right: 10px; padding: 5px 8px; background-color: #007e99; color: #FFFFFF; border-radius: 5px; font-size: 13px; }

#CMain #C8 .Contents ul.CMenu { margin: 0px; margin-bottom: 8px; padding: 0px; list-style-type: none; }
#CMain #C8 .Contents ul.CMenu:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain #C8 .Contents ul.CMenu li { float: left; margin-right: 8px; width: 30px; height: 5px; background-color: rgba( 255,255,255,0.5 ); list-style-type: none; transition: all .3; }
#CMain #C8 .Contents ul.CMenu li.Current { background-color: rgba( 255,255,255,1 ); }

#CMain #C9 { width: 660px; }
#CMain #C9 .Contents { position: relative; overflow: hidden; background-color: rgba( 12, 59, 93, 0.4 ); background-repeat: no-repeat; background-size: auto 120%; }
#CMain #C9 .Contents:after { content: ''; position: absolute; width: 400px; height: 400px; top: 0px; left: 0px; z-index: -1; background: url( '../s/Announcement.svg' ) 0 0 no-repeat; transform: rotate( 45deg );  }
#CMain #C9 .Contents .CMainAnnouncement { overflow: hidden; width: 100%; height: 540px; }
#CMain #C9 .Contents .CMainAnnouncement .CAnnouncementDiv { height: 100px; }
#CMain #C9 .Contents .CMainAnnouncement .CItem { position: relative; float: left; padding: 0px 8px; }
#CMain #C9 .Contents .CMainAnnouncement .CItem .CType { margin-bottom: 10px; width: 100%; text-align: right; font-size: 18px; color: #FFFFFF; }
#CMain #C9 .Contents .CMainAnnouncement .CItem .CType .Eng { padding-left: 5px; font-size: 15px; }
#CMain #C9 .Contents .CMainAnnouncement .CItem a.CTitle { display: block; width: 100%; font-size: 27px; color: #fff9b2; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
#CMain #C9 .Contents .CMainAnnouncement .CItem a.CTitle:hover { color: #ff9c15; cursor: pointer; }
#CMain #C9 .Contents .CMainAnnouncement .CItem .CContents { margin: 10px 0px 20px; width: 100%; height: 530px; padding: 0px 5px; font-size: 18px; color: #CCCCCC; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
#CMain #C9 .Contents .CMainAnnouncement .CItem .CContents a { color: #00b8ff; }
#CMain #C9 .Contents .CMainAnnouncement .CItem .CTag { padding: 10px 0px 18px; }
#CMain #C9 .Contents .CMainAnnouncement .CItem .CTag .Eng { padding-left: 5px; font-size: 13px; }
#CMain #C9 .Contents .CMainAnnouncement .CItem .CTag:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain #C9 .Contents .CMainAnnouncement .CItem .CTag a.CTagItem { float: left; margin-right: 10px; padding: 5px 8px; background-color: #007e99; color: #FFFFFF; border-radius: 5px; font-size: 13px; }

#CMain #C9 .Contents ul.CMenu { margin: 0px; margin-bottom: 8px; padding: 0px; list-style-type: none; }
#CMain #C9 .Contents ul.CMenu:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
#CMain #C9 .Contents ul.CMenu li { float: left; margin-right: 8px; width: 30px; height: 5px; background-color: rgba( 255,255,255,0.5 ); list-style-type: none; transition: all .3; }
#CMain #C9 .Contents ul.CMenu li.Current { background-color: rgba( 255,255,255,1 ); }

#CMain #C3 { float: left; width: calc( 100% - 660px ); }
#CMain #C9 { width: 660px; }
#CMain #C9 .Contents .CMainAnnouncement .CItem .CContents { overflow: auto; height: 390px; }
#CMain #C4 { float: right; width: calc( 100% - 660px ); }
#CMain #C4 .Contents #SportGrowNum { height: 300px; }
#CMain #C4 .Contents #C4Movie { height: 500px; }
#CMain #C5 { float: left; width: 660px; }
#CMain #C5 .Contents #Card5 { width: 100%; height: 514px; }
#CMain #C8 { width: 100%; }
#CMain #C8 .Contents .CMainNews .CItem .CContents { overflow: auto; height: 250px; }

@media screen and ( max-width: 2048px ) {

#CMain #C1 { float: right; width: calc( 100% - 530px ); }

#CMain #C2 { float: left; width: 530px; }
#CMain #C2 .Contents .CContents { height: 664px; }
#CMain #C2 .Contents .CContents svg { top: -30%; left: -75%; width: 1500px; }
#CMain #C3 { float: left; width: calc( 100% - 530px ); }
#CMain #C3 .Contents #SportTypeNum { height: 292px; }
#CMain #C9 { width: 530px; }
#CMain #C4 { float: right; width: calc( 100% - 530px ); }
#CMain #C4 .Contents #SportGrowNum { height: 300px; }
#CMain #C4 .Contents #C4Movie { height: 500px; }
#CMain #C5 { float: left; width: 530px; }
#CMain #C6 { float: right; width: 100%; }
#CMain #C8 { width: 100%; }
#CMain #C8 .Contents .CMainNews .CItem .CContents { overflow: auto; height: 250px; }
}

/*
@media screen and ( max-width: 1700px ) {

#CMain #C1 { float: right; width: calc( 100% - 600px ); }
#CMain #C2 { float: left; width: 600px; }
#CMain #C2 .Contents .CContents svg { top: -31%; left: -75%; width: 1750px; }
#CMain #C3 { float: left; width: calc( ( 100% - 600px ) / 100 * 63 ); }
#CMain #C4 { float: right; width: calc( ( 100% - 600px ) / 100 * 37 ); }
#CMain #C5 { float: right; width: calc( ( 100% - 600px ) / 100 * 37 ); }
#CMain #C5 .Contents #Card5 { width: 100%; height: 230px; }
#CMain #C6 { float: right; width: calc( 100% - 600px ); }
#CMain #C8 { width: 600px; }

}

@media screen and ( max-width: 1600px ) {

#CMain #C1 { float: right; width: calc( 100% - 500px ); }
#CMain #C6 .Contents { padding-top: 39px; padding-bottom: 39px; }
#CMain #C6 .Contents .CC .CNum { height: 54px; line-height: 54px; }
#CMain #C6 .Contents .CC .CNum span { padding-right: 5px; font-size: 45px; }
#CMain #C6 .Contents .CC.CLeft .CText { font-size: 20px; }
#CMain #C6 .Contents .CC.CRight .CText { font-size: 18px; }
#CMain #C7 .Contents {  }
#CMain #C2 { float: left; width: 500px; }
#CMain #C2 .Contents .CContents { height: 730px; }
#CMain #C2 .Contents .CContents svg { top: -23%; left: -82%; width: 1500px; }
#CMain #C3 { float: left; width: calc( ( 100% - 500px ) / 100 * 63 ); }
#CMain #C3 .Contents #SportTypeNum { height: 360px; }
#CMain #C4 { float: right; width: calc( ( 100% - 500px ) / 100 * 37 ); }
#CMain #C4 .Contents #SportGrowNum { height: 220px; }
#CMain #C4 .Contents #C4Movie { height: 205px; }
#CMain #C5 { float: right; width: calc( ( 100% - 500px ) / 100 * 37 ); }
#CMain #C5 .Contents #Card5 { width: 100%; height: 210px; }
#CMain #C6 { float: right; width: calc( 100% - 500px ); }
#CMain #C8 { width: 500px; }

}

@media screen and ( max-width: 1440px ) {

#CMain #C1 { float: right; width: calc( 100% - 530px ); }

#CMain #C2 { float: left; width: 530px; }
#CMain #C2 .Contents .CContents { height: 660px; }
#CMain #C2 .Contents .CContents svg { top: -30%; left: -75%; width: 1500px; }
#CMain #C3 { float: left; width: calc( 100% - 530px ); }
#CMain #C3 .Contents #SportTypeNum { height: 290px; }
#CMain #C4 { float: right; width: calc( 100% - 530px ); }
#CMain #C4 .Contents #SportGrowNum { height: 300px; }
#CMain #C4 .Contents #C4Movie { height: 323px; }
#CMain #C5 { float: right; width: 530px; }
#CMain #C5 .Contents #Card5 { width: 100%; height: 308px; }
#CMain #C6 { float: right; width: 100%; }
#CMain #C8 { width: 100%; }

}
*/

@media screen and ( max-width: 1180px ) {

#CMain #C3 .Contents .CTitle { position: static; padding-bottom: 15px; }
#CMain #C3 .Contents #SportTypeNum { height: 245px; }
#CMain #C9 { float: left; width: 100%; }
#CMain #C4 { float: right; width: 100%; }
#CMain #C5 { float: right; width: 100%; }

}

@media screen and ( max-width: 1100px ) {

#CMain #C1 .Contents .CC .CNum { height: 65px; line-height: 65px; }
#CMain #C1 .Contents .CC .CNum span { padding-right: 8px; font-size: 45px; }
#CMain #C1 .Contents .CC.CLeft { width: 160px; }
#CMain #C1 .Contents .CC.CLeft .CText { font-size: 20px; }
#CMain #C1 .Contents .CC.CRight { width: calc( 100% - 160px ); padding-left: 15px; }

#CMain #C1 .Contents .CC.CRight .CRALLS .CRAll { width: 1000px; }
#CMain #C1 .Contents .CC.CRight .CRALLS .CRAll .CRItem { float: left; padding: 2px 10px 0px 0px; }
#CMain #C1 .Contents .CC.CRight .CRALLS .CRAll .CRItem .CNum { padding-left: 25px; }
#CMain #C1 .Contents .CC.CRight .CRALLS .CRAll .CRItem .CText { font-size: 20px; }
#CMain #C1 .Contents .CC.CCenter .CText {  }

#CMain #C1 { float: right; width: 100%; }
#CMain #C2 { float: left; width: 100%; }
#CMain #C2 .Contents .CContents svg {  top: -30%; left: -30%; width: 1500px; }
#CMain #C3 { float: left; width: 100%; }

#CMain #C6 { float: right; width: 100% }
#CMain #C7 { float: right; width: 100%; }
#CMain #C8 { width: 100%; }

}

@media screen and ( max-width: 773px ) {

#CMain #C3 .Contents .TagList .Area .MDiv div { margin: 0px 5px; padding: 4px 10px; font-size: 14px; }
#CMain #C3 .Contents .TagList .SType .MDiv div { margin: 0px 5px; padding: 4px 10px; font-size: 14px; }
#CMain #C2 .Contents .CContents .TaipeiTagInfo .Item { padding: 3px 8px; font-size: 14px; }
#CMain #C2 .Contents .CContents svg {  top: -30%; left: -50%; width: 1500px; }
#CMain #C4 .Contents .TagList .Area .MDiv div { margin: 0px 5px; padding: 4px 10px; font-size: 14px; }
#CMain #C5 { float: right; width: 100%; }
#CMain #C5 .Contents .CContents { margin: 5px 0px 20px; height: auto; }
#CMain #C6 { float: right; width: 100% }
#CMain #C7 { float: right; width: 100%; }
#CMain #C8 { width: 100%; }

}

@media screen and ( max-width: 667px ) {

#CMain .CMT { float: left; padding: 15px 5px 15px 5px; }

#CMain #C2 .Contents .CContents .TaipeiTagInfo .Item { padding: 3px 6px; font-size: 13px; }
#CMain #C2 .Contents .CContents { height: 570px; }
#CMain #C2 .Contents .CContents svg {  top: -30%; left: -45%; width: 1300px; }

}


@media screen and ( max-width: 560px ) {

#CMain #C1 .Contents .CC.CCenter .CText .Service { display: block; padding-top: 5px; }
#CMain #C2 .Contents .CContents { height: 540px; }
#CMain #C2 .Contents .CContents svg {  top: -28%; left: -55%; width: 1200px; }
#CMain #C3 .Contents #SportTypeNum { height: 400px; }

}


@media screen and ( max-width: 480px ) {

#CMain #C2 .Contents .CTitle { font-size: 17px; }
#CMain #C2 .Contents .CTitle .Eng { font-size: 13px; }
#CMain #C2 .Contents .CContents { height: 400px; }
#CMain #C2 .Contents .CContents svg {  top: -30%; left: -55%; width: 1000px; }
#CMain #C3 .Contents .CTitle { font-size: 17px; }
#CMain #C3 .Contents .CTitle .Eng { font-size: 13px; }
#CMain #C4 .Contents .CTitle { font-size: 17px; }
#CMain #C4 .Contents .CTitle .Eng { font-size: 13px; }
#CMain #C5 .Contents .CTitle { font-size: 17px; }
#CMain #C6 .Contents .CTitle { font-size: 17px; }
#CMain #C6 .Contents .CTitle .Eng { font-size: 13px; }

}


@media screen and ( max-width: 415px ) {

#CMain .Contents { padding: 10px; }
#CMain #C3 .Contents #SportTypeNum { height: 350px; }

}


@media screen and ( max-width: 375px ) {

#CMain .CMT { float: left; padding: 15px 5px 15px 5px; }
#CMain .Contents { padding: 5px; }
#CMain #C3 .Contents #SportTypeNum { height: 350px; }

}