@charset "utf-8";
/* CUBE Interactive : 2014-10-30 */


/* 2015 02 24 new frame */

#head-container-frome{
	width: 100%;
	height: 325px;
	text-align: center;
	display: inline-table;
	float: left;
	position: fixed;
	z-index: 15;
	left: 0px;
	top: 0px;
	background-image: url(../images/head-frome-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#content-container-frome{
	width: 100%;
	text-align: center;
	display: inline-table;
	float: left;
	background-image: url(../images/frame-ap-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#content-container-frome-ap  {
	width: 980px;
	text-align: center;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 335px;
	background:#ffffff;
}

#in-frome-ap{
	width: 580px;
	text-align: center;
	display: inline-block;
	float: left;
	z-index: 10;
	position: relative;
	background-color: #F2F2F2;
}

#in-frome-right{
	width: 240px;
	text-align: center;
	display: inline-block;
	float: right;
}

#in-frome-right-ap{
	width: 100%;
	display: inline-block;
	float: right;
	border: 1px solid #1556ac;
}


/* head  */

#container-head {
	width: 100%;
	height: 100px;
	display: inline-table;
	text-align: center;
	background-color: #D0D0D0;
	overflow: hidden;
}
#container-head-ap {
	width: 980px;
	height: 240px;
	display: inline-block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/* 2015 02 24 */

#container-head-logo {
	width: 200px;
	display: inline-block;
	text-align: left;
	position: fixed;
	left: 50%;
	top: 0px;
	z-index: 2000;
	margin-left: -490px;
}

/* logo */

.head-logo {
	width: 200px;
	height: 77px;
	display: block;
	text-align: left;
	font-size: 0px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}


/* frame  */

#container-frame {
	width: 100%;
	display: inline-table;
	text-align: center;
}
#container-frame-ap {
	width: 980px;
	display: inline-block;
	text-align: center;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
}


/* bg & animation */

#container-head-bg {
	width: 100%;
	height: 100px;
	display: inline-table;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/head-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 11;
}
#container-head-animation {
	width: 100%;
	height: 320px;
	display: inline-table;
	text-align: center;
	position: absolute;
	left: 0px;
	top: -3px;
	z-index: 10;
	overflow: hidden;
}



/*-------------------------------------------------------------------------*/

/* 內容 title  */

.in-title-more {
	background-image: url(../images/in-more.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.in-title-line {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ededed;
}
.in-title {
	display: inline-block;
	float: left;
	width: 100%;
	text-align: left;
	background-color: #FFFFFF;
}
.in-title {
	font-size: 18px;
	line-height: 47px;
	font-weight: normal;
	 font-family:\5FAE\8EDF\6B63\9ED1\9AD4, SealmemoryHeader,"DFKai-sb","Microsoft JhengHei", serif;
}
.in-title a {
	color: #555;
	text-decoration: none;
	text-indent: 30px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.in-title a strong{
	color: #FF4D30;
	font-weight: bold;
}
.container-title-product {
	width: 100%;
	height: 47px;
	display: block;
	float: left;
	text-align: left;
	background-image: url(../images/container-title-product.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-overflow : ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	overflow: hidden;
}
.container-title-youtube {
	width: 100%;
	height: 47px;
	display: block;
	float: left;
	text-align: left;
	background-image: url(../images/container-title-youtube.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.container-title-spread {
	width: 100%;
	height: 47px;
	display: block;
	float: left;
	text-align: left;
	background-image: url(../images/container-title-spread.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* 區塊 product */
#container-product {
	display: block;
	float: left;
	width: 240px;
	height: 562px;
	position: relative;
	margin-right: 27px;
}
#container-product-ti {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	background-color: #0C4DA2;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #0C4DA2;
}

/*150715*/
#container-product ul {
	border: 1px solid #1556ac;
	display: inline-block;
	padding: 20px;
}

#container-product li {
	display: block;
	float: left;
	width: 200px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ADADAD;
	background:#f2f2f2;
}
#container-product li:first-child{
	-webkit-border-radius: 10px 10px 0px 0px;
	overflow: hidden; 
}
#container-product li:last-child{
  	-webkit-border-radius: 0px 0px 10px 10px;
	overflow: hidden;  
}
#container-product li h3{
	width: 50px;
	height: 60px;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	margin-right: 10px;
}
#container-product li h3 img {
	width: 110px;
	height: 60px;
	display: block;
	position: absolute;
	left: -30px;
	top: 0px;
}
#container-product li img {
	width: 50px;
	height: 60px;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	margin-right: 10px;
}
#container-product li a{
	display: block;
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 60px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
	text-overflow : ellipsis;
	white-space:nowrap;word-wrap: normal;
	overflow: hidden;
}
#container-product li a:hover {
	color: #fff;
	background-color: #0C4DA2;
}
#container-product-quickmenu {
	display: block;
	width: 240px;
	position: absolute;
	left: 0px;
	bottom: -1px;
	overflow: hidden;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #1556ac;
	border-bottom-color: #1556ac;
	border-left-color: #1556ac;
}
  

/* quickmenu 

   .quickmenu-sk {
	display: block;
	width: 119px;
	font-size: 0px;
	background-image: url(../images/in-quickmenu-sk.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 65px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1556ac;
    }
	.quickmenu-sk:hover {
	background-position: center bottom;	
    }
*/

/*  skype:start */
#SkypeButton_Call_amitie27664992_1_paraElement a{
	display: block;
	width: 119px;
	font-size: 0px;
	background-image: url(../images/in-quickmenu-sk.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 65px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1556ac;

}
#SkypeButton_Call_amitie27664992_1_paraElement a:hover{
	background-position: center bottom;	
}
#SkypeButton_Call_amitie27664992_1 img{
	display:none;
}
/*  skype:end */
    .quickmenu-line {
	display: block;
	width: 120px;
	font-size: 0px;
	background-image: url(../images/in-quickmenu-line.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 65px;
	float: left;
    }
	.quickmenu-line:hover {
	background-position: center bottom;	
    }

	.quickmenu-fb {
	display: block;
	width: 120px;
	font-size: 0px;
	background-image: url(../images/in-quickmenu-fb.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 65px;
	float: left;
    }
	.quickmenu-fb:hover {
	background-position: center bottom;	
    }
	
	.quickmenu-call {
	display: none;
	font-size: 0px;
	float: left;
    }
	.quickmenu-call:hover {
	background-position: center bottom;
    }
  


/* 區塊 */
#container-youtube {
	display: block;
	float: left;
	width: 200px;
	height: 147px;
	background-color: #000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	overflow: hidden;
	color: #ededed;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#container-spread {
	display: block;
	float: left;
	width: 200px;
	overflow: hidden;
}
#container-spread a {
	display: block;
	margin: 0px;
	float: left;
	width: 200px;
	height: 78px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	overflow: hidden;
	background-color: #ededed;
}
#container-spread li img{
	float: left;
	width: 200px;
	height: 78px;
	margin: 0px;
	padding: 0px;
	display: block;
}

/*------------------------------------- 2015 08 11 -----------------------------------------------*/

#container-youtube-frome {
	width: 100%;
	height: 338px;
	display: block;
	float: left;
	overflow: hidden;
	background-color: #ededed;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid #ededed;
}


/*----------------------------------------- news -----------------------------------------------*/

/* 高度 */
#content 
{
	width: 448px;
	height: 123px;
	position: relative;
	display: inline-block;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #1556ac;
	border-bottom-color: #1556ac;
	border-left-color: #1556ac;
}
#container-news {
	width: 450px;
	height: 570px;
	display: block;
	float: left;
	margin-bottom: 8px;
}
/*button*/
#tabs{
	display: block;
	float: left;
	width: 100%;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1556ac;
	background-color: #fff;
	overflow: hidden;
}

#tabs li{
  float: left;
}

#tabs a{
	display: block;
	float: left;
	width: 115px;
	font-size: 15px;
	line-height: 30px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ededed;
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
	color: #fff;
	background-color: #1556ac;
}

#tabs a:focus{
  outline: 0;
}


#tabs #current a,
#tabs #current a::after{
	color: #fff;
	background-color: #1556ac;
}

/* ------------------------- list ------------------------ */

.container-news-list {
	display: inline-block;
	float: left;
	width:  100%;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.container-news-list li{
	width:  100%;
	display: block;
	float: left;
	background-color: #fff;
	text-indent: 10px;
	margin: 0px;
	padding: 0px;
}
.container-news-list li:nth-child(odd) {
	background-color: #F6F6F6;
}
.container-news-list li a{
	display: block;
	float: left;
	width: 95%;
	font-size: 13px;
	line-height: 40px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
	text-overflow : ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	overflow: hidden;
}
.container-news-list li a:hover{
	color: #FF5300;
}
.container-news-list li a em{
	font-size: 11px;
	font-weight: bold;
	color: #FF4D30;
	text-decoration: none;
}
.container-news-list li a strong{
	font-size: 13px;
	font-weight: bold;
	color: #7B7B7B;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 12px;
}
/*more*/
.container-news-list samp{
	display: block;
	float: left;
	position: absolute;
	top: -35px;
	right: 10px;
}

/*--------------------  2015 08 11 ad  ------------------------*/

    #in-frome-right-ad {
	overflow: hidden;
	display: block;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 23px;
	margin-left: 20px;
    }
    #in-frome-right-ad a {
	float: left;
	display: block;
    }
    #in-frome-right-ad a img {
	float: left;
	height: 78px;
	width: 200px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
    }