@charset "utf-8";
/* CSS Document */

/* 基本樣式
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
html,body{
	overflow-x:hidden;
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,select{
	font-family:SimSun;
	font-size:15px;
}

img    {border: none;}
form   {display:inline;}
select {border: 1px solid #6e6e6e;}
li     {list-style:none;}

#clear{
	clear:both;
	font-size: 0px;
}

.textBlue01{
	color:#00aaee;
	font-weight:bold;
}
.textGreen01{
	color:#099030;
	font-weight:bold;
}



/* 
---------------------------------------------*/
table#wrapper {
	margin: 0;
	padding: 0;
	margin: 0 auto; /* 設定為自動調整邊界 */
	background: #ffffff url(../images/bg.jpg) center top no-repeat;
	border-collapse:collapse;
	border-spacing:0;
	width: 1192px;
}

.bgLeft{
	background: #ffffff url(../images/bgLeft.gif) right top no-repeat;
	width: 21px;
}


/*  TOP
---------------------------------------------*/
h1{
	float: left;
	height: 137px;
}
h2{
	float: left;
	background: #fff url(../images/topPic.jpg) left top no-repeat;
	width: 741px;
	text-align: right;
	padding: 7px 0 0 0;
	height: 130px;
}

h2 a:link         {color: #4f4f4f; font-weight: normal; text-decoration: none;}
h2 a:visited      {color: #4f4f4f; font-weight: normal; text-decoration: none; outline:none;/* ● 去除Firefox會在鏈接周圍產生一個虛線外框 */}
h2 a:active       {color: #4f4f4f; font-weight: normal; text-decoration: none;}
h2 a:hover        {color: #FF6666; font-weight: normal; text-decoration: underline;}

h2 ul{ list-style: none;}
h2 ul li{ background: url(../images/icon_home.png) no-repeat top; background-position: 672px 2px; padding: 3px 0 0 20px;}


h5{
	float: left;
	background: #fff url(../images/topPic.jpg) left top no-repeat;
	width: 741px;
	text-align: right;
	padding: 7px 0 0 0;
	height: 130px;
}

h5 a:link         {color: #4f4f4f; font-weight: normal; text-decoration: none;}
h5 a:visited      {color: #4f4f4f; font-weight: normal; text-decoration: none; outline:none;/* ● 去除Firefox會在鏈接周圍產生一個虛線外框 */}
h5 a:active       {color: #4f4f4f; font-weight: normal; text-decoration: none;}
h5 a:hover        {color: #FF6666; font-weight: normal; text-decoration: underline;}

h5 ul{ list-style: none;}
h5 ul li{ background: url(../images/icon_home.png) no-repeat top; background-position: 692px 0; padding: 3px 0 0 20px;}



/* 二欄式的主內容區塊
---------------------------------------------*/
#content {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 100%;
	background: url(../images/menuBg02.gif) left top repeat-y;
}
#menu {
	float: left;
	width: 240px;
	background: url(../images/menu/bg.gif) top left no-repeat;
}
#main {
	float: left;
	width: 741px;
	overflow: auto !important;
	overflow /**/: hidden;
	background: url(../images/AdBg.gif) top right repeat-y;
}

#newsInfo{
	float: left;
	width: 519px;
}
#adInfo{
	float: left;
	width: 222px;
}


/* menu
---------------------------------------------*/
#menuList{}
#menuList li{
	display:inline;
	text-align:left;
	float: left;
}
#menuList li a{
	width: 240px;
	height: 39px;
	display: block;
	text-indent: -3000px;
	font-size: 1px;
}
.menu01 a{background: url(../images/menu/menuIcon011.png) left top no-repeat;}
.menu01 a:hover{background: url(../images/menu/menuIcon012.gif) left top no-repeat;}
.menu001 a{background: url(../images/menu/menuIcon012.gif) left top no-repeat;}

.menu02 a{background: url(../images/menu/menuIcon021.png) left top no-repeat;}
.menu02 a:hover{background: url(../images/menu/menuIcon022.gif) left top no-repeat;}
.menu002 a{background: url(../images/menu/menuIcon022.gif) left top no-repeat;}

.menu03 a{background: url(../images/menu/menuIcon031.png) left top no-repeat;}
.menu03 a:hover{background: url(../images/menu/menuIcon032.gif) left top no-repeat;}
.menu003 a{background: url(../images/menu/menuIcon032.gif) left top no-repeat;}

.menu04 a{background: url(../images/menu/menuIcon041.png) left top no-repeat;}
.menu04 a:hover{background: url(../images/menu/menuIcon042.gif) left top no-repeat;}
.menu004 a{background: url(../images/menu/menuIcon042.gif) left top no-repeat;}

.menu05 a{background: url(../images/menu/menuIcon051.png) left top no-repeat;}
.menu05 a:hover{background: url(../images/menu/menuIcon052.gif) left top no-repeat;}
.menu005 a{background: url(../images/menu/menuIcon052.gif) left top no-repeat;}

.menu06 a{background: url(../images/menu/menuIcon061.png) left top no-repeat;}
.menu06 a:hover{background: url(../images/menu/menuIcon062.gif) left top no-repeat;}
.menu006 a{background: url(../images/menu/menuIcon062.gif) left top no-repeat;}

.menu07 a{background: url(../images/menu/menuIcon071.png) left top no-repeat;}
.menu07 a:hover{background: url(../images/menu/menuIcon072.gif) left top no-repeat;}
.menu007 a{background: url(../images/menu/menuIcon072.gif) left top no-repeat;}

.menu08 a{background: url(../images/menu/menuIcon081.png) left top no-repeat;}
.menu08 a:hover{background: url(../images/menu/menuIcon082.gif) left top no-repeat;}
.menu008 a{background: url(../images/menu/menuIcon082.gif) left top no-repeat;}

.menu09 a{background: url(../images/menu/menuIcon091.png) left top no-repeat;}
.menu09 a:hover{background: url(../images/menu/menuIcon092.gif) left top no-repeat;}
.menu009 a{background: url(../images/menu/menuIcon092.gif) left top no-repeat;}

.menu10 a{background: url(../images/menu/menuIcon101.png) left top no-repeat;}
.menu10 a:hover{background: url(../images/menu/menuIcon102.gif) left top no-repeat;}
.menu010 a{background: url(../images/menu/menuIcon102.gif) left top no-repeat;}

.menu11 a{background: url(../images/menu/menuIcon111.png) left top no-repeat;}
.menu11 a:hover{background: url(../images/menu/menuIcon112.gif) left top no-repeat;}
.menu011 a{background: url(../images/menu/menuIcon112.gif) left top no-repeat;}


#menuList li a.seMenu {
	background: url(../images/icon_arrow.png) top no-repeat;
	background-position: 55px 10px;
	text-indent: 0px;
	font-size: 15px;
	width: 160px;
	height: auto;
	padding: 10px 0 10px 78px;
	text-decoration: none;
}
#menuList li a.seMenu { border-bottom: 1px #CCC dashed;}






/* cn樣式
---------------------------------------------*/

.cnMenu01 a{background: url(../images/cn/Menu/MenuIcon011.png) left top no-repeat;}
.cnMenu01 a:hover{background: url(../images/cn/Menu/MenuIcon012.gif) left top no-repeat;}
.cnMenu001 a{background: url(../images/cn/Menu/MenuIcon012.gif) left top no-repeat;}

.cnMenu02 a{background: url(../images/cn/Menu/MenuIcon021.png) left top no-repeat;}
.cnMenu02 a:hover{background: url(../images/cn/Menu/MenuIcon022.gif) left top no-repeat;}
.cnMenu002 a{background: url(../images/cn/Menu/MenuIcon022.gif) left top no-repeat;}

.cnMenu03 a{background: url(../images/cn/Menu/MenuIcon031.png) left top no-repeat;}
.cnMenu03 a:hover{background: url(../images/cn/Menu/MenuIcon032.gif) left top no-repeat;}
.cnMenu003 a{background: url(../images/cn/Menu/MenuIcon032.gif) left top no-repeat;}

.cnMenu04 a{background: url(../images/cn/Menu/MenuIcon041.png) left top no-repeat;}
.cnMenu04 a:hover{background: url(../images/cn/Menu/MenuIcon042.gif) left top no-repeat;}
.cnMenu004 a{background: url(../images/cn/Menu/MenuIcon042.gif) left top no-repeat;}

.cnMenu05 a{background: url(../images/cn/Menu/MenuIcon051.png) left top no-repeat;}
.cnMenu05 a:hover{background: url(../images/cn/Menu/MenuIcon052.gif) left top no-repeat;}
.cnMenu005 a{background: url(../images/cn/Menu/MenuIcon052.gif) left top no-repeat;}

.cnMenu06 a{background: url(../images/cn/Menu/MenuIcon061.png) left top no-repeat;}
.cnMenu06 a:hover{background: url(../images/cn/Menu/MenuIcon062.gif) left top no-repeat;}
.cnMenu006 a{background: url(../images/cn/Menu/MenuIcon062.gif) left top no-repeat;}

.cnMenu07 a{background: url(../images/cn/Menu/MenuIcon071.png) left top no-repeat;}
.cnMenu07 a:hover{background: url(../images/cn/Menu/MenuIcon072.gif) left top no-repeat;}
.cnMenu007 a{background: url(../images/cn/Menu/MenuIcon072.gif) left top no-repeat;}

.cnMenu08 a{background: url(../images/cn/Menu/MenuIcon081.png) left top no-repeat;}
.cnMenu08 a:hover{background: url(../images/cn/Menu/MenuIcon082.gif) left top no-repeat;}
.cnMenu008 a{background: url(../images/cn/Menu/MenuIcon082.gif) left top no-repeat;}

.cnMenu09 a{background: url(../images/cn/Menu/MenuIcon091.png) left top no-repeat;}
.cnMenu09 a:hover{background: url(../images/cn/Menu/MenuIcon092.gif) left top no-repeat;}
.cnMenu009 a{background: url(../images/cn/Menu/MenuIcon092.gif) left top no-repeat;}

.cnMenu10 a{background: url(../images/cn/Menu/MenuIcon101.png) left top no-repeat;}
.cnMenu10 a:hover{background: url(../images/cn/Menu/MenuIcon102.gif) left top no-repeat;}
.cnMenu010 a{background: url(../images/cn/Menu/MenuIcon102.gif) left top no-repeat;}

.cnMenu11 a{background: url(../images/cn/Menu/MenuIcon111.png) left top no-repeat;}
.cnMenu11 a:hover{background: url(../images/cn/Menu/MenuIcon112.gif) left top no-repeat;}
.cnMenu011 a{background: url(../images/cn/Menu/MenuIcon112.gif) left top no-repeat;}

.cnMenu12 a{background: url(../images/cn/Menu/menuIcon121.png) left top no-repeat;}
.cnMenu12 a:hover{background: url(../images/cn/Menu/MenuIcon122.gif) left top no-repeat;}
.cnMenu012 a{background: url(../images/cn/Menu/MenuIcon122.gif) left top no-repeat;}


#menuList li a.seMenu {
	background: url(../images/icon_arrow.png) top no-repeat;
	background-position: 55px 10px;
	text-indent: 0px;
	font-size: 15px;
	width: 160px;
	height: auto;
	padding: 5px 0 10px 78px;
	text-decoration: none;
}
#menuList li a.seMenu { border-bottom: 1px #CCC dashed;}










/* main
---------------------------------------------*/
h3{
	background: url(../images/titleIndexNews.jpg) top left no-repeat;
	height: 48px;
}
#newsInfoBg{
	background: url(../images/bgIndexNews.jpg) top left no-repeat;
	height: 421px;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	border-collapse:collapse;
	border-spacing:0;
}
#newsInfoBg td{vertical-align: top;}

.newstitleB{
	color: #336699;
	font-weight:bold;
	padding: 3px 0px 0px 62px;
	letter-spacing: 1px;
	font-size: 15px;
	background: url(../images/iconBall.gif) no-repeat;
	background-position: 42px 1px;
	text-decoration: underline;
	margin: 5px 0px 7px 0px;
}
.newstitle{
	color: #5999d6;
	font-weight:bold;
	padding: 3px 0px 0px 62px;
	letter-spacing: 1px;
}
.newsCont{
	color: #6b6b6b;
	text-align:justify;text-justify:inter-ideograph;
	padding: 0px 0px 8px 62px;
	letter-spacing: 1px;
	width: 430px;
	line-height: 22px;
}
.newsCont a{color:#7a7a7a;text-decoration: none;}
.newsCont a:hover{color:#CC3366;text-decoration: none;}


h4{
	background: url(../images/AdTitle.gif) top left no-repeat;
	height: 35px;
}
.adPic{
	width: 198px;
	height:124px;
	background: url(../images/AdPicBg.gif) top right no-repeat;
	padding-left: 15px;
}
.pic191{
	width:191px;
	height:122px;

	/*非IE的主流瀏覽器識別的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*設置水平居中*/
	text-align:center;

	/* 針對IE的Hack */
	*display: block;
	*font-size: 110px;/*約為外框高度的0.873，110*0.873 約為96*/
	*font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/
}
.pic191 img {
	/*設置圖片垂直居中*/
	vertical-align:middle;
}


.adTitle{
	font-weight: bold;
	color:#4d4d4d;
	padding: 12px 0px 0px 20px;
	width:179px;
	text-align:justify;text-justify:inter-ideograph;
}
.adCont{
	color:#6c6f70;
	padding: 5px 0px 17px 20px;
	width:179px;
	text-align:justify;text-justify:inter-ideograph;
	line-height: 18px;
}



/* about_main
---------------------------------------------*/
#mainAbout{
	float: left;
	width: 741px;
	overflow: auto !important;
	overflow /**/: hidden;
	background: url(../images/main/mainBg01.gif) top left repeat-y;
}
#mainAboutBg{
	background: url(../images/main/mainBg02.jpg) top left no-repeat;
}
.aboutCont{
	padding: 20px 0px 20px 43px;
	width: 659px;
	text-align:justify;text-justify:inter-ideograph;
	color: #5b5a5a;
	font-size:15px;
	line-height: 25px;
}
.aboutCont table,td{
	border-collapse:collapse;
	border-spacing:0;
	font-size:15px;
}

.popCont{
	padding: 0px 0px 20px 0px;
	width: 659px;
	text-align:justify;text-justify:inter-ideograph;
	color: #5b5a5a;
	font-size:15px;
	line-height: 25px;
}
.popContinfo{
	color: #6b6b6b;
	text-align:justify;text-justify:inter-ideograph;
	padding: 8px 0px 8px 62px;
	letter-spacing: 1px;
	width: 638px;
	line-height: 22px;
	background: url(../images/iconO.gif) left no-repeat;
	background-position: 43px 11px;
}
.popContinfo a{color:#7a7a7a;text-decoration: none;}
.popContinfo a:hover{color:#CC3366;text-decoration: none;}

.linksCont{
	padding: 10px 0px 20px 43px;
	width: 659px;
	text-align:justify;text-justify:inter-ideograph;
	color: #5b5a5a;
	font-size:15px;
}
.linksCont table,td{
	border-collapse:collapse;
	border-spacing:0;
	font-size:15px;
}

.linksCont li { float: left; width: 161px; padding-bottom: 10px; text-align: center; height: 180px;}
.linksCont li img { padding-bottom: 6px;}
.linksCont .clear { clear: both; display: block;}



/* pro_main
---------------------------------------------*/
.protitleB{
	color: #336699;
	font-weight:bold;
	padding: 3px 0px 0px 20px;
	letter-spacing: 1px;
	font-size: 15px;
	background: url(../images/iconBall.gif) no-repeat;
	background-position: 0px 1px;
	text-decoration: underline;
	margin: 5px 0px 7px 0px;
}



/* text
---------------------------------------------*/
.redText {
	color: #FF0000;
}




/* footer
---------------------------------------------*/
#footer {
	clear: both;
	color: #7a7a7a;
	background: #333333 url(../images/bgFooter.gif);
	height: 52px;
	padding-top: 25px;
	padding-left: 45px;
	width: 936px;
}
#footerIcon{}
#footerIcon li{
	float:left;
	background: url(../images/iconFooter.gif) left top no-repeat;
	margin-left: 10px;
	padding-left: 8px;
	background-position:0px;
	font-size: 11px;
	display: inline;
}
* html #footerIcon li{font-size: 10px;}/**ie6**/
*+html #footerIcon li{font-size: 10px;}/**ie7**/
#footerIcon li a{color:#7a7a7a;text-decoration: none;}

#footerCopyright{}
#footerCopyright li{
	float:left;
	margin-left: 10px;
	font-size: 11px;
	display: inline;
	padding-top: 5px;
}
#footerCopyright img{
	vertical-align:bottom;
}









/*  頁碼
----------------------------------------------------------------------------------------------------*/
DIV.scott {
	padding: 8px 3px 3px 3px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 3px;
	text-align: center;
	font-size: 13px;
}
DIV.scott A {
	border: #ddd 1px solid;
	padding: 2px 5px 2px 5px;
	color: #538fad;
	margin-right: 2px;
	text-decoration: none;
	background-color: #fff;
	font-size: 13px;
}
DIV.scott A:hover {
	border: #6ebbe0 1px solid;
	color: #78a5bc;
	background-color: #ddfaf2;
}
DIV.scott A:active {
	border: #6ebbe0 1px solid;
	color: #78a5bc;
	background-color: #ddfaf2;
}
DIV.scott SPAN.current {
	border: #87c6d3 1px solid;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	color: #fff;
	margin-right: 2px;
	background-color: #87c6d3;
	font-size: 13px;
}
DIV.scott SPAN.disabled {
	border: #f3f3f3 1px solid;
	padding: 2px 5px 2px 5px;
	color: #ccc;
	margin-right: 2px;
	background-color: #fff;
	font-size: 13px;
}









/* news.asp
---------------------------------------------*/
div.news_none {
    padding: 50px 0px 0px 62px;
}








/*  media
----------------------------------------------------------------------------------------------------*/
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}




.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}





/*  共用項目
----------------------------------------------------------------------------------------------------*/
.mB_15_a { margin-bottom: 15px;}
.mT_10_a { margin-top: 10px;}





/*========================================================
                         btn
=========================================================*/
.btn-acc {
  padding: 4px 1.5em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 1px solid #34c8cd;
  display: inline-block;
  border-radius: 0.7em;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
    background-color: #34c8cd;
}
.btn-acc:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  transform: skewX(-45deg) translateX(0);
  transition: none;
}
.btn-acc:hover {
  background-color: #34c8cd;
  color: #fff;
/*  border-bottom: 4px solid #28a1a5;*/
}
.btn-acc:hover:before {
  transform: skewX(-45deg) translateX(25em);/*13.5*/
  transition: all 0.5s ease-in-out;
}