@charset "utf-8";
/* CSS Document */
/* SaintIsland 聖島事務所 繁中版RWD網站
   2017.10.31
   Karen
----------------------------------*/

/*=======================================全域設定=======================================*/



/*全域屬性
------------------------*/
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
html, body { padding:0; margin:0; background:#151d3b; /*解決手機溢位隱藏的問題*/ position:relative;}
html { /*針對 Safiri Mobile 旋轉時自動放大做的調整*/ -webkit-text-size-adjust: 100%;}
body { font-family:"微軟正黑體";}
a img { border:none;}


/*共用元件
------------------------*/
.Wrapper { width:100%; height:auto; overflow:hidden;}
.MainWrap { width:100%; height:auto; overflow:hidden; background:#f5f3f2;}
.Div-W1200 { width:100%; max-width:1200px; height:auto; overflow:hidden; margin:0 auto;}



/*=======================================上方區塊設定=======================================*/



/*Header
------------------------*/
.Header { width:100%; height:auto; padding:0 10px; overflow:visible; position:relative; background: rgb(38,39,68); 
background: -moz-linear-gradient(top, rgb(38,39,68) 0%, rgb(20,29,59) 100%); background: -webkit-linear-gradient(top, rgb(38,39,68) 0%,rgb(20,29,59) 100%);
background: linear-gradient(to bottom, rgb(38,39,68) 0%,rgb(20,29,59) 100%);}
.Header:after { content:''; display:block; width:100%; height:4px; position:absolute; bottom:-4px; left:0; z-index:5; background: rgb(192,164,71);
background: -moz-linear-gradient(left, rgb(192,164,71) 0%, rgb(192,164,71) 20%, rgb(232,207,126) 30%, rgb(192,164,71) 40%, rgb(192,164,71) 100%);
background: -webkit-linear-gradient(left, rgb(192,164,71) 0%,rgb(192,164,71) 20%,rgb(232,207,126) 30%,rgb(192,164,71) 40%,rgb(192,164,71) 100%);
background: linear-gradient(to right, rgb(192,164,71) 0%,rgb(192,164,71) 20%,rgb(232,207,126) 30%,rgb(192,164,71) 40%,rgb(192,164,71) 100%);}
.Header * { padding:0; margin:0; text-decoration:none; list-style:none;}
.Header .HeaderBox { width:100%; max-width:1350px; height:100px; overflow:visible; margin:0 auto; position:relative; padding:10px 0 0 380px;}
.Header .Logo { position:absolute; left:0; top:50%; margin-top:-35px;}
.Header .Logo a { width:295px; height:70px; display:block; background:url(../Images/Logo.png) left center no-repeat; text-indent:-9999px;
-moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; background-size:contain;}
.Header .TopNav { width:100%; height:auto; overflow:hidden; text-align:right; font-size:0; margin-bottom:10px;}
.Header .TopNav li { display:inline-block; margin-left:10px;}
.Header .TopNav li:nth-child(1) { margin-left:0;}
.Header .TopNav li a { display:block; line-height:20px; color:#a4bbd3; font-size:14px; -webkit-transition:all .2s; transition:all .2s;}
.Header .TopNav li a:hover { color:#fff;}
.Header .Nav { width:100%; height:auto; overflow:visible; text-align:right; font-size:0;}
.Header .Nav li.NavLi { display:inline-block; position:relative; overflow:visible;}
.Header .Nav li.NavLi>a { width:100%; height:35px; line-height:35px; padding:0 15px; display:block; color:#fff; font-size:18px; -webkit-transition:all .2s; transition:all .2s;}
.Header .Nav li.NavLi:hover>a { border-bottom:3px solid #dab041; color:#d9b766;}
.Header .Nav li.NavLi ul.SubNav { width:140%; height:auto; overflow:hidden; background:rgba(21,30,59,.95); position:absolute; top:35px; left:-20%; z-index:10; display:none; }
.Header .Nav li.NavLi ul.SubNav li { width:100%; height:auto; overflow:hidden;}
.Header .Nav li.NavLi ul.SubNav li a { width:100%; height:auto; overflow:hidden; display:block; font-size:15px; color:#fff; text-align:left; padding:10px; line-height:1.2em;
-webkit-transition:all .2s; transition:all .2s;}
.Header .Nav li.NavLi ul.SubNav li a:hover { background:#c0a447;}
.Header .Nav li.Mobile { display:none;}
.Header .Nav li.TopSearchBu { margin-left:10px;}
.Header .Nav li.TopSearchBu .TopSearchOpen,.Header .Nav li.TopSearchBu .TopSearchClose { font-size:20px; color:#fff; cursor:pointer;}
.Header .Nav li.TopSearchBu .TopSearchClose { display:none;}
.Header .TopSearch { width:100%; max-width:1350px; height:auto; padding:10px 0; margin:0 auto; overflow:hidden; position:relative; display:none;}
.Header input { width:100%; height:40px; line-height:40px; border:none; outline:none; display:block; font-family: "微軟正黑體"; padding:0 45px 0 10px; font-size:18px;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.Header .SearchBtn { width:40px; height:40px; text-align:center; position:absolute; right:0; top:10px; font-size:20px; color:#000;}
.Header .SearchBtn i { line-height:40px;}


/*Banner
------------------------*/
.DefBanner, .Banner { width:100%; height:auto; overflow:hidden;}



/*=======================================首頁設定=======================================*/



.DefContent { width:100%; height:auto; overflow:hidden;}
.DefContent h2 { /*font-size:50px;*/ font-size:40px; color:#dab041; font-weight:normal;}
.DefContent * { padding:0; margin:0; list-style:none; text-decoration:none;}
.DefContent .Div-W1200 { margin:0 auto;}

/*DefNewsMarquee
------------------------*/
.DefNewsMarquee { width:100%; height:100px; overflow:hidden; padding:30px 0;}
.DefNewsMarquee .Div-W1200 { height:40px; position:relative; padding-left:120px;}
.DefNewsMarquee .Div-W1200 .DefTitle { position:absolute; top:5px; left:0; width:120px; height:30px; line-height:30px; font-size:24px; color:#dab041; border-left:5px solid #dab041; padding-left:10px; font-weight:normal;}
.DefNewsMarquee #abgne_marquee { width:100%; height:40px; overflow:hidden; position:relative;}
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl { width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:0; padding:0; margin:0;}
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li { width:100%; height:auto; overflow:hidden; float:left; margin:0;}
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a { display:block; width:100%; height:40px; overflow:hidden; padding:10px; line-height:20px; position:relative; padding-right:100px; font-size:20px; -webkit-transition:all .2s; transition:all .2s;}
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a:link,
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a:visited  { color:#0f1e2e;}
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a:hover,
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a:active,
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a:hover .Date,
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a:active .Date { color:#dab041;}
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a .Subject { width:100%; height:auto; overflow:hidden; display:block;
/*超出範圍顯示"..."*/  
white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a .Date {position:absolute; top:0; right:0; height:40px; line-height:40px; color:#888; font-family:Arial, Helvetica, sans-serif;}

.DefDateListWarp { width:100%; height:auto; overflow:hidden; background:url(../Images/Bg_DefDateListWarp.jpg) top center no-repeat;
-moz-background-size:100% 100% ;
-webkit-background-size:100% 100% ;
-o-background-size:100% 100% ;
background-size:100% 100% ;}
.DefListWarp { width:100%; height:auto; overflow:hidden; background:url(../Images/Bg_DefListWarp.jpg) top center no-repeat;
-moz-background-size:100% 100% ;
-webkit-background-size:100% 100% ;
-o-background-size:100% 100% ;
background-size:100% 100% ;}
.DefDateListWarp h2,
.DefListWarp h2{ margin-bottom:30px;border-left:5px solid #dab041; padding-left:10px; /*height:50px; line-height:50px;*/ height:40px; line-height:40px;}
.DefDateListWarp .Div-W1200,
.DefListWarp .Div-W1200{ display:flex;}

.DefList { width:50%; height:auto; overflow:hidden; float:left; padding:40px 0; position:relative;}
.DefList:nth-child(1){ padding-right:20px;}
.DefList:nth-child(2){ padding-left:20px;}
.DefList .DefListUl { width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.DefList .DefListUl .DefListLi { width:100%; height:auto; overflow:hidden; float:left; margin-bottom:10px;}
.DefList .DefListUl .DefListLi:last-child { margin-bottom:0;}
.DefList .DefListUl .DefListLi a { display:block; width:100%; height:auto; overflow:hidden; padding:20px; line-height:18px; height:60px; font-size:20px; border:1px solid #406398; padding-left:130px; position:relative; -webkit-transition:all .2s; transition:all .2s;}
.DefList .DefListUl .DefListLi a:link,
.DefList .DefListUl .DefListLi a:visited { color:#fff;}
.DefList .DefListUl .DefListLi a:hover,
.DefList .DefListUl .DefListLi a:active { color:#fff; background:rgba(20,60,130,0.9); border:1px solid #547db9;}
.DefListWarp .DefList .DefListUl .DefListLi a { padding-left:20px;}
.DefListWarp .DefList .DefListUl .DefListLi a:hover,
.DefListWarp .DefList .DefListUl .DefListLi a:active { background:rgba(0,75,145,0.9); border:1px solid #4b74b0;}

.DefList .DefListUl .DefListLi a .Subject { width:100%; height:auto; overflow:hidden; line-height:20px;
/*超出範圍顯示"..."*/
white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.DefList .DefListUl .DefListLi a .Date {position:absolute; width:100px; height:20px; line-height:20px; top:20px; left:20px; color:#dab041; font-family:Arial, Helvetica, sans-serif;}
.DefList .DefListUl ~ a { width:140px; height:50px; line-height:48px; text-align:center; display:block; float:left; border:1px solid #dab041; 
 -webkit-transition:all .2s; transition:all .2s;}
.DefList .DefListUl ~ a:link,
.DefList .DefListUl ~ a:visited { color:#fff; background:#dab041;}
.DefList .DefListUl ~ a:hover,
.DefList .DefListUl ~ a:active { background:none; color:#dab041;}

.DefAbout { width:100%; height:auto; overflow:hidden; background:url(../Images/Bg_DefAbout.jpg) top center no-repeat; padding:40px 0; color:#fff; font-size:20px; line-height:30px;
-moz-background-size:100% 100% ;
-webkit-background-size:100% 100% ;
-o-background-size:100% 100% ;
background-size:100% 100% ;}
.DefAbout p {text-align:center;text-shadow: 0px 0px 20px rgba(150, 115, 35, 0.75);}
.DefAbout ul { width:100%; max-width:512px; margin:0 auto;text-shadow: 0px 0px 20px rgba(130, 90, 45, 1); margin-bottom:40px;padding-left:1.5em;}
.DefAbout ul li { list-style: disc;}
.DefAbout a { width:140px; height:50px; line-height:48px; text-align:center; display:block; margin:0 auto; border:1px solid #ffe9a9; 
 -webkit-transition:all .2s; transition:all .2s;}
.DefAbout a:link,
.DefAbout a:visited { color:#ffe9a9;}
.DefAbout a:hover,
.DefAbout a:active { background:rgba(255,230,170,0.9); color:#d9b766;}
.DefAbout h2 { text-align:center; position:relative; height:60px; line-height:60px; margin-bottom:40px; color:#fff;}
.DefAbout h2:before { content:'';width:30px; height:2px; background:#fff; display:block; overflow:hidden; position:absolute; top:50%; margin-top:-1px; left:50%; margin-left:-150px;}
.DefAbout h2:after {content:'';width:30px; height:2px; background:#fff; display:block; overflow:hidden; position:absolute; top:50%; margin-top:-1px; right:50%; margin-right:-150px;}


/*=======================================內頁共用設定=======================================*/



.Main { width:100%; max-width:1380px; height:auto; overflow:hidden; padding:40px 10px; margin:0 auto; display:-webkit-flex; display:flex;}
.Notice { color:#d40000;}

/*SideMenu
------------------------*/
.Main .SideMenu { -webkit-flex:initial; flex:initial; width:280px; height:auto; overflow:hidden; margin-right:40px;}
.Main .SideMenu * { margin:0; padding:0; list-style:none; text-decoration:none; font-weight:normal;}
.Main .SideMenu .SideHeader { width:100%; height:auto; overflow:hidden; background:#00417e; border-left:5px solid #dab041; padding-left:15px; position:relative;}
.Main .SideMenu .SideHeader h2.SideTitle { color:#fff; font-size:24px; line-height:60px;}
.Main .SideMenu #SlideDownButton,.Main .SideMenu #SlideUpButton { display:none;}
.Main .SideMenu .SlideMenu { width:100%; height:auto; overflow:hidden; background:#fff; display:block;}
.Main .SideMenu .SlideMenu>li { width:100%; height:auto; overflow:hidden; position:relative;}
.Main .SideMenu .SlideMenu>li:after { content:''; width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; background:rgb(238,238,238); 
background:-moz-linear-gradient(left, rgb(238,238,238) 0%, rgb(245,243,242) 100%); background:-webkit-linear-gradient(left, rgb(238,238,238) 0%,rgb(245,243,242) 100%);
background:linear-gradient(to right, rgb(238,238,238) 0%,rgb(245,243,242) 100%);} 
.Main .SideMenu .SlideMenu>li>a { width:100%; height:auto; overflow:hidden; display:block; color:#0f1e2e; font-size:20px; padding:15px 20px;
-webkit-transition:all .2s; transition:all .2s;}
.Main .SideMenu .SlideMenu>li>a:hover { color:#dab041;}
.Main .SideMenu .SlideMenu>li.Select>a { color:#dab041;}
.Main .SideMenu .SlideMenu ul.SubMenu { width:100%; height:auto; overflow:hidden; padding:0 0 0 20px; /*margin-bottom:15px;*/ display:none;}
.Main .SideMenu .SlideMenu li.Select>ul.SubMenu { display:block;}
.Main .SideMenu .SlideMenu ul.SubMenu li { width:100%; height:auto; overflow:hidden; }
.Main .SideMenu .SlideMenu>li.Select>ul.SubMenu>li:last-child { margin-bottom:15px;}
.Main .SideMenu .SlideMenu ul.SubMenu li a { width:100%; height:auto; overflow:hidden; display:block; color:#0f1e2e; font-size:16px; padding:5px 20px; position:relative;-webkit-transition:all .2s; transition:all .2s;}
.Main .SideMenu .SlideMenu ul.SubMenu li a:hover { color:#074e90;}
.Main .SideMenu .SlideMenu ul.SubMenu>li.Select>a { color:#074e90;}
.Main .SideMenu .SlideMenu ul.SubMenu li a:before { font-family: FontAwesome; content:"\f105"; width:20px; height:30px; text-align:center; line-height:30px; position:absolute; 
top:0; left:0;}


/*ContentHeader
------------------------*/
.Main .Content { -webkit-flex:1; flex:1; text-align: justify; text-justify: inter-ideograph;}
/*針對特例修改*/
.Main .Content p[align="left"] { text-align: justify; text-justify: inter-ideograph; }
.Main .Content .ContentHeader { width:100%; height:auto; overflow:hidden; text-align:left; }
.Main .Content .ContentHeader * { margin:0; padding:0; text-decoration:none; font-weight:normal;}
.Main .Content .ContentHeader .ContentTitle { display:inline-block; line-height:40px; color:#00417e; font-size:30px; padding:10px 0 10px 15px; position:relative; }
.Main .Content .ContentHeader .ContentTitle:before { content:''; display:block; background:#dab041; width:5px; height:40px; position:absolute; left:0; top:10px; }
.Main .Content .ContentHeader .BreadCrumbs { display:inline-block; float:right; overflow:hidden; text-align:left; line-height:60px; font-size:14px; color:#888; white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.Main .Content .ContentHeader .BreadCrumbs a { color:#888; margin:0 2.5px; -webkit-transition:all .2s; transition:all .2s;}
.Main .Content .ContentHeader .BreadCrumbs a:nth-of-type(1) { margin:0 2.5px 0 0;}
.Main .Content .ContentHeader .BreadCrumbs a:last-of-type { margin:0 0 0 2.5px;}
.Main .Content .ContentHeader .BreadCrumbs a:hover { color:#333;}

.Main.Media_List .Content { width:100%; height:auto; overflow:hidden;}
.Main.Media_List .Content .media-list,
.Main.Media_List .Content .media-list li { padding:0; margin:0; list-style:none; text-decoration:none;}
.Main.Media_List .Content .media-list li { width:33%; height:auto; overflow:hidden; float:left; margin-right:0.5%; margin-bottom:10px;}
.Main.Media_List .Content .media-list li:nth-child(3n+1) { clear:both;}
.Main.Media_List .Content .media-list li:nth-child(3n+3) { margin-right:0;}
.Main.Media_List .Content .media-list li a { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.Main.Media_List .Content .media-list li a img { display:block; max-width:100%; height:auto;}

/*PageMenuContent
------------------------*/
.Main .Content .PageMenuContent { width:100%; height:auto; overflow:hidden; margin:20px 0; word-wrap:break-word; word-break:break-word;}
.Main .Content .PageMenuContent img { max-width:100%; height:auto;}
.Main .Content .PageMenuContent iframe {  max-width:100%; margin:20px auto;display:block;}


/*SocialNetwork
------------------------*/
.SocialNetwork { width:100%; height:auto; height:40px; overflow:hidden; text-align:right; font-size:0; margin-top:10px;}
.SocialNetwork span { width:30px; display:inline-block; margin:5px 2.5px;}
.SocialNetwork span img { max-width:100%; height:auto; display:block;}
.SocialNetwork + .bx-post-date { text-align:right; color:#dab041; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.5px;}

/*PageArticle
------------------------*/
.Main .Content .PageArticle { width:100%; height:auto; overflow:hidden; margin:30px 0 0 0; word-wrap:break-word; word-break:break-word; font-size:18px;}
.Main .Content .PageArticle img { max-width:100%; height:auto;}
.Main .Content .PageArticle iframe {  max-width:100%; margin:20px auto;display:block;}


/*DetailDownBu
------------------------*/
.Main .Content .DetailDownBu { width:100%; height:auto; overflow:hidden; margin:30px 0 0 0; text-align:center; font-size:0;}
.Main .Content .DetailDownBu a  { display:inline-block; padding:10px 11.5px; border:1px solid #00417e; color:#00417e; font-size:18px; text-decoration:none; margin:0 0 0 5px; 
-webkit-transition:all .2s; transition:all .2s;}
.Main .Content .DetailDownBu a:nth-child(1) { margin:0;}
.Main .Content .DetailDownBu a:hover { background:#00417e; color:#fff;}
.Main .Content .DetailDownBu a.FileDown:before { content:'\efdd'; font-family:icofont; margin-right:5px;}
.Main .Content .DetailDownBu a.ImgDown:before { content:'\ed3c'; font-family:icofont; margin-right:5px;}


/*Goback
------------------------*/
.Main .Content .Goback { width:120px;  line-height:40px;  display:block; padding:0 10px; text-align:center; border:1px solid #00417e; color:#00417e; font-size:18px; 
text-decoration:none; margin:30px auto 0 auto; -webkit-transition:all .2s; transition:all .2s;}
.Main .Content .Goback:hover { background:#00417e; color:#fff;}
.Main .Content .Goback.w150 { width:150px;}
.Main .Content .Btn_Two { width:250px; height:auto; overflow:hidden; margin:0 auto;}
.Main .Content .Btn_Two .Goback { margin:0; float:right;}
.Main .Content .Btn_Two .Goback:nth-child(1) { float:left;}

/*PageList
------------------------*/
.Main .Content .PageList { width:100%; height:auto; overflow:hidden; margin:30px 0 0 0;} 
.Main .Content .PageList * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Main .Content .PageList ul { text-align:center; font-size:0;}
.Main .Content .PageList .PageButton { width:40px; height:40px; display:inline-block; margin:5px 2.5px;}
.Main .Content .PageList .PageButton a { width:100%; height:40px; line-height:40px; display:block; text-align:center; font-size:18px; border:1px solid #ddd; color:#666; -webkit-transition:all .2s; transition:all .2s;}
.Main .Content .PageList .PageButton a:hover { background:#00417e; color:#fff;}
.Main .Content .PageList .Select a { background:#00417e; color:#fff;}



/*=======================================內頁單元設定=======================================*/



/*About
------------------------*/
.PageAbout { width:100%; height:auto; overflow:hidden;}


.Main .Content .PageArticle .AboutSaintisland { width:100%; height:auto; overflow:hidden;}
.Main .Content .PageArticle .AboutSaintisland p { text-align: justify; text-justify: inter-ideograph; line-height:1.5em;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg01 { width:100%; height:auto; overflow:hidden;  display: -webkit-flex; display:flex;  -webkit-align-items: center; align-items: center;  -webkit-justify-content: center;   justify-content: center;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg01 img { width:100%; max-width:250px; height:auto; display:block; margin-right:30px;-webkit-flex: initial;          flex: initial;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg01 p {-webkit-flex: 1;  flex: 1;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg02 { width:100%; height:auto; overflow:hidden;  display: -webkit-flex; display:flex;  -webkit-align-items: center; align-items: center;  -webkit-justify-content: center;   justify-content: center;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg02 img { width:100%; max-width:300px; height:auto; display:block; margin-left:30px; -webkit-flex: initial;          flex: initial;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg02 p {-webkit-flex: 1;  flex: 1;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg03 { width:100%; height:auto; overflow:hidden;  display: -webkit-flex; display:flex;  -webkit-align-items: center; align-items: center;  -webkit-justify-content: center;   justify-content: center;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg03 img { display:block; margin-right:30px; -webkit-flex: initial;          flex: initial;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg03 p {-webkit-flex: 1;  flex: 1;}

.Main .Content .PageArticle .AboutService { width:100%; height:auto; overflow:hidden;}
.Main .Content .PageArticle .AboutService .AboutContentImg { width:100%; height:auto; overflow:hidden;  display: -webkit-flex; display:flex;  -webkit-align-items: center; align-items: center;  -webkit-justify-content: center;   justify-content: center;}
.Main .Content .PageArticle .AboutService .AboutLeftContent { min-width:420px; font-size:16px; line-height:1.8em; margin-right:30px;}
.Main .Content .PageArticle .AboutService .AboutLeftContent img { max-width:200px; display:block; margin:0 auto;}
.Main .Content .PageArticle .AboutService .AboutLeftContent p:nth-of-type(1) { color:#d9b766; text-align:center; font-size:20px; font-weight:bold;} 
.Main .Content .PageArticle .AboutService .AboutRightContent img:nth-child(2) { display:none;}

.Main .Content .PageArticle .AboutLocation { width:100%; height:auto; overflow:hidden;}
.Main .Content .PageArticle .AboutLocation * { margin:0; padding:0; list-style:none; text-decoration:none; font-weight:normal;}
.Main .Content .PageArticle .AboutLocation h3 { text-align:center; color:#e1a517; margin:30px auto;}
.Main .Content .PageArticle .AboutLocation ul { width:100%; height:auto; overflow:hidden;}
.Main .Content .PageArticle .AboutLocation ul li { width:100%; height:auto; overflow:hidden; font-size:16px; line-height:1.8em; margin-bottom:50px; display: -webkit-flex; display:flex;  -webkit-align-items: center; align-items: center;  -webkit-justify-content: center;   justify-content: center;}
.Main .Content .PageArticle .AboutLocation ul li .Info { width:100%; height:auto; overflow:hidden;}
.Main .Content .PageArticle .AboutLocation ul li .Info h4 { color:#00417e; font-size:24px; border-bottom:2px solid #dab041; line-height:2em; margin-bottom:10px;}
.Main .Content .PageArticle .AboutLocation ul li .Info a { color:#000;} 
.Main .Content .PageArticle .AboutLocation ul li .Info span { display:inline-block;} 
.Main .Content .PageArticle .AboutLocation ul li .Info .Notice { color:#00417e;} 
.Main .Content .PageArticle .AboutLocation ul li iframe { width:100%; max-width:500px; height:200px; display:block; border:none; margin-left:30px;}

/*News
------------------------*/
.PageNews { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;}
.PageNews * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageNews li { width:100%; height:auto; overflow:hidden; border:1px solid #eee; background:#fff; margin-top:15px;}
.PageNews li a { width:100%; height:auto; overflow:hidden; display:block; position:relative; padding:0 0 0 130px; font-size:20px; -webkit-transition:all .2s; transition:all .2s;}
.PageNews li a:hover { background:#fff5d7;}
.PageNews li p.Date { position:absolute; left:20px; top:20px; color:#dab041;}
.PageNews li p.Subject { width:100%; height:auto; overflow:hidden; display:block; color:#0f1e2e; padding:20px 20px 20px 15px;}

.TaiwanIPLaw li p.Date { display:none;}
.TaiwanIPLaw li a { padding-left:40px; position:relative;}
.TaiwanIPLaw li a:before { content:'●'; width:20px; height:67px; line-height:67px; display:block; overflow:hidden; position:absolute; top:0; left:20px; font-size:12px; text-align:center; color:#0f1e2e;}


/*DownLoad
------------------------*/
.PageDownLoad { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;}
.PageDownLoad * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageDownLoad li { width:100%; height:auto; overflow:hidden; border:1px solid #eee; background:#fff; margin-top:15px; position:relative; padding:0; 
-webkit-transition:all .2s; transition:all .2s;}
.PageDownLoad li:hover { background:#fff5d7;}
.PageDownLoad li>a { width:100%; height:auto; overflow:hidden; display:block; position:relative; padding:0 240px 0 130px; font-size:20px}
.PageDownLoad li p.Date { position:absolute; left:20px; top:20px; color:#dab041;}
.PageDownLoad li p.Subject { width:100%; height:auto; overflow:hidden; display:block; color:#0f1e2e; padding:20px 20px 20px 15px;}
.PageDownLoad .PageDowndBu { width:220px; height:auto; overflow:hidden; position:absolute; right:20px; top:12px; text-align:right; font-size:0;}
.PageDownLoad .PageDowndBu a { display:inline-block; padding:10px; border:1px solid #00417e; color:#00417e; font-size:16px; text-decoration:none; margin:0 0 0 5px; 
-webkit-transition:all .2s; transition:all .2s;}
.PageDownLoad .PageDowndBu a:nth-child(1) { margin:0;}
.PageDownLoad .PageDowndBu a:hover { background:#00417e; color:#fff;}
.PageDownLoad .PageDowndBu a.FileDown:before { content:'\efdd'; font-family:icofont; margin-right:5px;}
.PageDownLoad .PageDowndBu a.ImgDown:before { content:'\ed3c'; font-family:icofont; margin-right:5px;}


/*FAQ
------------------------*/
.PageFAQ { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;}
.PageFAQ * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageFAQ .PageFAQLi { width:100%; height:auto; overflow:hidden; border:1px solid #eee; background:#fff; margin-top:15px; font-size:20px;}
.PageFAQ .PageFAQLi .Number { position:absolute; left:20px; top:20px; color:#dab041;}
.PageFAQ .PageFAQLi .Text { width:100%; height:auto; overflow:hidden; color:#0f1e2e; word-wrap:break-word; word-break:break-word;}
.PageFAQ .PageFAQLi .Text * { max-width:100%;}
.PageFAQ .PageFAQLi .FAQ-Q { width:100%; height:auto; overflow:hidden; cursor:pointer; position:relative; padding:20px 50px 20px 75px;-webkit-transition:all .2s;transition:all .2s;}
.PageFAQ .PageFAQLi:hover .FAQ-Q { background:#fff5d7;}
.PageFAQ .PageFAQLi.Active .FAQ-Q { background:#fff5d7;}
.PageFAQ .PageFAQLi .FAQ-Q:after { width:40px; height:67px; line-height:67px; overflow:hidden; display:block; text-align:center; color:#dab041; position:absolute; top:0; right:0; font-family: FontAwesome; content: "\f107"; font-size:40px;}
.PageFAQ .PageFAQLi.Active .FAQ-Q:after { content: "\f106"; }
.PageFAQ .PageFAQLi .FAQ-Q .Number:before { content:'Q'; display:inline;}
.PageFAQ .PageFAQLi .FAQ-A { width:100%; height:auto; overflow:hidden; cursor:pointer; position:relative; padding:20px 20px 20px 75px; display:none;}
.PageFAQ .PageFAQLi .FAQ-A .Number:before { content:'A'; display:inline;}

.PageFAQUl { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;}
.PageFAQUl * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageFAQUl li { width:100%; height:auto; overflow:hidden; border:1px solid #eee; background:#fff; margin-top:15px;}
.PageFAQUl li a { width:100%; height:auto; overflow:hidden; display:block; font-size:20px; -webkit-transition:all .2s; transition:all .2s; color:#0f1e2e; padding:20px;}
.PageFAQUl li a:hover { background:#fff5d7;}

/*Epaper
------------------------*/
.PageEpaper { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;}
.PageEpaper * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageEpaper li { width:24.25%; height:auto; overflow:hidden; float:left; margin:20px 0 0 1%;}
.PageEpaper li:nth-child(4n+1) { clear:both; margin:20px 0 0 0;}
.PageEpaper li a { width:100%; height:auto; overflow:hidden; display:block; background:#fff; border:1px solid #eee; padding:10px; -webkit-transition:all .2s; transition:all .2s;}
.PageEpaper li a:hover { background:#fff5d7;}
.PageEpaper li a .EpaperImg { width:100%; height:auto; position:relative; overflow:hidden; margin-bottom:15px;}
.PageEpaper li a .EpaperImg:before { content: ""; display: block; padding-top: 100%;}
.PageEpaper li a .EpaperImg span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.PageEpaper li a .EpaperImg span:before { content: ""; height:100%; vertical-align:middle; width:0; display:inline-block;}
.PageEpaper li a .EpaperImg span img { vertical-align:middle; display:inline-block; max-width:100%; height:auto; max-height:100%;}
.PageEpaper li a p.Subject { width:100%; height:auto; display:block; padding:0 10px; font-size:18px; color:#0f1e2e;}


/*ContactUs
------------------------*/
.ContactUs { width:100%; max-width:640px; height:auto; overflow:hidden; margin:0 auto;}
.ContactUs .Inquiry { width:100%; height:auto; overflow:hidden; margin:30px auto; padding:0;}
.ContactUs .Inquiry * { margin:0; padding:0; list-style:none; text-decoration:none;}
.ContactUs .Inquiry .InquiryBox { width:100%; height:auto; overflow:hidden; margin-top:15px; font-size:18px; position:relative; padding:0 0 0 120px; line-height:30px;}
.ContactUs .Inquiry .InquiryBox h3 { font-weight:normal; font-size:18px; width:120px; height:32px; line-height:32px; overflow:hidden; position:absolute; left:0; top:0; 
padding-left:.7em;}
.ContactUs .Inquiry .InquiryBox h3 span.Notice { position:absolute; left:0; top:0;}
.ContactUs .Inquiry .InquiryBoxR { width:100%; height:auto; overflow:hidden;}
.ContactUs .Inquiry .InquiryBoxR .ContactType { margin-right:10px;}
.ContactUs .Inquiry .InquiryBoxR input[type="text"] { width:100%; height:30px; overflow:hidden; line-height:30px; background:#fff; font-size:18px; padding:0 5px;font-family:"微軟正黑體"; outline:none;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;-webkit-appearance: none;-moz-appearance: none; appearance: none; border:none;}
.ContactUs .Inquiry .InquiryBoxR input[type="tel"] { width:100%; height:30px; overflow:hidden; line-height:30px; background:#fff; font-size:18px; padding:0 5px;font-family:"微軟正黑體"; outline:none;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;-webkit-appearance: none;-moz-appearance: none; appearance: none; border:none;}
.ContactUs .Inquiry .InquiryBoxR textarea { width:100%; height:100px; overflow:hidden; line-height:30px; background:#fff; font-size:18px; padding:0 5px;font-family:"微軟正黑體"; outline:none;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none;}
.ContactUs .Inquiry .InquiryBoxR .horizontal { padding:0; margin:0; display:flex; flex-wrap:wrap;}
.ContactUs .Inquiry .InquiryBoxR .horizontal li { display:inline-flex; width:auto; align-items:center; margin-right:10px; line-height:32px;}
.ContactUs .Inquiry .InquiryBoxR .horizontal li input[type="checkbox"] { width:20px; height:20px; margin-right:5px; opacity:0.8;}
.ContactUs .Inquiry .InquiryBoxR .horizontal li label { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; white-space:nowrap;}
.ContactUs .Inquiry .phone .InquiryBoxR input[type="text"] { width:210px; max-width:calc( 100% - 53px ); float:left; margin-right:10px;}
.ContactUs .Inquiry .phone .InquiryBoxR input[type="text"] ~ .horizontal { width:43px;}
.ContactUs .Inquiry .question .InquiryBoxR .horizontal { width:auto;float:left;}
.ContactUs .Inquiry .question .InquiryBoxR .horizontal + span.tip { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; line-height:32px;}
.ContactUs .Inquiry .Captcha { text-align:left;}
.ContactUs .Inquiry .Captcha img { display:inline-block; vertical-align: text-bottom; margin:0 5px;}
.ContactUs .Inquiry .Captcha a.Refresh { width:30px; height:30px; display:inline-block; color:#666; font-size:20px; -webkit-transition:all .2s; transition:all .2s;}
.ContactUs .Inquiry .Captcha a.Refresh:hover { color:#00417e;}
.ContactUs .Inquiry .Captcha a.Refresh i { line-height:30px;}
.ContactUs .Inquiry .Captcha input[type="text"] { width:120px;}
.ContactUs p.ContactNotice { text-align:center;}
.ContactUs p.ContactNotice span.Notice { margin:0 5px;}


/*wrapper-media-newest
-------------------------------*/
.wrapper-media-newest { width:100%; height:auto; overflow:hidden;}
.wrapper-media-newest * { padding:0; margin:0; list-style:none;}
.wrapper-media-newest > .wrapper-catalog { width:48%; height:auto; overflow:hidden; float:left;}
.wrapper-media-newest > .wrapper-catalog:nth-child(2n+2) { float:right;}
.wrapper-media-newest > .wrapper-catalog img { display:block; max-width:100%; height:auto; margin:0 auto; max-height:270px;}
.wrapper-media-newest > .wrapper-catalog .title { width:100%; height:auto; overflow:hidden; float:left; background:#00417e; color:#fff; text-align:center; padding:10px; margin-bottom:10px;}
.wrapper-media-newest > .wrapper-catalog .marquee { width:100%; height:400px; overflow:hidden; position:relative;}
.wrapper-media-newest > .wrapper-catalog .marquee ul{ width:100%; height:auto; overflow:hidden; position:absolute;}
.wrapper-media-newest > .wrapper-catalog .marquee li { width:100%; height:390px; overflow:hidden; padding:10px; background:#fff; margin-bottom:10px;
/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.wrapper-media-newest > .wrapper-catalog .marquee li .date { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#888; margin-bottom:5px; float:left;}
.wrapper-media-newest > .wrapper-catalog .marquee li .date + a { display:block; width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.wrapper-media-newest > .wrapper-catalog .marquee li .descr { width:100%; height:auto; overflow:hidden; font-size:14px;}
.wrapper-media-newest > .wrapper-catalog .marquee li .descr a { color:#00417e; font-style:italic; text-decoration:none;}
/*Search
------------------------*/
.Search { width:100%; height:auto; overflow:hidden;}
.Search * { margin:0; padding:0; list-style:none; text-decoration:none;}
.Search .NoData { text-align:center; font-size:20px; margin:30px auto;} 
.Search .SearchTitle { font-weight:normal; font-size:22px; color:#00417e; margin:20px 0 15px auto; }
.Search .PageSearch li { width:100%; height:auto; overflow:hidden; border:1px solid #eee; background:#fff; margin-top:15px;}
.Search .PageSearch li a { width:100%; height:auto; overflow:hidden; display:block; color:#0f1e2e; padding:20px; font-size:20px; -webkit-transition:all .2s; transition:all .2s;}
.Search .PageSearch li a:hover { background:#fff5d7;}
.Search .PageSearch li a > .Date { width:110px; color:#dab041; float:left;}
.Search .PageSearch li a > .Date + .Subject { display:block; width:calc( 100% - 110px ); float:right; padding-left:10px;}



/*=======================================底部區塊設定=======================================*/



/*Footer
------------------------*/
.Footer { width:100%; height:auto; overflow:hidden; background: rgb(38,39,68); background: -moz-linear-gradient(top, rgb(38,39,68) 0%, rgb(21,29,59) 100%); 
background: -webkit-linear-gradient(top, rgb(38,39,68) 0%,rgb(21,29,59) 100%); background: linear-gradient(to bottom, rgb(38,39,68) 0%,rgb(21,29,59) 100%);}
.Footer .SiteMap { width:100%; height:auto; overflow:hidden; padding:35px 10px; background:url(../Images/Bg_FooterSiteMap.jpg) center;
-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.Footer .SiteMap .SiteMapul { width:100%; max-width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:0;}
.Footer .SiteMap .SiteMapul *  { padding:0; margin:0; text-decoration:none; list-style:none;}
.Footer .SiteMap .SiteMapul li.SiteMapLi { width:13.428%; width:12.5%; height:auto; overflow:hidden; float:left; margin:0 0 0 1%; margin:0;}
.Footer .SiteMap .SiteMapul li.SiteMapLi:nth-child(1) { margin:0;}
.Footer .SiteMap .SiteMapul li.SiteMapLi a { width:100%; height:auto; overflow:hidden; display:block; text-align:center; -webkit-transition:all .2s; transition:all .2s;}
.Footer .SiteMap .SiteMapul li.SiteMapLi>a { color:#d9b766; font-size:20px; margin-bottom:15px;}
.Footer .SiteMap .SiteMapul li.SiteMapLi>a:hover { color:#fdcb56;}
.Footer .SiteMap .SiteMapul .SubSiteMapUl { width:100%; height:auto; overflow:hidden;}
.Footer .SiteMap .SiteMapul .SubSiteMapUl li { width:100%; height:auto; overflow:hidden; margin-top:5px;}
.Footer .SiteMap .SiteMapul .SubSiteMapUl li:nth-child(1) { margin-top:0;}
.Footer .SiteMap .SiteMapul .SubSiteMapUl li a { font-size:16px; color:#adacb2;}
.Footer .SiteMap .SiteMapul .SubSiteMapUl li a:hover { color:#fff;}
.Footer .Copyright { width:100%; display:block; margin:30px auto; padding:0 10px; text-align:center; color:#d4dde1;}
.Footer .Copyright small { display:block; font-size:14px;}
.Footer .Copyright small span { display:inline-block;}


/*uGear
------------------------*/
.uGear { width:130px; height:55px; float:right; background:url(../Images/uGear/truste_Ugear.png) left top no-repeat;}
.uGear a { display:block; width:130px; line-height:90px; font-size:12px; color:#d4dde1; text-decoration:none; text-indent:2px; -webkit-transition:all .2s; transition:all .2s;}
.uGear a:hover { color:#fff; }



/*=======================================媒體查詢設定=======================================*/



@media only screen and (min-width:0px) and (max-width:1280px) {
	
/*Header
------------------------*/
.Header .HeaderBox { padding:10px 0 0 310px;}
.Header .Logo a { width:300px;}

/*Epaper
------------------------*/
.PageEpaper li { width:32.66%;}
.PageEpaper li:nth-child(4n+1) { clear:none; margin:20px 0 0 1%;}
.PageEpaper li:nth-child(3n+1) { clear:both; margin:20px 0 0 0;}

}
@media only screen and (min-width: 0px) and (max-width:1200px) {

/*Default
------------------------*/
.DefNewsMarquee { padding:30px 10px;}
.DefDateListWarp,
.DefListWarp{ padding:0 10px;}
.DefAbout { padding:40px 10px;}

}
@media only screen and (min-width:0px) and (max-width:1100px) {
	
/*Header
------------------------*/
.Header .HeaderBox { padding:10px 0 0 280px;}
.Header .Logo a { width:270px;}
.Header .Nav li.NavLi>a { font-size:16px; padding:0 10px;}

}
@media only screen and (min-width:0px) and (max-width:1024px) {

/*Header
------------------------*/
.Header .HeaderBox { height:80px; padding:15px 50px 15px 280px;}
.Header .Logo a { line-height:80px;}
.Header .TopNav { display:none;}
.Header .Nav li.NavLi { display:none;}
.Header .Nav li.TopSearchBu { margin-left:0; display:block; float:right;}
.Header .Nav li.TopSearchBu .TopSearchOpen, .Header .Nav li.TopSearchBu .TopSearchClose { width:50px; height:50px; text-align:center; font-size:30px; color:#d9b766;}
.Header .Nav li.TopSearchBu .TopSearchOpen i, .Header .Nav li.TopSearchBu .TopSearchClose i { line-height:50px; }


/*Default
------------------------*/
.DefNewsMarquee { padding:15px 10px; height:70px;}
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a { font-size:16px; padding-right:80px;}
.DefList { padding:30px 0;}
.DefList:nth-child(1) { padding-right:10px;}
.DefList:nth-child(2) { padding-left:10px;}
.DefAbout { padding:20px 10px;}
.DefAbout h2 { margin-bottom:20px; height:40px; line-height:40px;}
.DefAbout p{ font-size:16px;}
.DefAbout ul{ font-size:16px; max-width:400px; margin-bottom:20px; }
.DefContent h2 { font-size:30px;}
.DefDateListWarp h2, .DefListWarp h2 { height:30px; line-height:30px; margin-bottom:20px;}
.DefList .DefListUl .DefListLi a { font-size:16px; padding:15px; padding-left:100px; height:50px;}
.DefList .DefListUl .DefListLi a .Date { top:15px; left:10px;}
.DefListWarp .DefList .DefListUl .DefListLi a { padding-left:10px;}
	
	
/*SideMenu
------------------------*/
.Main { display:block; padding:30px 10px;}
.Main .SideMenu { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Main .SideMenu .SideHeader { padding:0 50px 0 15px;}
.Main .SideMenu .SideHeader h2.SideTitle { line-height:50px;}
.Main .SideMenu #SlideDownButton,.Main .SideMenu #SlideUpButton { display:none;}
.Main .SideMenu #SlideDownButton,.Main .SideMenu #SlideUpButton { width:100%; height:50px; position:absolute; right:0; top:0; z-index:10;  }
.Main .SideMenu #SlideDownButton { display:block;}
.Main .SideMenu #SlideDownButton:before { width:50px; height:50px; overflow:hidden; display:block; float:right; text-align:center; line-height:50px; color:#fff;
font-family: FontAwesome; content:"\f107"; font-size:40px;}
.Main .SideMenu #SlideUpButton:before { width:50px; height:50px; overflow:hidden; display:block; float:right; text-align:center; line-height:50px; color:#fff;
font-family: FontAwesome; content:"\f106"; font-size:40px;}
.Main .SideMenu .SlideMenu { display:none;}
.Main .NoSideMenu { display:none;}


/*ContentHeader
------------------------*/
.Main .Content { width:100%; height:auto; overflow:hidden; margin:0 auto;}


/*Epaper
------------------------*/
.PageEpaper li { width:24.25%;}
.PageEpaper li:nth-child(3n+1) { clear:none; margin:20px 0 0 1%;}
.PageEpaper li:nth-child(4n+1) { clear:both; margin:20px 0 0 0;}


/*Footer
------------------------*/
.Footer .SiteMap { padding:35px 10px 5px 10px;}
.Footer .SiteMap .SiteMapul li.SiteMapLi { width:24.25%; margin:0 0 30px 1%;}
.Footer .SiteMap .SiteMapul li.SiteMapLi:nth-child(4n+1) { clear:both; margin:0 0 30px 0;}
.Footer .Copyright { margin:20px auto 0 auto;}


/*uGear
------------------------*/
.uGear { width:100%; height:auto; float:none; text-align:center; background:none; }
.uGear a { display:inline-block;  height:30px; line-height:30px; text-indent:0;}

}
@media only screen and (min-width:0px) and (max-width:768px) {

/*Default
------------------------*/
.DefList .DefListUl .DefListLi a { padding:15px;}
.DefList .DefListUl .DefListLi a .Date { display:none;}


/*ContentHeader
------------------------*/
.Main .Content .ContentHeader .ContentTitle { font-size:22px;}
.Main .Content .ContentHeader .BreadCrumbs { max-width:inherit; width:100%; display:block; float:left; line-height:35px;}


/*PageArticle
------------------------*/
.Main .Content .PageArticle { font-size:16px;}


/*News
------------------------*/
.PageNews li a { font-size:18px; padding:15px;}
.PageNews li p.Date { position:relative; left:auto; top:auto; font-size:15px; margin-bottom:10px;}
.PageNews li p.Subject { padding:0;}

.TaiwanIPLaw li a:before { display:none;}


/*DownLoad
------------------------*/
.PageDownLoad li>a { font-size:18px; padding:15px 15px 70px 15px;}
.PageDownLoad li p.Date { position:relative; left:auto; top:auto; font-size:15px; margin-bottom:10px;}
.PageDownLoad li p.Subject { padding:0;}
.PageDownLoad .PageDowndBu { left:15px; bottom:15px; right:inherit; top:inherit; text-align:left;}


/*FAQ
------------------------*/
.PageFAQ .PageFAQLi { font-size:18px;}
.PageFAQ .PageFAQLi .Number { left:15px; top:15px;}
.PageFAQ .PageFAQLi .FAQ-Q { padding: 15px 35px 15px 70px;}
.PageFAQ .PageFAQLi .FAQ-Q:after { width:35px; height:54px; line-height:54px; font-size:30px;}
.PageFAQ .PageFAQLi .FAQ-A { padding:15px 15px 15px 70px;}

.PageFAQUl li a { font-size:18px; padding:15px;}


/*Epaper
------------------------*/
.PageEpaper li { width:32.66%;}
.PageEpaper li:nth-child(4n+1) { clear:none; margin:20px 0 0 1%;}
.PageEpaper li:nth-child(3n+1) { clear:both; margin:20px 0 0 0;}


/*Search
------------------------*/
.Search .NoData { margin:20px auto;} 
.Search .SearchTitle { font-size:20px; margin:20px 0 10px auto;}
.Search .PageSearch li a { padding:15px; font-size:18px;} 


/*About
------------------------*/
.Main .Content .PageArticle .AboutService .AboutContentImg { display:block;}
.Main .Content .PageArticle .AboutService .AboutLeftContent { width:100%; max-width:420px; min-width:inherit; margin:0 auto;}
.Main .Content .PageArticle .AboutService .AboutRightContent img:nth-child(1) { display:none;}
.Main .Content .PageArticle .AboutService .AboutRightContent img:nth-child(2) { display:block; margin:0 auto;}

}
@media only screen and (min-width:0px) and (max-width:680px) {

/*About
------------------------*/
.Main .Content .PageArticle .AboutLocation ul li { display:block;}
.Main .Content .PageArticle .AboutLocation ul li .Info h4 { font-size:18px;}
.Main .Content .PageArticle .AboutLocation ul li iframe { max-width:inherit; margin:10px auto 0 auto;}

}
@media only screen and (min-width:0px) and (max-width:640px) {

/*About
------------------------*/
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg01 { display:block;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg01 img { margin:15px auto; }
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg02 { display:block;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg02 img  { max-width:inherit; margin:15px auto; }
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg03  { display:block;}
.Main .Content .PageArticle .AboutSaintisland .AboutContentImg03 img  { max-width:inherit; margin:15px auto; }


/*Epaper
------------------------*/
.PageEpaper li { width:49.5%;}
.PageEpaper li:nth-child(3n+1) { clear:none; margin:20px 0 0 1%;}
.PageEpaper li:nth-child(odd) { clear:both; margin:20px 0 0 0;}


/*Footer
------------------------*/
.Footer .SiteMap .SiteMapul li.SiteMapLi { width:32.66%;}
.Footer .SiteMap .SiteMapul li.SiteMapLi:nth-child(4n+1) { clear:none; margin:0 0 30px 1%;}
.Footer .SiteMap .SiteMapul li.SiteMapLi:nth-child(3n+1) { clear:both; margin:0 0 30px 0;}

}
@media only screen and (min-width: 0px) and (max-width: 600px) {
	
/*Default
------------------------*/
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a { padding-right:0;}
.DefNewsMarquee #abgne_marquee .DefNewsMarqueeUl li a .Date { display:none;}

}
@media only screen and (min-width:0px) and (max-width:512px) {

/*Default
------------------------*/
.DefDateListWarp .Div-W1200, .DefListWarp .Div-W1200 { display:block;}
.DefList { width:100%;}
.DefList .DefListUl ~ a { width:100%;}
.DefList .DefListUl .DefListLi a { height:auto; padding:10px;}
.DefList .DefListUl .DefListLi a .Subject { white-space:inherit;}
.DefNewsMarquee { padding:10px; height:60px;}
.DefDateListWarp h2, .DefListWarp h2 { font-size:24px;}
.DefList { padding:20px 0;}
.DefList:nth-child(1) { padding-right:0;}
.DefList:nth-child(2) { padding-left:0;}

.Main.Media_List .Content .media-list li { width:48%; margin-right:4%;}
.Main.Media_List .Content .media-list li:nth-child(3n+1) { clear:none; float:left;}
.Main.Media_List .Content .media-list li:nth-child(3n+3) {margin-right:4%;}
.Main.Media_List .Content .media-list li:nth-child(2n+1) { clear:both;}
.Main.Media_List .Content .media-list li:nth-child(2n+2) {margin-right:0;}


/*ContactUs
------------------------*/
.ContactUs .Inquiry { margin:20px auto;}
.ContactUs .Inquiry .InquiryBox { padding:0;}
.ContactUs .Inquiry .InquiryBox h3 { width:100%; position:relative; left:inherit; top:inherit; padding-left:.7em; margin-bottom:5px;}
.ContactUs .Inquiry .InquiryBoxR .ContactType { display:block; margin-bottom:10px;}

}
@media only screen and (min-width:0px) and (max-width:480px) {
	
/*Footer
------------------------*/
.Footer .SiteMap .SiteMapul li.SiteMapLi { width:49.5%;}
.Footer .SiteMap .SiteMapul li.SiteMapLi:nth-child(3n+1) { clear:none; margin:0 0 30px 1%;}
.Footer .SiteMap .SiteMapul li.SiteMapLi:nth-child(odd) { clear:both; margin:0 0 30px 0;}
.Search .PageSearch li a > .Date + .Subject { width:100%; padding-left:0;}
}
@media only screen and (min-width:0px) and (max-width:420px) {
	
/*Header
------------------------*/
.Header .HeaderBox { padding:15px 40px 15px 200px;}
.Header .Logo a { -moz-background-size:190px;-webkit-background-size:190px;-o-background-size:190px;background-size:190px;}


/*Epaper
------------------------*/
.PageEpaper li { width:100%; margin:20px auto auto auto;}
.PageEpaper li:nth-child(odd) { margin:20px auto auto auto;}

}