@charset "utf-8";
/* CSS Document */
@font-face{font-family: 'Montserrat'; src:url('/www/tc/common/fonts/Montserrat-Regular.ttf'); format('truetype'); font-weight:normal; font-style:normal;}
@font-face{font-family: 'Montserrat'; src:url('/www/tc/common/fonts/Montserrat-SemiBold.ttf'); format('truetype'); font-weight:500; font-style:normal;}
@font-face{font-family: 'Montserrat'; src:url('/www/tc/common/fonts/Montserrat-Bold.ttf'); format('truetype'); font-weight:900; font-style:normal;}
@font-face{font-family: 'NotoSansHK'; src:url('/www/tc/common/fonts/NotoSansHK-Light.otf'); format('opentype'); font-weight:normal; font-style:normal;}
@font-face{font-family: 'NotoSansHK'; src:url('/www/tc/common/fonts/NotoSansHK-Medium.otf'); format('opentype'); font-weight:500; font-style:normal;}
@font-face{font-family: 'NotoSansHK'; src:url('/www/tc/common/fonts/NotoSansHK-Bold.otf'); format('opentype'); font-weight:900; font-style:normal;}

hr{display:block; width:100%; height:1px; line-height:1px; font-size:0px; margin:100px 0px; padding:0px; border:none; border-top:2px ridge #9f977a;}


/* General *********************************************************************************************************************************************************************************************/
html, body{width:100%; min-width:1000px; height:100%; margin:0%; padding:0%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale; font-family:Montserrat,NotoSansHK,Helvetica,Arial,'微軟正黑體','Microsoft JhengHei',sans-serif; font-weight:100; color:#333333; background-color:#FFFFFF; font-feature-settings:'kern'; -webkit-text-rendering:optimizeLegibility; text-rendering:optimizeLegibility;}
*{box-sizing:border-box;}
html, body, h4, p{font-size:19px;}
h1{font-size:36px; line-height:130%; font-weight:500; margin:0px;}
h2, SectionTitle{font-size:22px; margin:30px 0px 5px 0px; font-weight:500;}
h4{font-weight:500;}
h6{font-size:14px; font-weight:900; margin:8px 0px;}
h6 a::after{content:"〉"; display:inline-block; font-weight:normal; padding-left:5px; font-size:11px;}
section.wMargin{margin-top:40px;}
.Grid-Aside h4{font-size:16px;}
.ExtraHeader{margin-bottom:0px;}
.ExtraHeader, .ExtraHeader a{word-break:normal;}
.SubTitle{font-size:22px; font-weight:500;}
a{color:inherit; text-decoration:none;}
a:hover{color:#666666;}
a img{border:0;}
p{font-size:19px; margin:25px 0px;}
article p{letter-spacing:2px; line-height:180%; padding:0vw 1vw; text-align:justify;}
article p a{text-decoration:underline;}
article .Tag{padding:0vw 1vw;}
a, p{word-break:break-all;}
.Caption{font-size:13px !important; font-weight:normal !important; color:#808080 !important;}
.Remark, .Remark p, .Time{font-size:12px !important; font-weight:normal !important; color:#808080 !important;}
.Remark p{line-height:130%; margin:0px;}
.Legend{font-size:13px; color:#333333;}
.Breadcrumb + .Time{margin-top:-5px;}
.ProfileImg, .Thumbnail{font-size:0px; margin:0px; line-height:0px; overflow:hidden; position:relative;}
.ProfileImg img, .Thumbnail img{object-fit:cover; width:100%; height:auto;}
.ProfileImg{border-radius:50%; border:1px solid #E2E3E4;}
.Thumbnail a{border:2px solid #FFFFFF; position:relative; height:0px; padding-top:52.33333333%; display:block; overflow:hidden;}
.Thumbnail img{position:absolute; top:50%; left:0%; -webkit-transform:translateY(-50%); transform:translateY(-50%); transition:all ease-in 0.2s;}
.Thumbnail img:hover{width:104%; top:48%; left:-2%; -webkit-transform:translateY(-48%); transform:translateY(-48%); transition:all ease-out 0.2s;}
.Thumbnail, .ProfileImg{-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); transition:all 0.2s;}
.Thumbnail:hover, .ProfileImg:hover{-webkit-box-shadow: 0px 12px 10px -4px rgba(0,0,0,0.15); box-shadow: 0px 12px 10px -4px rgba(0,0,0,0.15); transition:all 0.3s;}
.NewBadget{display:inline-block; margin:0px 3px; padding:0px; vertical-align:middle; background-color:#FF0000; font-size:0px; pointer-events:none;}
.NewBadget::after{content:"NEW"; display:block; padding:2px;color:#FFFFFF; font-size:9px; font-weight:bold; user-select:none; letter-spacing:0px; line-height:120%; text-align:center; width:27px;}
figure{width:100%; display:block; margin:30px auto; text-align:center;}
figure img{width:auto; max-width:100%; display:block; margin:auto; cursor:zoom-in;}
figcaption{display:block; font-size:15px; margin:10px auto; color:#333333; line-height:120%; text-align:center; font-weight:normal;}
.CommentBubble, .NewCateBubble, .NewArticleBubble, .PopularBubble, .ViaMobile, .ViaApp{display:inline-block; vertical-align:top; font-size:11px; font-weight:500; line-height:16px; height:16px; margin:1px 5px 0px 5px; -webkit-user-select:none; user-select:none;}
.CommentBubble{background-image:url("../images/commentbubble.svg"); background-size:contain; background-position:left center; padding-left:18px; color:#333333;}
.PopularBubble{background-image:url("../images/rection_popular.svg"); background-size:contain; background-position:center center; font-size:0px; width:18px;}
.NewCateBubble, .Breadcrumb .NewBubble, .NewArticleBubble, .Breadcrumb .NewArticleBubble{font-family:Helvetica,Arial,'微軟正黑體','Microsoft JhengHei',sans-serif; padding:0px 3px; color:#FFFFFF !important; font-weight:bold;}
.NewCateBubble, .Breadcrumb .NewBubble{background-color:#FF0000;}
.NewArticleBubble, .Breadcrumb .NewArticleBubble{background-color:#99CC00;}
.ViaMobile::after{font-size:9px; color:#FF6700; content:"via mobile"; display:block; line-height:20px;}
.ViaApp::after{font-size:9px; color:#FF6700; content:"via app"; display:block; line-height:20px;}
.RemoveFavorite, .CloseTheBox{position:absolute; display:block; z-index:999; overflow:hidden; border-radius:50%; padding:0px; margin:0px; cursor:pointer; -webkit-user-select:none; user-select:none; -webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1); box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);}
.RemoveFavorite{background-color:rgba(255,255,255,0.95); border:1px solid #CCCCCC; right:0px; top:6px; width:26px; height:26px; transition:background-color ease-in 0.1s, border-color ease-in 0.1s;}
.CloseTheBox{background-color:rgba(0,0,0,0.85); left:-42px; top:calc(50% - 11px); width:20px; height:20px;}
.RemoveFavorite::after, .CloseTheBox::after{content:"\00d7"; position:absolute; text-align:center; color:#333333; line-height:15px; transition:color ease-in 0.1s;}
.RemoveFavorite::after{color:#333333; font-size:25px; left:5px; top:5px;}
.CloseTheBox::after{color:#FFFFFF; font-size:20px; left:4px; top:3px;}
.RemoveFavorite:hover{background-color:rgba(0,0,0,0.7); border-color:#FFFFFF; transition:background-color ease-out 0.2s, border-color ease-out 0.2s;}
.RemoveFavorite:hover::after{color:#FFFFFF; transition:color ease-out 0.2s;}
.ButtonWappper{width:100%; display:flex; flex-wrap:nowrap; align-items:stretch; justify-content:center; margin:30px 0px; padding:0px;}
.ButtonWappper > div{flex:0 0 auto; display:inline-block; padding:8px 20px; margin:0px 2px; border-width:1px; border-style:solid; border-color:#FFFFFF; background-color:#333333; font-size:15px; font-weight:500; border-radius:8px; color:#FFFFFF; cursor:pointer; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0); transition:background-color ease-in 0.1s,color ease-in 0.1s,border-color ease-in 0.1s,-webkit-box-shadow ease-in 0.1s,box-shadow ease-in 0.1s; -webkit-user-select:none; user-select:none;}
.ButtonWappper > div:hover{background-color:#FFFFFF; color:#333333; border-color:#CCCCCC; -webkit-box-shadow:0px 3px 0px 0px rgba(0,0,0,0.1); box-shadow:0px 3px 0px 0px rgba(0,0,0,0.1); transition:all ease-out 0.2s;}
.ButtonWappper > div.Disabled, .ButtonWappper > div.Disabled:hover{background-color:#F2F2F2; color:#999999; border-color:#E2E3E4; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}
.ButtonWappper > div.VoteButton{background-color:#ef4d79; color:#FFFFFF; border-color:#FFFFFF;}
.ButtonWappper > div.CommentButton{background-color:#27bdbe; color:#FFFFFF; border-color:#FFFFFF;}
.ButtonWappper.Invert > div{ border-color:#CCCCCC; background-color:#FFFFFF; color:#333333;}
.ButtonWappper.Invert > div:hover{background-color:#333333; color:#FFFFFF; border-color:#FFFFFF;}
.PopularIcon{display:inline-block; vertical-align:text-top; width:17px; height:17px; margin:0px 2px; overflow:hidden; user-select:none; background-image:url("/web_common/images/popular_icon.svg"); background-repeat:no-repeat; background-size:contain; background-position:center;}

.AsideBox{border:1px solid #E2E3E4;}
.Grid-Aside .GridContainer{flex-wrap:wrap;}
.Grid-Aside .GridContainer:last-of-type{margin-bottom:30px;}
.AsideBox.Grid-Col-1{flex-basis:100%;}
.AsideBox .List, .AsideBox h2{width:90%; margin:15px auto;}
.GridContainer > h2{margin-top:0px;}
.AsideBox .Thumbnail{flex-basis:38% !important; margin-left:6px !important;}
.AsideBox h2, .AsideBox h2 a{font-size:16px; font-weight:500;}
.AsideContentWrapper, .AsideContentWrapper > div{display:none;}
.AsideContentWrapper.FixHeight{height:auto; max-height:50vh; min-height:400px; overflow:auto;}

/* Segment **********************************************************************************************************************************************************************************************/
.Segment{width:100%; display:flex; flex-wrap:nowrap; align-content:stretch; padding:0px; margin:0px 0px 10px 0px; overflow:hidden; -webkit-user-select:none; user-select:none;}
.Segment > div{flex:1 1; text-align:center; font-size:15px; font-weight:normal; padding:12px 2px; line-height:120%; border-left:1px solid #E2E3E4; cursor:pointer; position:relative; overflow:hidden; color:#999999; background-color:#F9F9F9; border-top-style:solid; border-top-width:3px; border-top-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E2E3E4; transition:-webkit-box-shadow ease-in 0.1s, box-shadow ease-in 0.1s, color ease-in 0.1s; -webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);}
.Segment > div:hover{transition:-webkit-box-shadow ease-out 0.2s, box-shadow ease-out 0.2s, color ease-out 0.2s; color:#000000; -webkit-box-shadow:inset 0px -12px 20px -6px rgba(0,0,0,0.15); box-shadow:inset 0px -12px 20px -6px rgba(0,0,0,0.15);}
.Segment > div:first-of-type{border-left:none;}
.Segment > div.Selected{color:#333333; font-weight:500; background-color:#FFFFFF; border-top-color:#666666; cursor:default; border-bottom-color:#FFFFFF;}
.AsideBox .Segment{flex-wrap:wrap; padding:0px;}
.Segment > div.SubType{height:42px; flex-basis:100%; margin:10px 4% 0px 4%; padding:2px; display:flex; flex-wrap:nowrap; background-color:#FFFFFF; overflow:hidden; border:none; border-radius:6px; -webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);}
.Segment > div.SubType > div{flex:1 1 100%; height:36px; margin:0px 1px; align-self:center; border-radius:6px; position:relative; display:flex; border:1px solid #E2E3E4; transition:border ease-in 0.1s, -webkit-box-shadow ease-in 0.1s, box-shadow ease-in 0.1s; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}
.Segment > div.SubType > div:hover{transition:border ease-out 0.2s, -webkit-box-shadow ease-out 0.2s, -shadow ease-out 0.2s; background-color:#FFFFFF; border:1px solid #999999; -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);}
.Segment > div.SubType > div.Selected{-webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); border:1px solid #FFFFFF;}
.Segment > div.SubType > div img, .Segment > div.SubType > div svg{width:auto; height:60%; display:block; margin:7px auto; pointer-events:none;}
.Segment > div.SubType > div svg{fill:#FFFFFF; stroke:#545454; stroke-width:5%; height:54%; margin-top:13%;}
.Segment > div.SubType > div.NewArticle span{display:block; color:#888888; font-size:10px; font-weight:900; line-height:110%; vertical-align:middle; margin:auto; align-self:center; pointer-events:none;}
.Segment > div.SubType > div.NewArticle.Selected span{color:#FFFFFF;}
.Segment > div.Selected:hover{-webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);}
.Segment.TypeB > div{flex:1 1; text-align:center; font-size:14px; font-weight:normal; padding:8px 2px; line-height:120%; cursor:pointer; position:relative; overflow:hidden; color:#999999; background-color:#F9F9F9; border:1px solid #E2E3E4; border-right-width:0px; -webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0); transition:color ease-in 0.3s, background-color ease-in 0.3s;}
.Segment.TypeB > div:first-of-type{border-top-left-radius:6px; border-bottom-left-radius:6px;}
.Segment.TypeB > div:last-of-type{border-top-right-radius:6px; border-bottom-right-radius:6px; border-right-width:1px;}
.Segment.TypeB > div.Selected{background-color:#333333 !important; font-weight:500; color:#FFFFFF; cursor:default;}
.Segment.TypeB > div:hover{color:#FFFFFF; background-color:#545454; transition:color ease-out 0.2s, background-color ease-out 0.2s;}


/* Switcher **********************************************************************************************************************************************************************************************/
.Switcher{height:36px; display:inline-flex; flex-wrap:nowrap; align-content:stretch; padding:0px; margin:0px; overflow:hidden;}
.Switcher > div{flex:0 0 auto;}
.Switcher > div:first-of-type{background-color:#FFFFFF; line-height:34px; font-size:14px; font-weight:500; padding:0px 15px; height:36px;}
.Switcher > div:last-of-type{background-color:#FFFFFF; border:1px solid #E2E3E4; border-radius:18px; display:flex; flex-wrap:nowrap; font-size:0px; padding:0px; box-sizing:content-box; height:34px; cursor:pointer; overflow:hidden; transition:background-color ease-in 0.1s;}
.Switcher > div:last-of-type > div{flex:0 0 34px; height:34px; font-size:12px; width:34px; display:block; position:relative;}
.Switcher > div:last-of-type > div span{width:100%; height:100%; border-radius:50%; display:block; position:absolute; top:0px; left:0px;}
.Switcher > div:last-of-type > div.Selected span{background-color:#333333; -webkit-box-shadow:0px 0px 12px 0px rgba(0,0,0,0.6); box-shadow:0px 0px 12px 0px rgba(0,0,0,0.6); z-index:2; cursor:default;}

/* Tab **********************************************************************************************************************************************************************************************/
.Tab{width:90%; display:flex; flex-wrap:nowrap; align-content:stretch; border:1px solid #E2E3E4; border-radius:6px; padding:0px; margin:10px auto; -webkit-user-select:none; user-select:none;}
.Tab > div{flex:1 1; width:auto; text-align:center; font-size:14px; font-weight:normal; padding:8px 2px; line-height:120%; border-left:1px solid #E2E3E4; cursor:pointer; position:relative; color:#999999; background-color:#F9F9F9; transition:color ease-in 0.1s, background-color ease-in 0.1s;}
.Tab > div:hover{color:#FFFFFF; background-color:#545454; transition:color ease-out 0.2s, background-color ease-out 0.2s;}
.Tab > div:first-of-type{border-left:none; border-top-left-radius:6px;  border-bottom-left-radius:6px;}
.Tab > div:last-of-type{border-top-right-radius:6px;  border-bottom-right-radius:6px;}
.Tab > div.Selected{color:#FFFFFF; font-weight:500; background-color:#333333; cursor:default; transition:none;}
.Tab > div.Selected:after, .Tab > div.Selected:before{content:''; display:block; position:absolute; left:calc(50% - 10px); width:0%; height:0%; border-style:solid;}
.Tab > div.Selected:after{bottom:-18px; border-color:#333333 transparent transparent transparent; border-width:10px;}
.Tab > div.Selected:before{bottom:-20px; border-color:#E2E3E4 transparent transparent transparent; border-width:10px;}


/* Soft Content Cross Sale **********************************************************************************************************************************************************************************************/
.SoftContentList .Segment > div:hover{color:#FFFFFF; transition:color ease-out 0.2s;}
.SoftContentList .Segment > div.SubType, .SoftContentList .Segment > div.Lifestyle.SubType:hover, .SoftContentList .Segment > div.Diva.SubType:hover, .SoftContentList .Segment > div.Health.SubType:hover{background-color:#FFFFFF !important;}
.SoftContentList .Segment > div.Lifestyle.Selected{font-weight:500; color:#27BDBE !important; background-color:#FFFFFF; border-top-color:#27BDBE; border-bottom-color:#FFFFFF;}
.SoftContentList .Lifestyle h2, .SoftContentList .Lifestyle h2 a, .SoftContentList .Lifestyle .List.TypeD .User{color:#27BDBE;}
.SoftContentList .Segment > div.Lifestyle.Selected:hover{background-color:#FFFFFF !important;}
.SoftContentList .Segment > div.Lifestyle:hover, .SoftContentList .Segment > div.SubType.Lifestyle > div.Selected{background-color:#27BDBE !important;}
.SoftContentList .Segment > div.Diva.Selected{font-weight:500; color:#782B90 !important; background-color:#FFFFFF; border-top-color:#782B90; border-bottom-color:#FFFFFF;}
.SoftContentList .Diva h2, .SoftContentList .Diva h2 a, .SoftContentList .Diva .List.TypeD .User{color:#782B90;}
.SoftContentList .Segment > div.Diva.Selected:hover{background-color:#FFFFFF !important;}
.SoftContentList .Segment > div.Diva:hover, .SoftContentList .Segment > div.SubType.Diva > div.Selected{background-color:#782B90 !important;}
.SoftContentList .Segment > div.Health.Selected{font-weight:500; color:#78AA42 !important; background-color:#FFFFFF; border-top-color:#78AA42; border-bottom-color:#FFFFFF;}
.SoftContentList .Health h2, .SoftContentList .Health h2 a, .SoftContentList .Health .List.TypeD .User{color:#78AA42;}
.SoftContentList .Segment > div.Health.Selected:hover{background-color:#FFFFFF !important;}
.SoftContentList .Segment > div.Health:hover, .SoftContentList .Segment > div.SubType.Health > div.Selected{background-color:#78AA42 !important;}
.SoftContentList .Lifestyle .Tab > div.Selected{background-color:#27BDBE;}
.SoftContentList .Lifestyle .Tab > div.Selected:after{border-color:#27BDBE transparent transparent transparent;}
.SoftContentList .Diva .Tab > div.Selected{background-color:#782B90;}
.SoftContentList .Diva .Tab > div.Selected:after{border-color:#782B90 transparent transparent transparent;}
.SoftContentList .Health .Tab> div.Selected{background-color:#78AA42;}
.SoftContentList .Health .Tab > div.Selected:after{border-color:#78AA42 transparent transparent transparent;}
.SoftContentList div.SubType.Health .Favorite{display:none;}

/* Breadcrumb **********************************************************************************************************************************************************************************************/
.Breadcrumb{display:block; z-index:2; position:relative; padding:0px;}
.Breadcrumb > a, .Breadcrumb > span{display:inline-block; vertical-align:middle; z-index:10; font-size:14px !important; font-weight:500 !important; color:#666666 !important; word-break:normal;}
.Breadcrumb > a:hover{color:#000000 !important;}
.Breadcrumb > a::after, .Breadcrumb > a > span::after, .Breadcrumb > span::after{content:"\2044"; font-size:15px; margin:auto 6px; color:#CCCCCC !important; font-weight:normal !important;}
.BreadcrumbLocation, .BreadcrumbLocation > a, .BreadcrumbLocation > span{display:inline-block; vertical-align:middle; z-index:10; font-size:25px !important; font-weight:500 !important;}
.BreadcrumbLocation > a::after, .BreadcrumbLocation > span::after{content:"\2044"; font-size:20px; margin:auto 10px; color:#CCCCCC !important; font-weight:normal !important;}
.Breadcrumb > *:last-child::after, .BreadcrumbLocation > *:last-child::after, .Breadcrumb > a > span:last-child::after{content:none;}
.Breadcrumb > a > span{display:inline-block;}
#MainContainer .Breadcrumb:first-of-type{padding-top:0px;}
.CategoryList{width:100%; padding:10px 0px 30px 0px; display:none; list-style:none; overflow:hidden; font-size:0px; z-index:2; border-bottom:1px dotted #CCCCCC;}
.Breadcrumb.SubCategory .CategoryList{display:block;}
.Breadcrumb.SubCategory .BreadcrumbLocation{margin-bottom:20px;}
.CategoryList a{display:inline-block; margin:2px 20px 2px 0px; font-size:14px; font-weight:normal; color:#333333 !important;}
.CategoryList a:hover{color:#999999 !important;}

/* Tag **********************************************************************************************************************************************************************************************/
.Tag{display:block; margin:20px 0px; font-size:0px;}
.Tag > div{display:inline-flex; align-items:center; color:#333333; margin:0px 6px 6px 0px; transition:all 0.3s;}
.Tag > div > a{color:#333333; font-size:14px; font-weight:normal; line-height:120%; padding:0px; margin-right:12px; display:block;}
.Tag > div > a:hover{color:#999999;}


/* SNS **********************************************************************************************************************************************************************************************/
.FuncWrapper{width:100%; display:block; font-size:0px; list-style:none; margin:30px 0px; padding:0px;}
.FuncWrapper > li{display:inline-block; vertical-align:middle; font-size:13px; font-weight:normal; cursor:pointer;}
.FuncWrapper .FuncIcon{width:28px; height:28px; background-size:100%; transition:all ease-in 0.1s; margin-right:8px; display:inline-block; vertical-align:middle;}
.FuncWrapper .FuncIcon:hover{transition:all ease-out 0.2s;}
.FuncWrapper .fb-like{width:auto; padding-right:10px; cursor:default;}
.FuncWrapper .FB{background-image: url("../images/sns_fb.svg");}
.FuncWrapper .FB:hover{background-image: url("../images/sns_fb_hover.svg");}
.FuncWrapper .Wtap{background-image: url("../images/sns_wtap.svg");}
.FuncWrapper .Wtap:hover{background-image: url("../images/sns_wtap_hover.svg");}
.FuncWrapper .Line{background-image: url("../images/sns_line.svg");}
.FuncWrapper .Line:hover{background-image: url("../images/sns_line_hover.svg");}
.FuncWrapper .Email{background-image: url("../images/sns_email.svg"); margin-right:20px;}
.FuncWrapper .Email:hover{background-image: url("../images/sns_email_hover.svg");}
.FuncWrapper .RectionComment, .FuncWrapper .RectionFavorite, .FuncWrapper .RectionBookmark{width:auto; padding:0px 20px; border-left:1px solid #E2E3E4;}
.FuncWrapper .RectionComment svg, .FuncWrapper .RectionFavorite div, .FuncWrapper .RectionBookmark div{margin-right:5px;}
.FuncWrapper .RectionCommentSymbol{fill:#333333;}
.FuncWrapper .RectionFavorite div{background-image:url("../images/rection_favorite.svg"); background-size:100%; display:inline-block; vertical-align:middle;}
.FuncWrapper .RectionFavorite.added div{background-image:url("../images/rection_favorite_added.svg");}
.FuncWrapper .RectionBookmark div{background-image:url("../images/rection_bookmark.svg"); background-size:100%; display:inline-block; vertical-align:middle;}
.FuncWrapper .RectionBookmark.added div{background-image:url("../images/rection_bookmark_added.svg");}
.FuncWrapper span{font-size:13px; font-weight:500; color:#333333; display:inline-block; vertical-align:middle;}


/* Pagination **********************************************************************************************************************************************************************************************/
.Pagination{width:100%; display:flex; align-items:center; justify-content:center; margin:50px 0px;}
.Pagination a{width:40px; height:40px; display:block; overflow:hidden; margin:0px 3px; border:1px solid #E2E3E4; border-radius:50%; font-size:16px; font-weight:normal; color:#999999; position:relative; line-height:40px; -webkit-user-select:none; user-select:none;  text-align:center; transition:color ease-in 0.2s, border-color ease-in 0.3s;}
.Pagination a.Previous::before, .Pagination a.Next::before, .Pagination a.MostLeft::before, .Pagination a.MostLeft::after, .Pagination a.MostRight::before, .Pagination a.MostRight::after, .Pagination a.PrevTen::before, .Pagination a.PrevTen::after, .Pagination a.NextTen::before, .Pagination a.NextTen::after{display:block; position:absolute; font-size:17px; color:#CCCCCC;}
.Pagination a.MostLeft::before{content:"|"; left:12px; top:-2px;}
.Pagination a.MostLeft::after{content:"〈"; left:8px; top:-1px;}
.Pagination a.MostRight::before{content:"|"; right:12px; top:-2px;}
.Pagination a.MostRight::after{content:"〉"; right:8px; top:-1px;}
.Pagination a.PrevTen::before{content:"〈"; left:8px; top:-1px;}
.Pagination a.PrevTen::after{content:"〈"; left:4px; top:-1px;}
.Pagination a.NextTen::before{content:"〉"; right:7px; top:-1px;}
.Pagination a.NextTen::after{content:"〉"; right:3px; top:-1px;}
.Pagination a.Previous::before{content:"〈"; left:5px; top:-1px;}
.Pagination a.Next::before{content:"〉"; right:5px; top:-1px;}
.Pagination a:hover, .Pagination a:hover::before, .Pagination a:hover::after{color:#333333; border-color:#666666; transition:all ease-out 0.2s;}
.Pagination a.Selected{background-color:#333333; color:#FFFFFF; border-color:#FFFFFF; cursor:default; -webkit-box-shadow:0px 6px 8px -4px rgba(0,0,0,0.5); box-shadow:0px 6px 8px -4px rgba(0,0,0,0.5);}
.Pagination a.Disabled{background-color:#F2F2F2; color:#D9D9D9; border-color:#F2F2F2; cursor:default;}
.Pagination a.Disabled::before, .Pagination a.Disabled::after{color:#D9D9D9;}


/* Article **********************************************************************************************************************************************************************************************/
.Credit{margin:0px 0px 10px 0px;}
h1 + .Credit{margin-top:20px;}
.Credit > span{display:inline-block; vertical-align:middle; margin-right:20px; font-size:14px; color:#808080; font-weight:normal;}



/* Columnist Profile  **********************************************************************************************************************************************************************************************/
.ColumnistProfileWrapper{width:100%; display:flex; flex-wrap:wrap; align-items:flex-start;}
.ColumnistContainer{flex:0 1 250px; display:flex; flex-wrap:nowrap; align-items:center; padding:15px 15px 15px 0px;}
.ColumnistContainer > div.ProfileImg{flex:0 0 56px; margin-right:10px;}
.ColumnistContainer > div.ColumnistInfo{flex:1 1 100px;}
.ColumnistContainer > div.ColumnistInfo a{display:block; width:100%;}
.ColumnistContainer > div.ColumnistInfo a.ColumnistName{font-size:15px; font-weight:500; color:#333333;}
.ColumnistContainer > div.ColumnistInfo a.CategoryName{font-size:13px; font-weight:normal; color:#666666;}
.ColumnistContainer > div.ColumnistInfo span.ColumnistMore{width:20px; height:20px; display:inline-block; vertical-align:top; margin:3px 0px 0px 5px; background-color:#FFFFFF; border:1px solid #CCCCCC; cursor:pointer; overflow:hidden; border-radius:50%; position:relative; transition:background-color ease-in 0.2s, border-color ease-in 0.2s;}
.ColumnistContainer > div.ColumnistInfo span.ColumnistMore::before{content:"…"; font-size:15px; font-weight:normal; position:absolute; color:#666666; display:block; width:15px; line-height:10px; left:4px;}
.ColumnistContainer > div.ColumnistInfo span.ColumnistMore:hover{background-color:#333333; border-color:#333333; transition:all ease-out 0.3s; transition:color ease-in 0.2s;}
.ColumnistContainer > div.ColumnistInfo span.ColumnistMore:hover::before{color:#FFFFFF; transition:all ease-out 0.3s;}
.ColumnistContainer .PopInfoBox{width:300px; padding:10px 20px; background-color:#FFFFFF; border-radius:10px; position:absolute; right:0px; border:3px solid #EFEFEF; -webkit-box-shadow:0px 0px 8px 3px rgba(0,0,0,0.2); box-shadow:0px 0px 8px 3px rgba(0,0,0,0.2); z-index:10000; display:none;}
.ColumnistContainer .PopInfoBox p{color:#000000; font-size:13px; font-weight:normal; letter-spacing:1px; text-align:start; margin:10px 0px; word-break:normal;}
.ColumnistContainer .PopInfoBox p:first-of-type{font-weight:500; font-size:15px;}
.ColumnistContainer .PopInfoBox:after, .ColumnistContainer .PopInfoBox:before{content:""; display:block; position:absolute; width:0%; height:0%; border-style:solid;}
.ColumnistContainer .PopInfoBox:after{top:calc(50% - 15px); left:-30px; border-color:transparent #FFFFFF transparent transparent; border-width:15px;}
.ColumnistContainer .PopInfoBox:before{top:calc(50% - 17px); left:-34px; border-color:transparent #FFFFFF transparent transparent; border-width:17px;}


/* Voting  **********************************************************************************************************************************************************************************************/
.VoteResultWrapper{width:90%; margin:0px auto 30px auto; padding:0px;}
.VoteResultWrapper > ul{display:flex; flex-wrap:nowrap; align-items:stretch; justify-content:flex-start; list-style:none; padding:0px; margin:0px;}
.VoteResultWrapper > ul > li{flex:1 1; font-size:12px; line-height:110%; font-weight:500; padding:4px;}
.VoteResultWrapper > ul > li:first-of-type{flex:0 0 30%; border-right:1px solid #CCCCCC; color:#000000; text-align:right;}
.VoteResultWrapper > ul > li:nth-of-type(2){flex:1 1 auto;}
.VoteResultWrapper > ul > li:lase-of-type{flex:0 0 20px;}
.VoteResultWrapper > ul > li:nth-of-type(2){flex:0 1; padding:3px 0px;}
.VoteResultWrapper > ul > li:nth-of-type(2)::before{content:""; display:block; width:100%; height:15px; margin:0px; padding:0px; font-size:0px; line-height:0px;}
.VoteResultWrapper > ul:first-of-type > li:nth-of-type(2)::before{background-color:#18cfd6;}
.VoteResultWrapper > ul:nth-of-type(2) > li:nth-of-type(2)::before{background-color:#ef4d79;}
.VoteResultWrapper > ul:nth-of-type(3) > li:nth-of-type(2)::before{background-color:#bfc63b;}
.VoteResultWrapper > ul:nth-of-type(4) > li:nth-of-type(2)::before{background-color:#534c0d;}
.VoteResultWrapper > ul:nth-of-type(5) > li:nth-of-type(2)::before{background-color:#d58a58;}
.VoteResultWrapper > ul:nth-of-type(6) > li:nth-of-type(2)::before{background-color:#f26522;}
.VoteResultWrapper > ul:nth-of-type(7) > li:nth-of-type(2)::before{background-color:#2574a9;}
.VoteResultWrapper > ul:nth-of-type(8) > li:nth-of-type(2)::before{background-color:#26a65b;}
.VoteResultWrapper > ul:nth-of-type(9) > li:nth-of-type(2)::before{background-color:#f62459;}
.VoteResultWrapper > ul:nth-of-type(10) > li:nth-of-type(2)::before{background-color:#9b59b6;}
.VoteResultWrapper > ul:nth-of-type(11) > li:nth-of-type(2)::before{background-color:#34495e;}
.VoteResultWrapper > ul:nth-of-type(12) > li:nth-of-type(2)::before{background-color:#00aeef;}
.VoteResultWrapper > ul:nth-of-type(13) > li:nth-of-type(2)::before{background-color:#1d417f;}
.VoteResultWrapper > ul:nth-of-type(14) > li:nth-of-type(2)::before{background-color:#80786E;}
.VoteResultWrapper > ul:nth-of-type(15) > li:nth-of-type(2)::before{background-color:#FFC517;}
.VoteResultWrapper > ul:nth-of-type(16) > li:nth-of-type(2)::before{background-color:#FBA883;}
.VoteResultWrapper > ul:nth-of-type(17) > li:nth-of-type(2)::before{background-color:#FED2AF;}
.VoteResultWrapper > ul:nth-of-type(18) > li:nth-of-type(2)::before{background-color:#AED6C4;}


/* Comment  **********************************************************************************************************************************************************************************************/
.CommentWrapper{display:flex; flex-wrap:wrap; width:100%; justify-content:flex-start; align-items:flex-start; position:relative; margin:20px 0%; padding:0%;}
.CommentWrapper > div{position:relative;}
.CommentWrapper .CommentUser{flex:0 0 100%; background-color:#FFFFFF; border:1px solid #E2E3E4; border-bottom:0px; padding:10px;}
.CommentWrapper .CommentContent{flex:1 1; border:1px solid #E2E3E4; padding:0px 30px;}
.CommentWrapper .CommentContent .CommentBox > li{border-bottom:1px dotted #CCCCCC;}
.CommentWrapper .CommentContent .Pagination:first-of-type{border-bottom:1px dotted #E2E3E4; padding:30px 0px; margin:10px 0px;}
.CommentWrapper .CommentUser > div{width:100%; display:none;}
.CommentWrapper .CommentUser > div > ul{width:100%; background-color:#F8F8F8; padding:8px 18px; display:flex; flex-wrap:nowrap; list-style:none; margin:0px; align-items:center;}
.CommentWrapper .CommentUser > div > ul > li{flex:0 0; font-size:13px; white-space:nowrap; margin-right:10px;}
.CommentWrapper .CommentUser > div > #PostLogin{flex-wrap:wrap;}
.CommentWrapper .CommentUser > div > #PostLogin > li{flex:0 0 100%; margin:5px 0px;}
.CommentWrapper .CommentUser > div > #PostLogin .ButtonWappper > div{flex-basis:auto;}
.CommentWrapper .CommentUser > div > ul > li > span{display:inline-block; vertical-align:baseline;}
.CommentWrapper .CommentUser > div > ul > li > span.UserName{font-size:17px; font-weight:500;}
.CommentWrapper .CommentUser > div > ul > li > textarea{width:100%; height:3vh; min-height:100px; font-size:17px; font-family:Montserrat,NotoSansHK,Helvetica,Arial,'微軟正黑體','Microsoft JhengHei',sans-serif; resize:none;}
.CommentWrapper .CommentUser > div > ul > li input[type="radio"], .CommentWrapper .CommentUser > div > ul > li label{display:inline-block; vertical-align:middle;}
.CommentWrapper .CommentUser > div > ul > li label{font-size:15px; font-weight:500; margin-left:3px;}
.CommentWrapper .CommentUser > div .ButtonWappper{flex-wrap:nowrap; margin:0px;}
.CommentWrapper .CommentUser > div .ButtonWappper div{flex:0 0;}
.CommentWrapper .Content{width:100%; padding:10px 16px; margin:30px 0px; font-size:0px; display:flex; flex-wrap:wrap; align-items:center; list-style:none;}
.CommentWrapper .Content.CommentAuthor{padding-top:30px; padding-bottom:30px;}
.CommentWrapper .Content li{margin:0px; padding:0px;}
.CommentWrapper .Reaction{flex:0 1 130px; display:flex; flex-wrap:nowrap; justify-content:flex-end; align-items:center;}
.CommentWrapper .Reaction > div{height:26px; flex:1 1; font-size:13px;}
.CommentWrapper .Reaction > div img{height:100%; cursor:pointer; margin-right:5px; vertical-align:middle;}
.CommentWrapper .ThreadNumber{flex:0 1 50px; text-align:right; font-size:16px;}
.CommentWrapper p{margin:3px 0px; padding:0px; font-size:19px;}
.CommentWrapper > li{border-bottom:1px dotted #E2E3E4;}
.CommentWrapper .User{flex:1 1; display:flex; justify-content:flex-start; align-items:center;}
.CommentWrapper .User > span{flex:0 0; font-size:19px; font-weight:500; white-space:nowrap; margin:0px 10px 0px 0px;}
.CommentWrapper .User .Time{font-weight:normal;}
.CommentWrapper .UserMore{flex:0 0 20px !important; height:20px; display:inline-block; vertical-align:top; background-color:#FFFFFF; border:1px solid #CCCCCC; cursor:pointer; overflow:hidden; border-radius:50%; position:relative; transition:background-color ease-in 0.2s, border-color ease-in 0.2s;}
.CommentWrapper .UserMore::before{content:"…"; font-size:15px; font-weight:normal; position:absolute; color:#666666; display:block; width:15px; line-height:10px; left:4px;}
.CommentWrapper .UserMore:hover{background-color:#333333; border-color:#333333; transition:all ease-out 0.3s; transition:color ease-in 0.2s;}
.CommentWrapper .UserMore:hover::before{color:#FFFFFF; transition:all ease-out 0.3s;}
.CommentWrapper .CloseTheBox{left:-47px; top:calc(50% - 14px);}
.CommentWrapper .PopInfoBox{width:220px; padding:0px 10px; background-color:#FFFFFF; border-radius:10px; position:absolute; right:0px; border:3px solid #EFEFEF; -webkit-box-shadow:0px 0px 8px 3px rgba(0,0,0,0.2); box-shadow:0px 0px 8px 3px rgba(0,0,0,0.2); z-index:10000; display:none;}
.CommentWrapper .PopInfoBox a{display:block; width:100%; color:#000000; background-color:#FFFFFF; font-weight:500; font-size:15px; text-align:center; margin:5px 0px; padding:15px 0px; word-break:normal; border-radius:6px; transition:color ease-in 0.1s,background-color ease-in 0.1s;}
.CommentWrapper .PopInfoBox a:first-of-type{border-bottom:1px dotted #E2E3E4;}
.CommentWrapper .PopInfoBox a:hover{color:#FFFFFF; background-color:#333333; transition:all ease-out 0.2s;}
.CommentWrapper .PopInfoBox:after, .CommentWrapper .PopInfoBox:before{content:""; display:block; position:absolute; width:0%; height:0%; border-style:solid;}
.CommentWrapper .PopInfoBox:after{top:calc(50% - 15px); left:-30px; border-color:transparent #FFFFFF transparent transparent; border-width:15px;}
.CommentWrapper .PopInfoBox:before{top:calc(50% - 17px); left:-34px; border-color:transparent #FFFFFF transparent transparent; border-width:17px;}
.CommentWrapper .Message{flex:1 1 100%; padding:20px 0px !important;}
.CommentWrapper .Message p{font-size:17px; margin:10px 0px; color:#333333;}
.CommentWrapper .Message p:last-of-type{margin-bottom:0px;}
.CommentWrapper .Message div.QuoteMsg{background-color:rgba(255,255,255,0.8); color:#000000; margin:20px 0px 0px 0px; padding:12px 10px; border:1px solid #FFFFFF; border-left:6px solid #545454; -webkit-box-shadow:0px 0px 8px 3px rgba(0,0,0,0.1); box-shadow:0px 0px 8px 3px rgba(0,0,0,0.1); border-radius:6px; overflow:hidden;}
.CommentWrapper .Message div.QuoteMsg div{display:flex; flex-wrap:nowrap; width:100%; align-items:center;}
.CommentWrapper .Message div.QuoteMsg div > *{flex:0 0; white-space:nowrap; font-size:13px; font-weight:500; display:block; margin-right:10px;}
.CommentWrapper .Message div.QuoteMsg div > a{text-decoration:underline;}
.CommentWrapper .CommentFunc{flex:1 1 100%; text-align:right;}
.CommentWrapper .CommentFunc .ButtonWappper{width:auto; display:inline-block; margin:0px;}
.CommentWrapper .Message div.RlyMsg{background-color:rgba(255,255,255,0.8); color:#000000; margin:0px 0px 20px 0px; padding:12px 10px; border:1px solid #E2E3E4; border-left:6px solid #E2E3E4; -webkit-box-shadow:0px 8px 8px -4px rgba(0,0,0,0.1); box-shadow:0px 8px 8px -4px rgba(0,0,0,0.1); border-radius:6px; overflow:hidden; display:inline-block;}
.CommentWrapper .Message div.RlyMsg div{display:flex; flex-wrap:nowrap; width:100%; align-items:center;}
.CommentWrapper .Message div.RlyMsg div > *{flex:0 0; white-space:nowrap; font-size:13px; font-weight:500; display:block; margin-right:10px;}
.CommentWrapper .Message div.RlyMsg div > a{text-decoration:underline;}
.CommentNav{display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; margin:10px 0px; padding:0px;}
.CommentNav > h2{flex:1 1; margin-top:0px !important;}
.CommentNav > h2 svg{height:30px; display:inline-block; vertical-align:bottom; margin:0px 5px 0px 10px;}
.CommentNav > h2 span{vertical-align:middle;}
.CommentNav > div{margin:0px; padding-left:30px;}
.CommentNav > .Sorting{flex:0 0 auto; text-align:right;}
.CommentNav > .Sorting .Switcher > div:last-of-type > div span::before{content:""; border-left:5px solid transparent; border-right:5px solid transparent; width:0px; height:0px; display:inline-block; *display:inline; padding:0px; margin:0px 3px 0px 0px; float:left; vertical-align:bottom; position:absolute; top:calc(50% - 4px); left:calc(50% - 5px);}
.CommentNav > .Sorting .Switcher > div:first-of-type{padding-right:5px;}
.CommentNav > .Sorting .Switcher > div:last-of-type > div:first-of-type span::before{border-bottom:9px solid #999999;}
.CommentNav > .Sorting .Switcher > div:last-of-type > div:last-of-type span::before{border-top:9px solid #999999;}
.CommentNav > .Sorting .Switcher > div:last-of-type > div:first-of-type.Selected span::before{border-bottom:9px solid #FFFFFF;}
.CommentNav > .Sorting .Switcher > div:last-of-type > div:last-of-type.Selected span::before{border-top:9px solid #FFFFFF;}
.CommentNav > .Segment{flex:0 0 300px;}
@media only screen and (min-width:1400px) {
    .CommentWrapper{flex-wrap:nowrap;}
    .CommentWrapper > div{position:-webkit-sticky; position:sticky; top:70px; align-self:flex-start;}
    .CommentWrapper .CommentUser{flex:0 0 300px; border:1px solid #E2E3E4; z-index:10; transform:translateX(1px); -webkit-box-shadow:-8px 12px 12px -8px rgba(0,0,0,0.1); box-shadow:-8px 12px 12px -8px rgba(0,0,0,0.1); padding:10px 0px 10px 10px;}
    .CommentWrapper .CommentUser > div > ul{flex-wrap:wrap; margin:0px;}
    .CommentWrapper .CommentUser > div > ul > li{flex:0 0 100%; font-size:13px; padding:5px 0px; white-space:normal;}
    .CommentWrapper .CommentUser > div > ul > li > span{display:block;}
    .CommentWrapper .CommentUser > div .ButtonWappper{flex-wrap:wrap; margin:5px 0px;}
    .CommentWrapper .CommentUser > div .ButtonWappper div{flex:0 0 100%; margin:5px 0px; text-align:center;}
    .CommentWrapper .CommentUser > div > #PostLogin .ButtonWappper > div{flex-basis:48%; margin:0px 1%;}
    .CommentWrapper .CommentUser > div > ul > li > textarea{height:5vh; min-height:180px;}
    .CommentWrapper .CommentUser::after{width:1px; height:100%; display:block; position:absolute; top:0px; right:-1px; content:""; z-index:10; background-color:#FFFFFF;}
}









/* Auto Complete**********************************************************************************************************************************************************************************************/
#autoCompDIV, #PopularSearchDIV{position:absolute; z-index:1000000000; display:none; padding:10px 20px; -webkit-box-shadow: 0px 12px 20px -6px rgba(0,0,0,0.2); box-shadow: 0px 12px 20px -6px rgba(0,0,0,0.2); background-color:#FFFFFF; border:1px solid #E2E3E4; border-radius:5px; border-top:none; user-select:none;}
.autoCompTab{width:100%; margin:10px 0px; padding:0px; list-style:none; display:flex; flex-wrap:nowrap; align-items:stretch; align-content:stretch; border:1px solid #E2E3E4; border-radius:6px; height: 27px !important;}
.autoCompTab > div{font-size:13px; line-height:100%; padding:6px 2px; margin:0px; color:#999999; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; cursor:pointer; text-align:center; overflow:hidden; border-left:1px solid #E2E3E4; flex-grow:1;}
.autoCompTab > div.TabActives{background-color:#333333; color:#FFFFFF; position:relative; border:none; overflow:visible;}
.autoCompTab > div.TabActives::after{content:""; border-left:5px solid transparent; border-right:5px solid transparent; width:0px; height:0px; display:inline-block; *display:inline; padding:0px; margin:0px; border-top:5px solid #333333; z-index:2; position:absolute; bottom:-5px; left:calc(50% - 4px);}
.autoCompTab > div:first-of-type{border-top-left-radius:6px; border-bottom-left-radius:6px; border-left:none;}
.autoCompTab > div:last-of-type{border-top-right-radius:6px; border-bottom-right-radius:6px;}
.ac_list{padding:0px; margin:0px;}
.ac_list ul{padding:0px;}
.ac_list li{color:#333333; font-size:13px; list-style:none;}
.ac_list li{border-top:1px solid #E2E3E4; padding:5px 0px;}
.ac_list li:first-of-type{border-top:none;}
.ac_loading{background-image:url(<?php echo $PATH_URL_ROOT; ?>common/images/autocomplete_spinner.gif); background-position:right center; background-repeat:no-repeat; background-size:auto;}
.ac_list li.ac_even, .ac_list li.ac_odd{cursor:pointer; background-color:#FFFFFF; transition:ease-out 0.4s;}
.ac_list li.ac_even:hover, .ac_list li.ac_odd:hover{background-color:#E2E3E4; transition:ease-out 0.2s;}
#PopularKeyword{width:100%; height:auto; display:block; padding:3px 0px; margin:0px;}
#PopularKeyword a{display:inline-block; margin:3px; padding:5px 10px; border:1px solid #E2E3E4; border-radius:3px; overflow:hidden; background-color:#FFFFFF; font-size:14px; line-height:16px; font-weight:100; color:#333333; transition:ease-out 0.5s; cursor:pointer;}
#PopularKeyword a:hover{background-color:#333333; color:#FFFFFF; transition:ease-out 0.2s;}
#PopularSearchDIV h4{padding:10px 3px; margin:0px;}
#PopularSearchDIV > .ADContainer{width:100%; margin:15px 0px; padding-top:20px; border-top:1px solid #E2E3E4; text-align:center; overflow:hidden;}
#PopularSearchDIV > .ADContainer *{margin:auto; width:100%; max-width:320px;}



/* Layout *********************************************************************************************************************************************************************************************/
.ADWrapper{margin:30px 0px;}
#MainWrapper{width:100%; margin:0px auto; padding:0px; display:flex; flex-wrap:wrap; align-items:stretch; align-content:flex-start;}
.SkinnerRow{width:100%; display:block; min-height:100px;}
.SkinnerColumn.SkinnerLeft{text-align:right;}
#MainWrapper.SkinnerOn .SkinnerColumn{display:none;}
#MainContainer{flex:1 0 990px; width:100%; margin:0px auto; padding:0px; background-color:#FFFFFF; position:relative;}
@media only screen and (min-width:1280px) {
	#MainWrapper.SkinnerOn .SkinnerColumn{display:block; flex:0 0 130px; min-height:600px;}
    #MainWrapper.SkinnerOn #MainContainer{margin:0px; width:auto; max-width:calc(100% - 260px);}
}
@media only screen and (min-width:1540px) {
	#MainWrapper.SkinnerOn .SkinnerColumn{flex:1 1 130px;}
}
.GridWrapper{flex:1 0 930px; max-width:1540px; padding:30px; margin:0px auto; display:flex; flex-wrap:nowrap; align-items:flex-start;}
.GridWrapper.SectionBorder{border-top:1px solid #E2E3E4;}
.GridWrapper.SectionBorder h2:first-of-type{margin-top:10px;}
.Grid-Aside{flex:0 0 301px; padding-left:30px; border-left:1px solid #E2E3E4; transform:translateX(-1px); position:-webkit-sticky; position:sticky; top:70px; align-self:flex-start;}
.Grid-Aside .GridContainer{border-top:none; padding:20px 0px;}
.Grid-Main{flex:1 0 600px; max-width:100%; padding-right:30px; border-right:1px solid #E2E3E4; position:-webkit-sticky; position:sticky; top:70px; align-self:flex-start;}
.Grid-Article{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; position:relative; margin:0%; padding:0%;}
.Grid-Article-Content{flex:1 1 100%; order:1; position:relative;}
.Grid-Article-Extra{flex:1 1 100%; order:2; position:relative; min-width:220px;}
.Article-Cover{display:block; position:relative; width:100%; padding:52.3333333% 0% 0% 0%; overflow:hidden;}
.Article-Cover img{display:block; position:absolute; top:0%; left:0%; width:100%; height:auto; transition:all ease-in 0.1s;}
.Article-Cover img:hover{width:104%; top:-2%; left:-2%; transition:all ease-out 0.3s;}
@media only screen and (min-width:1440px) {
	.Grid-Article{flex-wrap:nowrap;}
	.Grid-Article-Content{flex:1 1 100%; order:2; position:-webkit-sticky; position:sticky; top:70px; align-self:flex-start;}
	.Grid-Article-Extra{flex:0 0 220px; order:1; margin-right:40px; position:-webkit-sticky; position:sticky; top:70px; align-self:flex-start;}
}
.Grid-Article-Extra .List h4, .Grid-Article-Extra .Grid h4{font-size:19px;}
.Grid-Article-Extra .List li{padding:12px 0px;}
.Grid-Article-Extra .ExtraHeader{font-size:22px; font-weight:500; margin:12px 0px;}
.Grid-Article-Extra .ProfileImg{flex:0 0 50px;}
.Grid-Article-Extra .GridContainer{flex-wrap:wrap; padding:0px; border:none; justify-content:space-around;}
.Grid-Article-Extra .GridContainer > div{flex:1 1 50%; padding:15px 40px; border-top:1px dotted #E2E3E4;}
.Grid-Article-Extra .GridContainer > div:nth-child(odd){padding-left:10px; border-right:1px dotted #E2E3E4;}
.Grid-Article-Extra .GridContainer > div:nth-child(even){padding-right:10px;}
.Grid-Article-Extra .CarouselWrapper{width:100%; max-width:100%;}
.Grid-Article-Extra #Extra-QuoteSearchWrapper{width:100%; height:40px; padding:0px 10px; margin-bottom:10px; border-radius:20px; border:1px solid #E2E3E4; display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-start;}
.Grid-Article-Extra #Extra-QuoteSearchInput{flex:0 0 calc(100% - 92px); width:calc(100% - 92px); height:40px; display:block; border:none; color:#FFFFFF;}

.Grid-Article-Extra #Extra-QuoteSearchInput::-webkit-input-placeholder{color:#999999; font-size:14px;}
.Grid-Article-Extra #Extra-QuoteSearchInput:-moz-placeholder{color:#999999; font-size:14px;}
.Grid-Article-Extra #Extra-QuoteSearchInput::-moz-placeholder{color:#999999; font-size:14px;}
.Grid-Article-Extra #Extra-QuoteSearchInput:-ms-input-placeholder{color:#999999; font-size:14px;}
.Grid-Article-Extra #Extra-QuoteSearchInput::-moz-placeholder{color:#999999; font-size:14px;}

.Grid-Article-Extra #Extra-QuoteSubmit{flex:0 0 70px; height:26px; display:block; text-align:center; border-radius:12px; background:#333333; color:#FFFFFF; border:1px solid #FFFFFF; -webkit-box-shadow:0px 6px 8px -4px rgb(0,0,0,50%); box-shadow:0px 6px 8px -4px rgb(0,0,0,50%); font-size:13px; line-height:24px; font-weight:normal; user-select:none; cursor:pointer;}


.Grid-Article-Extra #Extra-SearchIcon{flex:0 0 26px; width:26px; height:26px; z-index:2; opacity:0.6;}
.Grid-Article-Extra #Extra-SearchIcon img{height:100%;}

.Grid-Article-Extra .Table{margin:0px;}
.Grid-Article-Extra .Table + .Time, .CarouselWrapper + .Time{margin-top:12px;}

.Grid-Article-Extra .CarouseIndicator{margin:0px 0px 10px 0px;}

@media only screen and (min-width:1440px) {
	.Grid-Article-Extra .List h4, .Grid-Article-Extra .Grid h4{font-size:15px;}
	.Grid-Article-Extra .ExtraHeader{font-size:16px; margin:0px 0px 10px 0px;}
	.Grid-Article-Extra .GridContainer > div{flex:0 0 100%; padding:30px 0px; border-top:5px solid #F6F6F6;}
	.Grid-Article-Extra .GridContainer:first-of-type > div:first-of-type{border-top:none;}
	.Grid-Article-Extra .List p, .Grid-Article-Extra .List h4{display:block; width:100%; padding:3px 0px;}
	.Grid-Article-Extra .ADWrapper{margin-top:0px;}
    .Grid-Article-Extra .GridContainer > div:nth-child(odd){padding-left:0px;}
    .Grid-Article-Extra .GridContainer > div:nth-child(even){padding-right:0px;}
    .Grid-Article-Extra .Table li{font-size:14px !important;}
    .Grid-Article-Extra .Table.TypeC li.FullWidth{flex-basis:100%;}
    .Grid-Article-Extra .CarouselWrapper{max-width:220px;}
    .Grid-Article-Extra .GridContainer > div:nth-child(odd){border-right:none;}
}
.GridContainer{display:flex; flex-wrap:nowrap; align-items:stretch; flex:1 1 1540px; overflow:hidden; padding:30px 0px; margin:0px auto; border-top:1px solid #E2E3E4;}
.GridWrapper .GridContainer:first-of-type{border-top:none;}
.GridContainer:first-of-type{padding-top:0px;}
.GridContainer:last-of-type{padding-bottom:0px;}
.GridContainer.Line{border-bottom:1px solid #E2E3E4;}
.GridContainer > div{max-width:100%; overflow:hidden;}
.Grid-Gutter{flex:0 0 30px !important;}
.Grid-Gutter.Line{flex:0 0 61px !important; position:relative;}
.Grid-Gutter.Line::before{content:""; display:block; position:absolute; left:30px; top:0px; width:1px; height:100%; background-color:#E2E3E4;}
.Grid-Col-1{flex:1 1;}
.Grid-Col-2{flex:2 1;}
.GridContainer.Fluid{flex-wrap:wrap;}
.GridContainer.Fluid > div{flex-basis:100%;}
.GridContainer.Fluid .Grid-Gutter, .GridContainer.Fluid .Grid-Gutter.Line{flex:0 0 0px !important}
@media only screen and (min-width:1280px) {
	.GridContainer.Fluid{flex-wrap:nowrap;}
	.GridContainer.Fluid .Grid-Col-1{flex:1 1;}
	.GridContainer.Fluid .Grid-Col-2{flex:2 1;}
	.GridContainer.Fluid .Grid-Gutter{flex:0 0 30px !important;}
	.GridContainer.Fluid .Grid-Gutter.Line{flex:0 0 61px !important;}
}



/* Article Separator */
.ArticleSeparator{width:26px; height:52px; background-color:rgba(0,0,0,0.1); border-width:1px; border-style:solid; border-color:rgba(255,255,255,0.6); user-select:none; cursor:pointer; position:absolute; top:0px; z-index:10; border-radius:26px; transition:background-color ease-in 0.2s, border-color ease-in 0.2s, box-shadow ease-in 0.2s, -webkit-box-shadow ease-in 0.2s;}
.ArticleSeparator.Left{border-top-left-radius:0px; border-bottom-left-radius:0px; -webkit-box-shadow:4px 0px 8px -4px rgba(0,0,0,0.2); box-shadow:4px 0px 8px -4px rgba(0,0,0,0.2); left:0px;}
.ArticleSeparator.Right{border-top-right-radius:0px; border-bottom-right-radius:0px; -webkit-box-shadow:-4px 0px 8px -4px rgba(0,0,0,0.2); box-shadow:-4px 0px 8px -4px rgba(0,0,0,0.2); right:0px;}
.ArticleSeparator::before{display:block; line-height:52px; font-size:20px; color:rgba(255,255,255,0.6); margin:0px; padding:0px; position:absolute; top:-1px;}
.ArticleSeparator.Left::before{content:"〈"; left:-8px;}
.ArticleSeparator.Right::before{content:"〉"; right:-8px;}
.ArticleSeparator:hover{background-color:rgba(0,0,0,0.7);  border-color:rgba(255,255,255,1); transition:background-color ease-out 0.3s, border-color ease-out 0.3s, box-shadow ease-out 0.3s, -webkit-box-shadow ease-out 0.3s;}
.ArticleSeparator:hover::before{color:rgba(255,255,255,1);}



/* Header *********************************************************************************************************************************************************************************************/
header{width:100%; margin:0px; padding:0px; background-color:#FFFFFF; z-index:1000000000; position:relative; border-top:1px solid #E2E3E4;}
header > div{width:100%; height:auto; display:block; font-size:0px; position:relative;}
header > div:last-of-type{border-bottom:0px;}
header > div > div{width:96%; max-width:1540px; padding:0px 15px; margin:0px auto; display:flex; flex-wrap:nowrap; align-items:center; font-size:0px; position:relative;}

#ChannelWrapper{border-bottom:1px solid #E2E3E4; z-index:1;}
#ChannelContainer{width:98%; margin:0%; display:flex; flex-wrap:nowrap; align-items:flex-end; justify-content:flex-start;}
@media only screen and (min-width:1100px) {
	#ChannelContainer{width:96%; margin:auto;}
}
#ChannelNav{flex:1 1 100%; display:flex; flex-wrap:nowrap; align-items:flex-start; z-index:10000000000000000; position:relative;}
#ChannelNav a{flex-grow:1; padding:0px 8px; font-size:15px; font-weight:500; line-height:40px; height:40px; cursor:pointer; color:#333333; white-space:nowrap; background:#FFFFFF; display:block; position:relative; transition:all ease-out 0.3s;}

@media only screen and (min-width:1280px) {
	#ChannelNav{flex:0 1 auto;}
	#ChannelNav a{padding:0px 12px;}
}
@media only screen and (min-width:1400px) {
	#ChannelNav a{padding:0px 16px;}
}

#ChannelNav a:hover, #ChannelNav a:hover::after{transition:all ease-in 0.1s;}
#ChannelNav a::after{content:""; width:100%; height:2px; position:absolute; left:0%; bottom:0%; display:block; background-color:#FFFFFF; transition:all ease-out 0.3s;}
#ChannelNav a.News:hover, #ChannelNav a.News.Selected{color:#C91316;}
#ChannelNav a.News:hover::after{background-color:#C91316;}
#ChannelNav a.Stocks:hover, #ChannelNav a.Stocks.Selected, #ChannelNav a.Futures:hover, #ChannelNav a.Futures.Selected, #ChannelNav a.Etf:hover, #ChannelNav a.Etf.Selected, #ChannelNav a.Ashares:hover, #ChannelNav a.Ashares.Selected{color:#00A1BD;}
#ChannelNav a.Stocks:hover::after, #ChannelNav a.Futures:hover::after, #ChannelNav a.Etf:hover::after, #ChannelNav a.Ashares:hover::after{background-color:#00A1BD;}
#ChannelNav a.Warrants:hover, #ChannelNav a.Warrants.Selected{color:#FF6600;}
#ChannelNav a.Warrants:hover::after{background-color:#FF6600;}
#ChannelNav a.Forex:hover, #ChannelNav a.Forex.Selected{color:#9254C6;}
#ChannelNav a.Forex:hover::after{background-color:#9254C6;}
#ChannelNav a.Funds:hover, #ChannelNav a.Funds.Selected{color:#DAB401;}
#ChannelNav a.Funds:hover::after{background-color:#DAB401;}
#ChannelNav a.Mpf:hover, #ChannelNav a.Mpf.Selected{color:#569900;}
#ChannelNav a.Mpf:hover::after{background-color:#569900;}
#ChannelNav a.Property:hover, #ChannelNav a.Property.Selected{color:#003399;}
#ChannelNav a.Property:hover::after{background-color:#003399;}
#ChannelNav a.Lifestyle:hover, #ChannelNav a.Lifestyle.Selected{color:#27BDBE;}
#ChannelNav a.Lifestyle:hover::after{background-color:#27BDBE;}
#ChannelNav a.Diva:hover, #ChannelNav a.Diva.Selected{color:#782B90;}
#ChannelNav a.Diva:hover::after{background-color:#782B90;}
#ChannelNav a.Health:hover, #ChannelNav a.Health.Selected{color:#78AA42;}
#ChannelNav a.Health:hover::after{background-color:#78AA42;}
#ChannelNav a.Seg:hover, #ChannelNav a.Seg.Selected{color:#EF4D79;}
#ChannelNav a.Seg:hover::after{background-color:#EF4D79;}


#SectionWrapper{width:100%; margin:0px; padding:0px; background:#ededed; background:-moz-linear-gradient(top, #ededed 0%, #ffffff 50%); background:-webkit-linear-gradient(top, #ededed 0%,#ffffff 50%); background:linear-gradient(to bottom, #ededed 0%,#ffffff 50%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); border-top:1px solid #f6f6f6; position:relative; z-index:100000000; border-bottom:1px solid #EFEFEF; transition:background ease-in 0.1s; -webkit-box-shadow:0px 10px 12px -8px rgba(0,0,0,0.1); box-shadow:0px 10px 12px -8px rgba(0,0,0,0.1);}
#SectionWrapper.Highlight{background:-webkit-linear-gradient(top, #dadada 0%,#ededed 50%); background:linear-gradient(to bottom, #dadada 0%,#ededed 50%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#ededed',GradientType=0 ); transition:background ease-in 0.2s;}
#SectionWrapper.Sticky{position:fixed; top:0%; background:#333333; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); transition:background ease-out 0.3s; -webkit-box-shadow:0px 8px 12px -8px rgba(0,0,0,0.3); box-shadow:0px 8px 12px -8px rgba(0,0,0,0.3);}
#SectionWrapper.Sticky a{color:#FFFFFF; transition:background ease-out 0.3s;}
@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (-webkit-min-device-pixel-ratio: 3){
	#SectionWrapper.Sticky{position:sticky;}
}
#SectionWrapper.Sticky #SmallChannelGroup{display:block; flex:0 0 auto; padding:12px 0px 12px 15px;}
#SectionWrapper.Sticky #SectionItems > div > a.Blur{color:rgba(255,255,255,0.85);}
.SectionContainer{width:98%; max-width:1540px; margin:0%; display:flex; flex-wrap:nowrap; align-items:flex-end; justify-content:flex-start;}
@media only screen and (min-width:1100px) {
	.SectionContainer{width:96%; margin:auto;}
}
#SectionWrapper a{color:#333333; transition:background ease-in 0.2s;}
#SectionWrapper.Expand{display:block;}



#SectionItems > div{display:flex; flex-wrap:nowrap; align-items:stretch;}
#SectionItems > div{margin:0px 10px;}
#SectionItems #SmallChannelGroup{flex:0 0 0; display:none; overflow:hidden; padding:0px;}
#SectionItems #SmallChannelGroup #SmallLogo{padding:0px; margin:0px; line-height:18px;}
#SectionItems #SmallChannelGroup #SmallLogo img{height:20px; margin-right:4px; padding:0px;}
#SectionItems #SmallChannelGroup > *{display:inline-block; vertical-align:text-bottom;}
#SectionItems #SmallChannelGroup #SmallChannelName{font-size:19px; font-weight:500; color:#FFFFFF;}
#SectionItems #SmallChannelGroup #SmallChannelName::after{content:"〉"; font-size:15px; font-weight:normal; color:#FFFFFF; padding:0px 10px;}
#SectionItems > div > a{display:block; padding:11px 1vw 17px 1vw; flex:0 0 auto; color:#333333; margin-top:4px; font-size:15px; font-weight:500; align-self:center; border:1px solid transparent; border-bottom:none; border-radius:6px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; margin-bottom:-1px; transition:all ease-out 0.2s;}
#SectionItems > div > a.Selected{border-color:#E2E3E4; background-color:#FFFFFF; color:#000000; -webkit-box-shadow:0px -6px 6px -3px rgba(0,0,0,0.2); box-shadow:0px -6px 6px -3px rgba(0,0,0,0.2); transition:all ease-in 0.05s;}
#SectionItems > div > a.Blur{color:#666666;}

#SectionExtra{position:absolute; left:0%; top:auto; width:100%; max-width:none; z-index:10000000000; background-color:#FFFFFF; -webkit-box-shadow: 0px 12px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 12px 10px 0px rgba(0,0,0,0.15); display:none;}
#SectionExtra.Expand{display:block;}
#SectionExtra > div{display:flex; flex-wrap:nowrap; align-items:stretch;}
#SectionExtra a{color:#333333;}
#SectionExtra a:hover{color:#666666;}
#SectionExtra .ExtraHeader{font-size:17px;}
#SectionExtraContainer{width:96%; max-width:1540px; padding:20px 15px 30px 15px; margin:0px auto; display:flex; flex-wrap:nowrap; align-items:stretch; font-size:0px; position:relative;}
#SectionExtra.Sticky{position:fixed;}
@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (-webkit-min-device-pixel-ratio: 3){
	#SectionExtra.Sticky{position:sticky;}
}



#CategoryList{flex:0 0 360px; overflow:hidden; border-right:1px solid #E2E3E4;}
#CategoryList > div{display:none; width:100%;}
.CategoryListContainer{width:100%; display:flex; flex-wrap:wrap; margin-top:15px;}
.CategoryListContainer a{padding:5px 15px 5px 0px; font-size:15px; font-weight:500; flex:0 0 100%; display:block;}
.CategoryListContainer.Col2 a{flex:0 0 50%;}
.CategoryListContainer.Col3 a{flex:0 0 33%;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.CategoryListContainer.Col3 a{flex:0 0 29%;}
}



#SectionExtraContent{flex:1 1; display:flex;}
#SectionExtraContent > div{flex:1 1; padding:0px 15px;}
#SectionExtraContent > div:first-of-type{padding-left:30px;}
#SectionExtraContent > div:last-of-type{padding-right:30px;}
#SectionExtraContent h4 a{font-size:17px;}
.SecionContent-Col2, .SecionContent-Col3{display:none;}
#SectionExtraAD{flex:0 0 320px; overflow:hidden; padding:15px 0px 15px 20px; border-left:1px solid #E2E3E4;}
#SectionExtraAD > *{width:300px;}
@media only screen and (min-width:1280px) {
	.SecionContent-Col2{display:block;}
	#MainWrapper.SkinnerOn .SecionContent-Col2, #MainWrapper.SkinnerOn .SecionContent-Col3{display:none;}
}
@media only screen and (min-width:1540px) {
	.SecionContent-Col3{display:block;}
	#MainWrapper.SkinnerOn .SecionContent-Col2{display:block;}
}



#Spotlight{padding:20px 15px 30px 15px !important; display:flex; flex-wrap:nowrap; align-items:stretch; border-top:1px dotted #CCCCCC; width:96%; max-width:1540px; margin:auto;}
#Spotlight h4, #Spotlight a{flex:0 0 auto; margin:0px 30px 0px 0px; font-size:17px; font-weight:500;}



#Language{flex:0 0 90px; background-color:#FFFFFF; height:40px; margin-right:1px; position:relative; overflow:hidden; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
#Language:hover{height:auto; overflow:visible;}
#Language:hover #LanguageOption{-webkit-box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.1); box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.1); transition:all ease-out 0.2s; background-color:#333333; color:#FFFFFF;}
#LanguageOption{display:block; font-size:13px; line-height:40px; color:#666666; padding:0px; position:relative; text-align:center; width:100%; height:40px; z-index:3; background-color:#FFFFFF; pointer-events:none;}
#LanguageGroup{position:absolute; top:40px; left:0px; width:100%; height:auto; overflow:hidden; z-index:10000000000; background-color:#FFFFFF; -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1); box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1); transition:all ease-out 0.2s; cursor:pointer;}
#LanguageGroup a{display:block; text-align:center; padding:5px 10px; font-size:13px; line-height:30px; border-top:1px solid #E2E3E4; margin:0px; color:#666666;}
#LanguageGroup a:hover{background-color:#F2F2F2; color:#666666;}
#Setting{flex:0 0 40px; cursor:pointer;}
#Setting.Arrow::before{margin:15px; float:none;}



#MainHeaderWrapper{height:86px; z-index:100000000000000; width:98%; margin:0% 0% 0% 2%;}
#HdrLogo{height:30px; overflow:hidden; flex:0 0 100px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin-right:10px;}
#etnet_top_logo{height:100%;}
#HdrPromo{flex:0 1 300px; padding:0px 5px; height:56px; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
#HdrPromoContainer{width:94%; height:46px; margin:7px 3% 3px 3%; background-color:#FFFFFF; overflow:hidden; border:1px solid #E2E3E4; border-radius:5px; padding:4px; display:table; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); transition:0.2s;}
#HdrPromoContainer:hover{-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2); transition:0.2s;}
#HdrPromoTitle{position:absolute; z-index:2; top:1px; left:6%; height:11px; background-color:#FFFFFF; display:inline-block; font-size:11px; font-weight:bold; line-height:11px; color:#333333; padding:0px 3px;}
#HdrPromoContent{display:table-cell; width:100%; vertical-align:middle; font-size:13px; line-height:110%; font-weight:bold; overflow:hidden; padding:0px 6px; border-radius:3px; background-size:contain; background-position:center right;}
#HdrSearch{flex:1 1 500px; margin-right:20px;}
@media only screen and (min-width:1100px) {
	#HdrSearch{flex:1 1 500px;}
	#HdrPromo{flex:0 1 300px;}
	#MainHeaderWrapper{width:96%; margin:auto;}
}
#HdrSearch.LHS, #HdrSearch.LHS #GlobalSearchWrapper{margin-right:auto !important; margin-left:10px;}
#GlobalSearchWrapper{width:100%; max-width:400px; margin-right:20px; height:36px; border:1px solid #E2E3E4; border-radius:5px; background-color:#FFFFFF; display:table; padding:0px; margin:0px 0px 0px auto; position:relative; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
#GlobalSearchWrapper > *{display:table-cell;}
#SelectorWrapper{width:100px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; outline:none; position:relative;}
#SelectedOption{display:block; font-size:14px; font-weight:500; line-height:34px; color:#666666; padding:0px 30px 0px 10px; border:1px solid #E2E3E4; border-top-color:transparent; border-bottom-color:transparent; position:absolute; top:0px; left:0px; width:100%; height:34px; z-index:3; background-color:#FFFFFF; cursor:pointer; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
#SelectedOption::after{content:""; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #333333; width:0px; height:0px; display:inline-block; *display:inline; padding:0px; position:absolute; top:14px; right:10px; left:auto;}
#SelectedOption.Expand{border-color:#666666; border-bottom-color:#E2E3E4; background-color:#FFFFFF;}
#SelectedOption.HeaderButton.Expand::before{background:transparent !important;}
#SelectGroup{position:absolute; top:0px; left:0px; width:100%; height:0px; overflow:hidden; z-index:2; border:1px solid transparent; -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1); background-color:#F9F9F9; border-top:0px; box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1); transition:all ease-out 0.2s; cursor:pointer;}
#SelectGroup p{display:block; padding:5px 10px; font-size:14px; font-weight:500; line-height:26px; color:#666666; border-bottom:1px solid #E2E3E4; position:relative; margin:0px;}
#SelectGroup p:last-of-type{border-bottom:0px;}
#SelectGroup.Expand{height:111px; top:34px; border-color:#666666; transition:all ease-out 0.3s;}
#SelectGroup p:hover{background-color:#333333; color:#FFFFFF;}
#GlobalSearchInput{width:auto;}
#GlobalSearchInput input{height:34px; width:100%; border:0px; padding:0px 10px 0px 40px; background-image:url("../../../web_common/images/searchico.png"); background-repeat:no-repeat; background-size: auto 56%; background-position:left 8px center; background-color:transparent;}
#GlobalSearchSubmit{width:80px; font-size:14px; height:34px; line-height:34px; text-align:center; background-color:#F2F2F2; color:#666666; font-weight:500; overflow:hidden; border-top-right-radius:4px; border-bottom-right-radius:4px; cursor:pointer; transition:all 0.1s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none;}
#GlobalSearchSubmit:hover{background-color:#333333; color:#FFFFFF; transition:all 0.2s;}
#GlobalSearchWrapper.Focus{-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-color:#999999; transition:-webkit-box-shadow box-shadow border-color 0.3s;}
#HdrIcon{flex:0 0 auto; justify-content:flex-end; margin-right:30px;}
#MemberButton{flex:0 0 auto; text-align:center; height:70px; padding:0px 10px;}
#MemberProfileImg{border:1px solid #E2E3E4; border-radius:50%; width:30px; height:30px; overflow:hidden; display:inline-block; vertical-align:middle; margin-right:4px;}
#MemberProfileImg img{width:100%;}
#ServiceButton{flex:0 0 auto; height:70px; padding:0px 10px;}
#MenuButton{flex:0 0 70px; height:70px; padding:22px; cursor:pointer; transition:0.2s; background-color:#FFFFFF;}
#MenuButton > div{width:25px; height:2px; background-color:#999999; margin:5px 0px; transition:0.4s;}
#MenuButton.Expand{background-color:#333333;}
#MenuButton.Expand > div{background-color:#FFFFFF;}
#MenuButton.Expand > div:first-of-type{-webkit-transform:rotate(-45deg) translate(-9px, 6px); transform:rotate(-45deg) translate(-5px, 4px);}
#MenuButton.Expand > div:nth-of-type(2){opacity:0;}
#MenuButton.Expand > div:last-of-type{-webkit-transform:rotate(45deg) translate(-8px, -8px); transform:rotate(45deg) translate(-5px, -5px);}
.HeaderButton{cursor:pointer; z-index:1; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; position:relative;}
.HeaderButton > span.Text{display:inline-block; vertical-align:middle; font-size:14px; line-height:70px; color:#666666;}
.HeaderButton.Expand{-webkit-box-shadow: 0px -5px 12px 0px rgba(0,0,0,0.15); box-shadow: 0px -5px 12px 0px rgba(0,0,0,0.15); background-color:#FFFFFF !important; transition:0.2s; z-index:10;}
.HeaderButton.Expand span.Text{color:#333333;}
.HeaderButton.Expand::before{content:""; width:100%; height:20px; position:absolute; left:0px; top:0px; background:#FFFFFF; background:-moz-linear-gradient(top, #FFFFFF 6%, #EAEAEA 9%, #FFFFFF 49%); background: -webkit-linear-gradient(top, #FFFFFF 6%,#EAEAEA 9%,#FFFFFF 49%); background:linear-gradient(to bottom, #FFFFFF 6%,#EAEAEA 9%,#FFFFFF 49%); z-index:0;}
.HeaderButton.Expand::after{content:""; width:100%; height:5px; position:absolute; left:0px; bottom:-2px; background:#FFFFFF; z-index:10;}
#MenuButton.HeaderButton.Expand::after{background-color:#333333;}
.DropMenu{width:100%; position:absolute; left:0px; z-index:10000000000; display:none; -webkit-box-shadow: 0px 12px 20px -6px rgba(0,0,0,0.2); box-shadow: 0px 12px 20px -6px rgba(0,0,0,0.2); background-color:#FFFFFF; border-top:1px solid #E2E3E4;}
.DropMenu.Expand{display:block;}
.DropMenu > div{width:100%; max-width:1540px; min-width:1020px; padding:10px; display:flex; flex-wrap:nowrap; align-content:stretch; position:relative;}
#ServicePanel > div > div{height:220px; background-color:#FFFFFF; margin:5px; position:relative;}
.ServiceList{flex:1 0 100px; border:1px solid #FFFFFF; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; background-color:#000000 !important; webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); transition:0.2s; cursor:pointer; overflow:hidden;}
.ServiceList > div.ProductName{font-size:14px; color:#FFFFFF; line-height:110%; position:absolute; top:75%; left:3%; padding-left:2%; width:90%; z-index:2; border-left:2px solid #C91316;}
.ServiceList > div.ProductImg{width:100%; height:100%; background-size:cover; background-position:center; position:absolute; top:0%; left:0%; transition:ease-out 0.2s; -webkit-filter:grayscale(0.5); filter:grayscale(0.5); opacity:0.7;}
.ServiceList:hover{-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.3); transition:ease-in 0.2s;}
.ServiceList:hover > div.ProductImg{width:104%; height:104%; top:-2%; left:-2%; -webkit-filter:grayscale(0); filter:grayscale(0); opacity:1; transition:0.2s; transition:ease-out 0.15s;}
#ServiceIQ{flex:0 1 620px; display:flex; align-content:center; justify-content:flex-end; align-items:center; vertical-align:middle; background-image:url("../images/product_iqtq.jpg"); background-size:auto 100%; background-repeat:no-repeat;}
#ServiceIQ ul{list-style:none; flex:0 0 34%; padding:0px;}
#ServiceIQ ul li{padding:5px 0px 5px 0px; font-size:18px; line-height:30px; color:#333333; border-bottom:1px dotted #E2E3E4; cursor:pointer; position:relative; transition:0.4s;}
#ServiceIQ ul li::after{content:""; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid #CCCCCC; width:0px; height:0px; display:inline-block; *display:inline; padding:0px; position:absolute; top:15px; right:10px; left:auto;}
#ServiceIQ ul li:hover{background-color:#F7F7F7; text-indent:10px; transition:0.2s;}
#ServiceIQ ul li:last-of-type{border-bottom:none;}
#CIService > div.ProductImg{background-image:url("../images/product_hv.jpg");}
#PIService > div.ProductImg{background-image:url("../images/product_iq.jpg");}
#MobileService > div.ProductImg{background-image:url("../images/product_app.jpg");}
#MemberPanel > div{width:auto;}
#MemberPanel a{color:#333333;}
#MemberPanel a:hover{color:#666666;}
#MemberPanel .Grid{flex:1 1 auto; border-right:1px solid #E2E3E4; padding-right:10px; flex-wrap:nowrap;}
#MemberPanel .Grid > ul{flex:0 1 33.33333%;}
#MemberPanel .Grid > ul:last-of-type{display:none;}
@media only screen and (min-width:1200px) {
	#MemberPanel .Grid > ul{flex:0 1 25%;}
	#MemberPanel .Grid > ul:last-of-type{display:block;}
}
#MemberPanel .Grid > ul > li{padding:5px 10px;}
#MemberPanel h4{font-size:17px;}
#MemberPanel .Thumbnail{margin-bottom:5px;}
#MemberPanel .MemberNav{list-style:none; flex:0 1 350px; padding:0px 20px;}
#MemberPanel .MemberNav li{padding:5px 0px 5px 0px; font-size:18px; line-height:30px; font-weight:100; color:#333333; border-bottom:1px dotted #E2E3E4; cursor:pointer; position:relative; transition:0.4s;}
#MemberPanel .MemberNav li::after{content:""; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid #CCCCCC; width:0px; height:0px; display:inline-block; *display:inline; padding:0px; position:absolute; top:15px; right:10px; left:auto;}
#MemberPanel .MemberNav li:hover{background-color:#F7F7F7; text-indent:10px; transition:0.2s;}
#MemberPanel .MemberNav li:last-of-type{border-bottom:none;}
#GlobalSiteMap{background-color:#333333;}
#GlobalSiteMap > .SiteDomain{width:100%; max-width:none; background-color:#333333; padding:0px; border-bottom:1px solid #545454;}
#GlobalSiteMap > .SiteDomain  > a{width:100%; max-width:1540px; min-width:1020px; margin:auto; padding:20px 0px 10px 0px; display:block; font-size:28px; line-height:28px; color:#FFFFFF; font-weight:bold; letter-spacing:-1px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
#GlobalSiteMap > .SiteMap{width:100%; max-width:none; background-color:#4A4A4A; padding:0px;}
#GlobalSiteMap > .SiteMap > div{width:100%; max-width:1540px; min-width:1020px; margin:auto; padding:15px 10px 35px 10px; display:flex; flex-wrap:wrap; align-content:flex-start; align-content:stretch; position:relative;}
#GlobalSiteMap > .SiteMap > div > div{flex:0 0 14.2%; padding:2% 1% 0% 1%;}
#GlobalSiteMap > .SiteMap > div > div > a{display:block; color:#FFFFFF; font-size:13px; padding:4px 4px 4px 10px; line-height:110%;}
#GlobalSiteMap > .SiteMap > div > div > a:first-of-type{border-left-width:2px; border-left-style:solid; padding:5px 2px 5px 8px; font-size:15px; font-weight:bold; transition:ease-out 0.2s;}
#GlobalSiteMap > .SiteMap > div > div > a:hover{background-color:#5E5E5E; transition:ease-out 0.1s;}
#GlobalSiteMap > .SiteMap > div > div.News > a:first-of-type{border-left-color:#C91316;}
#GlobalSiteMap > .SiteMap > div > div.Stocks > a:first-of-type, #GlobalSiteMap > .SiteMap > div > div.Futures > a:first-of-type, #GlobalSiteMap > .SiteMap > div > div.Etf > a:first-of-type, #GlobalSiteMap > .SiteMap > div > div.Ashares > a:first-of-type{border-left-color:#00A1BD;}
#GlobalSiteMap > .SiteMap > div > div.Warrants > a:first-of-type{border-left-color:#FF6600;}
#GlobalSiteMap > .SiteMap > div > div.Forex > a:first-of-type{border-left-color:#9254C6;}
#GlobalSiteMap > .SiteMap > div > div.Funds > a:first-of-type{border-left-color:#DAB401;}
#GlobalSiteMap > .SiteMap > div > div.Mpf > a:first-of-type{border-left-color:#569900;}
#GlobalSiteMap > .SiteMap > div > div.Properties > a:first-of-type{border-left-color:#003399;}
#GlobalSiteMap > .SiteMap > div > div.Lifestyle > a:first-of-type{border-left-color:#27BDBE;}
#GlobalSiteMap > .SiteMap > div > div.Diva > a:first-of-type{border-left-color:#782B90;}
#GlobalSiteMap > .SiteMap > div > div.Health > a:first-of-type{border-left-color:#78AA42;}
#GlobalSiteMap > .SiteMap > div > div.Seg > a:first-of-type{border-left-color:#EF4D79;}
.ServiceDivider{flex:0 0 1px; background-color:#E2E3E4 !important; height:100%;}



/* Footer *********************************************************************************************************************************************************************************************/
footer{width:100%; margin:30px 0px 0px 0px; padding:0px; background-color:#FFFFFF; z-index:1000000000; position:relative; -webkit-box-shadow:0px -6px 6px 0px rgba(0,0,0,0.08); box-shadow:0px -6px 6px 0px rgba(0,0,0,0.08);}
footer > div{width:100%; height:auto; display:block; font-size:0px; position:relative;}
footer > div > div{width:96%; max-width:1540px; padding:0px 15px; margin:0px auto; display:flex; flex-wrap:nowrap; align-items:center; font-size:0px; position:relative;}
#FooterDomain{background-color:#3c3c3c; border-bottom:1px solid #555555;}
#FooterDomain > div > a{font-size:26px; font-weight:bold; padding:10px 0px; color:#FFFFFF; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;}
#FooterSitemap{background-color:#4a4a4a;}
#FooterSitemap > div{display:flex; flex-wrap:wrap; align-items:stretch; padding:20px 0px;}
#FooterSitemap > div > div{flex:0 0 auto; padding:2px 0px;}
#FooterSitemap > div > div > a{padding:2px 12px; margin:5px 0px; font-size:13px; line-height:100%; font-weight:normal; color:#FFFFFF; display:none; width:100%; text-indent:0%; transition:text-indent ease-in 0.3s;}
#FooterSitemap > div > div > a:first-of-type{font-size:15px; font-weight:500; padding:2px 10px; margin-bottom:0px; display:block;}
#FooterSitemap > div > div.News a{border-color:#C91316;}
#FooterSitemap > div > div.Stocks a, #FooterSitemap > div > div.Futures a, #FooterSitemap > div > div.Etf a, #FooterSitemap > div > div.Ashares a{border-color:#00A1BD;}
#FooterSitemap > div > div.Warrants a{border-color:#FF6600;}
#FooterSitemap > div > div.Forex a{border-color:#9254C6;}
#FooterSitemap > div > div.Funds a{border-color:#DAB401;}
#FooterSitemap > div > div.Mpf a{border-color:#569900;}
#FooterSitemap > div > div.Property a{border-color:#003399;}
#FooterSitemap > div > div.Lifestyle a{border-color:#27BDBE;}
#FooterSitemap > div > div.Diva a{border-color:#782B90;}
#FooterSitemap > div > div.Health a{border-color:#78AA42;}
#FooterSitemap > div > div.Seg a{border-color:#EF4D79;}
#FooterProduct{background-color:#FFFFFF;}
#FooterProduct p{line-height:100%; font-size:12px; font-weight:500; text-align:center; width:100%; margin:5px 0px; display:block;}
#FooterProduct > div{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; padding:40px 0px;}
#FooterProduct > div > div{flex:0 0; padding:0px 8px;}
#FooterProduct > div > div:first-of-type{flex:0 0 100%;}
#FooterProduct > div > div > div{display:flex; flex-wrap:wrap; align-items:center;}
#FooterProduct > div > div > div > div, #FooterProduct > div > div >  div > a, #FooterProduct > div > div >  div > div > a{display:block; flex-grow:0; color:#333333; margin:0px 6px;}
#FooterProduct #AppFamily {align-items: normal;}
#FooterProduct #AppFamily img{height:60px; -webkit-box-shadow:0px 8px 10px -3px rgba(0,0,0,0.15); box-shadow:0px 8px 10px -3px rgba(0,0,0,0.15); transition:box-shadow ease-in 0.1s; border-radius:6px; overflow:hidden;}
#FooterProduct #AppFamily img:hover{-webkit-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.3); box-shadow:0px 8px 10px 0px rgba(0,0,0,0.3); transition:box-shadow ease-out 0.2s;}
#FooterProduct #AppFamily #AppFamilyHeader{white-space:nowrap; flex:0 0 100%; margin-bottom:10px; text-align:left;}
#FooterProduct #AppFamily #AppFamilyHeader span{font-size:22px; font-weight:normal; display:inline-block; vertical-align:middle; margin-right:10px;}
#FooterProduct #AppFamily #AppFamilyHeader img{display:inline-block; height:22px; margin-right:5px; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0); vertical-align:middle;}
#FooterProduct #SNSFamilyHeader{flex:0 0 100%; white-space:nowrap; font-size:12px; margin:20px 0px 10px 0px; font-weight:500; color:#333333; display:block;}
#FooterProduct #SNSFamily{margin-top:20px;}
#FooterProduct #SNSFamily > div {flex:0 0 100%; display:flex; flex-wrap:nowrap;}
#FooterProduct #SNSFamily a, #FooterProduct #SNSFamily div.Platform{margin-left:0px; transition:box-shadow ease-in 0.1s; flex:0 0;}
#FooterProduct #SNSFamily a p:first-of-type{width:80px; height:60px; display:flex; flex-wrap:nowrap; align-items:center; overflow:hidden; border-radius:50%; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}
#FooterProduct #SNSFamily a:hover p:first-of-type{-webkit-box-shadow:0px 8px 10px -3px rgba(0,0,0,0.15); box-shadow:0px 8px 10px -3px rgba(0,0,0,0.15); transition:box-shadow ease-out 0.2s;}
#FooterProduct #SNSFamily a p:last-of-type{text-align:center; letter-spacing:-1px; font-size:12px;}
#FooterProduct #SNSFamily img{height:60px; display:block; margin:auto;}
#FooterProduct #SNSFamily div.Platform{margin:0px 6px; align-self:center;}
#FooterProduct #SNSFamily div.Platform img{height:30px;}
#FooterContact{background-color:#E9E9E9;}
#FooterContact a{color:#000000;}
#FooterContact a:hover{color:#666666;}
#FooterContact > div, #FooterContact > div > div{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; padding:6px 0px; flex:0 0 100%;}
#FooterContact > div > div > div, #FooterContact > div > div > a{font-size:13px; flex:0 0 100%; text-align:center;}
#FooterContact #FooterContactItem > a{padding:0px 10px; border-left:1px solid #CCCCCC; display:block; flex:0 0 auto;}
#FooterContact #FooterContactItem > a:first-of-type{border-left:none;}
#FooterDisclaimer > div{padding:10px 0px; flex-wrap:wrap;}
#FooterDisclaimer p{font-size:11px; text-align:justify; line-height:110%; margin:10px 0px; color:#000000; font-weight:normal;}

@media only screen and (min-width:568px) {
    #FooterProduct > div{justify-content: center;}
    #FooterProduct > div > div{padding:0px 25px;}
    #FooterProduct #AppFamily #AppFamilyHeader{text-align:center;}
    #FooterProduct #SNSFamily{justify-content:center;}
    #FooterProduct #SNSFamily > div{flex:0 0 auto;}
    #FooterProduct #SNSFamily > #SNSFamilyHeader{flex:0 0 100%; text-align:center; width:100%; display:block;}
    #FooterProduct > div > div, #FooterProduct > div > div:first-of-type, #FooterProduct > div > div > div{flex:0 0 100%; justify-content:center;}
    #FooterProduct > div > div > div{flex-wrap:wrap;}
    #FooterContact > div > div > div, #FooterContact > div > div > a{flex:0 0 auto;}
    #FooterContact > div > div > div{margin:0px 10px;}
}

@media only screen and (min-width:1024px) {
    #FooterSitemap > div > div{flex:1 1 14%; padding:10px 0px;}
    #FooterSitemap > div > div > a{display:block;}
    #FooterSitemap > div > div > a:hover{text-indent:4%;  transition:all ease-out 0.2s;}
    #FooterSitemap > div > div > a:first-of-type{padding:2px 10px; border-left-style:solid; border-left-width:2px; margin-bottom:10px;}
    #FooterDisclaimer > div{padding:30px 0px;}
}
@media only screen and (min-width:1400px) {
    #FooterProduct > div{flex-wrap:nowrap;}
    #FooterProduct > div > div:first-of-type{border-right:1px solid #E2E3E4;}
    #FooterProduct #SNSFamily{margin-top:0px;}
    #FooterProduct #SNSFamily > #SNSFamilyHeader{flex:0 0 auto; width:auto; display:flex; margin:0px;}
    #FooterContact > div, #FooterContact > div > div{flex-wrap:nowrap; justify-content:space-between; flex:0 0 auto;}
    #FooterProduct > div > div, #FooterProduct > div > div:first-of-type, #FooterProduct > div > div > div{flex:0 0 auto;}
    #FooterProduct #AppFamily #AppFamilyHeader{flex:0 0 auto; margin-bottom:0px;}
}

#BackToTop{position:fixed; bottom:30px; right:30px; z-index:100000000000; width:60px; height:60px; display:block; border-radius:50%; overflow:hidden; -webkit-box-shadow:0px 25px 20px -10px rgb(0,0,0,0.3); box-shadow:0px 25px 20px -10px rgb(0,0,0,0.3); user-select:none; cursor:pointer;}
#BackToTop::before{content:""; position:absolute; top:24px; left:21px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom-width:12px; border-bottom-style:solid; border-bottom-color:rgba(0,0,0,0.4); width:0px; height:0px; display:inline-block; *display:inline; padding:0px; margin:0px 3px 0px 0px; float:left; vertical-align:bottom; z-index:10000; pointer-events:none; transition:border-bottom-color ease-in 0.2s;}
#BackToTop::after{content:""; position: absolute; top:0px; left:0px; width:60px; height:60px; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter:blur(4px); transition: background-color ease-in 0.2s;}

#BackToTop:hover::before{border-bottom-color:rgba(0,0,0,0.8); transition:border-bottom-color ease-out 0.2s;}
#BackToTop:hover::after{background-color:rgba(255,255,255,0.9); transition:background-color ease-out 0.2s;}


.SectionMenu{width:100%; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:flex-start;}
.SectionMenu a{flex:0 0 auto; font-size:14px; line-height:120%; color:#666666; font-weight:100; padding:5px 10px; border:1px solid #E2E3E4; border-radius:9px; margin:0px 4px 4px 0px; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0); box-shadow:0px 0px 0px 0px rgba(0,0,0,02); user-select:none; transition:color 0.2s ease-in, border-color 0.2s ease-in;}
.SectionMenu a:hover{color:#000000; border-color:#333333; -webkit-box-shadow:0px 5px 5px -2px rgba(0,0,0,0.2); box-shadow:0px 5px 5px -2px rgba(0,0,0,0.2); transition:color 0.2s ease-out,border-color 0.2s ease-out;}
.SectionMenu a.Selected{color:#FFFFFF;}